: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); --buttonBackColor:slategray; --buttonBackColorHover:black; --buttonBoxShadow:0 0 1px gray; --buttonBoxShadowHover:1px 1px 5px gray; --buttonTextColor:white; --cellSize:clamp(48px,20vw,64px); --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; --fieldLabelPadding:6px 12px; --fieldLabelWidth:8em; --fieldPadding:8px 8px; --fieldValueFontSize:1.2em; --fieldValuePadding:8px; --fieldValuePadding:8px; --fontSize:12px; --fontWeight:400; --footerBackColor:#181c32; --footerTextColor:white; --gap:8px; --gap2:16px 32px; --headerBackColor:inherit; --headerTextColor:inherit; --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; --inputBackColor:white; --inputBorder:solid 1px rgba(127,127,127,0.2); --inputPadding:8px 12px; --inputRadius:8px; --inputTextColor:white; --itemBack:white; --itemMargin:0 auto; --labelColor:#3d5986; --lineHeight:1.2em; --listHeaderHeight:3em; --listPadding:8px 4px; --logoColor:#dd042b; --menuBackColor:#303030; --menuIconColor:white; --menuSelectedBackColor:#f0f4f8; --menuTextColor:white; --mobileTextSize:14px; --monoFont:; --multiItemBackColor:#f8faff; --numWidth:10em; --panelHeaderTextColor:#000080; --primaryButtonBackColor:#7ABC13; --primaryButtonTextColor:white; --ProcedureDQ:#eb3131; --ProcedureIQ:#46d74c; --ReadOnlyColor:96, 96, 96; --selectorSize:clamp(7em,7em,10em); --shadow1:0 0 1px silver; --singleItemBackColor:#ffffff; --subItemsWidth:320px; --textColor:#303030; --textSize:12px; --winHeight:100vh; --winWidth:100vw; --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); } /* 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 { display: inline-block; 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:-internal-autofill-selected { background: red !important; color: red; } 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; } /* 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.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%; } /* 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: 4; } .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: red; font-weight: bold; } .LoginForm { padding: 0; margin: 0 auto; padding: 0; display: block; margin-top: 16px; max-width: 320px; } #Page___Login__ .LoginForm > form { max-width: 320px; } .LoginForm > form, .SingleItem_Subscriber_Request { text-align: center; padding: 2.5rem; max-width: 20em; margin: 8px auto !important; } .LoginForm div.UserPassword > a.PasswordIcon { position: absolute; left: 0; z-index: 10; bottom: 0; top: 0; padding: 9px 15px; font-size: 1.5em; } .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: 0.25em; } .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.5em; } .LoginForm .RememberMe { background-color: transparent; box-shadow: 0 0 0; border: 0; } .LoginButton { background-color: green; color: white; } .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: #303030; color: white; } .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; } /* 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; } .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; } /* 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: 1em; font-weight: bold; font-size: 120%; min-height: 3em; white-space: pre-wrap; text-transform: uppercase; padding: 0.5em; display: flex; align-items: center; justify-content: center; } .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; } /* 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: 1px 1px 4px #656565; background-color: white; opacity: 0.75; } .ProgressBarBar { background-color: lightblue; } /* 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; } /* META : .Base.ItemStyles.SingleItem.ItemFooter */ .ItemFooter { display: flex; flex-direction: row; white-space: nowrap; font-size: 90%; min-height: 48px; position: relative; top: -8px; } .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; } .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; } .ItemFooter > .Center .ImageSpan{ max-height: 30px; min-height: 30px; max-width: 30px; position: absolute; left: -4px; padding: 4px; opacity: 0.5; } /* 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: 0; background-color: rgba(127,127,127,0.1); position: relative; border: var(--border1); box-shadow: 0 0 5px gray; } .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 { text-shadow: 0 0 1px; } .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: -6px; font-size: 32px; 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: -6px; font-size: 50px; 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; } /* 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: 160px; min-height: 160px; } .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; } .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: lightgreen; } .Selected.Choice_false { background-color: #d24f6b !important; border-color: #8f122d !important; color: white; } .Selected.Choice_true { color: white; } .Choices > a:hover, .Choice:hover { border-color: rgb(0, 127, 255); } .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: rgb(79,79,81); 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; } /* 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; 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; } /* 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: 0; top: 0; z-index: 9999; font-size: 2rem; } .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: 200px !important; opacity: 1.0; } .ETWMenu > .ToggleMenu { position: absolute; left: 0; top: 0; z-index: 1000; padding: 0.5em; } .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 300ms ease; }.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; }.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 .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; } /* 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: #00ff0010; border: solid 1px silver; } .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.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.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.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.View.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.View.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.View.OpenItemSize */ .OpenItemSize_Small .Field { padding: 1px; } .OpenItemSize_Small .FieldLabel { width: 30%; } .OpenItemSize_Small .FieldValue { width: 70%; } /* META : .Base.Views.View.UpdateBy */ .UpdateByCount { width: 6em; margin: 0 auto; text-align: center; display: block; } /* META : .Base.Views.View.OrderBy */ .OrderByToggle > div { display: none; } /* META : .Base.Views.View.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.View.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.View.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 { min-height: 15em; } .ViewBody.DisableOverflow { min-height: 3em; } /* META : .Base.Views.View.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.View.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.View.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.View.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.View.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.View.ViewType.D3 */ svg.nvd3-svg { height: auto !important; } /* META : .Base.Views.View.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.View.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.View.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.View.ViewType.Tree */ .TreeLevel { display: inline-block; } .TreeTitle { display: inline-block; } .TreeToggle { width: 1.5em; } /* META : .Base.Views.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.ViewType.ListTable.ListAll */ .ListAll { display: flex; flex-direction: row; width: 100%; height: 100% !important; } /* META : .Base.Views.View.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, 50%); border-top: solid 1px rgba(127,127,127,0.1); } .ListBody tbody > tr:nth-child(even) { background-color: rgba(255, 255, 255, 25%); } .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; } /* META : .Base.Views.View.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.View.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.View.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.View.ViewType.ListTable.ListHeader */ .ListHeader { overflow: hidden; z-index: 100; border-bottom: var(--border1); } .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: 300; 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; } /* META : .Base.Views.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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; } /* META : .Base.Views.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.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.View.Parameters.DoData */ .DoData { position: relative; vertical-align: bottom; } .DoData img { max-width: 20px; max-height: 20px; } /* META : .Base.Views.View.Parameters.ParameterSet */ .ParameterSet .ViewBody { background-color: transparent; } /* META : .Base.Views.View.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.View.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.View.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.View.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.View.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.View.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.View.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 : .Base.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: -6px; font-family: "361"; z-index: 9; font-size: 32px; color: #80808020; } .TabPanel_TabBottom > .TabHeader > span:after { top: -6px; 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 : .Base.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 : .Base.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 : .Base.UIComponents.UIElements.RTCClient.RTCTitle */ .RTCClient .RTCTitle { display: table-cell; } .RTCClient.RTCOpen .RTCTitle > div { display: flex; padding: 5px; } /* META : .Base.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 : .Base.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; justify-content: center; align-items: center; font-size: 2em; color: #55555580; border: solid 1px #80808040; } .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; } .RTCClient .RTCHome { grid-area: RTCmc; border: solid 1px #80808040; } .RTCClient .RTCChatInput { border: solid 1px #80808040; grid-area: RTCbc; } .RTCClient .RTCChatInput textarea { border: 0; } /* META : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.UIComponents.UIElements.RTCClient.RTCSearch */ .RTCClient .RTCSearch { display: block; } .RTCClient .RTCSearch input { height: 100%; border: 0; } /* META : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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; } .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; } .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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.UIComponents.Specialized.SelectionsMenu */ .SelectionsMenu { position: fixed; max-height: 100%; line-height: 1.5em; z-index: 1000; background-color: white; box-shadow: 1px 1px 5px grey; } .SelectionsMenuOpen { outline: solid 2px #80808050; } .SelectionsMenu_DatePicker { max-width: 22em !important; min-width: 22em !important; } .SelectionsMenu.SelectionsMenu_NavHoverMenu { padding: 1em; } .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 { text-shadow: 0 0 1px gray; } .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 : .Base.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 : .Base.UIComponents.Specialized.Wizard */ .TabHeader.Wizard > div { display: none; } .TabHeader.Wizard > div.Selected { display: block !important; width: 100%; } .Wizard .TabButton { padding: 6px 1em 6px 1em; } .WizardNext { text-align: left !important; padding-left: 2em; } .WizardPrev { text-align: right !important; padding-right: 2em; } .WizardNext .TabButton { border-radius: 0 2em 2em 0; } .WizardPrev .TabButton { border-radius: 2em 0 0 2em; } .WizardTab { display: block; } .WizardTab > span { display: inline-block; width: 33%; text-align: center; } .TabHeader.Wizard > div.Selected { display: block !important; background-color: transparent !important; width: 100%; } /* META : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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; } .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 : .Base.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; overflow-y: auto; } .SelectionsMenu.closed { will-change: auto; } /* META : .Base.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 : .Base.UIComponents.Specialized.Animations.ReDraw */ .ReDraw_InProgress { visibility: hidden !important; contain: layout style paint; } /* META : .Base.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 : .Base.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 : .Base.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 : .Base.UIComponents.Button.Button */ .Button { display: inline-flex; text-align: center; justify-content: center; cursor: pointer; margin: 2px; z-index: 200; position: relative; border-radius: 4px; padding: var(--inputPadding); background-color: var(--buttonBackColor, inherit); color: var(--buttonTextColor); box-shadow: var(--buttonBoxShadow); transition: all 350ms; } .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 : .Base.UIComponents.Button.ButtonGroup */ .ButtonGroup a { cursor: pointer; display: inline-block; } .ButtonGroup a { color: silver; } .ButtonGroup a:hover { color: green; } .ButtonGroup .Selected { color: #222222; } /* META : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.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 : .Base.UIComponents.Button.PrimaryButton */ .PrimaryButton { background-color: var(--primaryButtonBackColor) !important; color: var(--primaryButtonTextColor) !important; } /* META : .Base.UIComponents.Button.OpenAction */ .OpenAction.CurrentAction { opacity: 0.5; } /* META : .Base.UIComponents.Help */ .HelpButton { position: fixed; bottom: 5px; left: 5px; } .HelpButton img { height: 32px; padding: 0px; } .HelpContent img { max-width: 100%; } .HelpPage .HelpTitle { padding: 0.5em; font-size: 15px; list-style-type: decimal; } .HelpPage .HelpContent { font-size: 13px; } .HelpPage body { padding: 1em; margin: 30px 100px; } .HelpPage .HelpSubs { padding-left: 50px; } .HelpPage .Help > .HelpTitle { text-align: center; display: block; font-size: 16px; } .HelpButton img { background-color: rgba(255, 255, 255, 0.85); border-radius: 50%; box-shadow: 0 0 5px #D5CFCF; } .HelpPage .HelpTitle { color: #085cb2; font-weight: bold; } .HelpPage body { background-color: white; box-shadow: 0 0 5px #656565; } .HelpPage .Help > .HelpTitle { color: #222222; font-weight: bold; } .InlineHelpText { padding: 2px; display: inline-block; vertical-align: middle; font-size: 80%; margin-left: 10px; } /* META : .Base.UIComponents.Server */ .Server_Offline .Page { opacity: 0.5; } #Server_Offline_Message { color: red; font-weight: bold; animation: blinker 1s linear infinite; } /* META : .Base.Tooltip */ .hasTooltip:hover::after { position: fixed; content: attr(tooltip); padding: 4px 8px; background-color: #444444; border: solid 1px gray; color: white; opacity: 1.0; border-radius: 4px; margin-left: 0; transform: translate(-109%, 0); } .hasTooltip:hover { font-weight: 700; } /* META : .Base.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 : .Base.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; } @media only screen and (max-width: 480px),(max-height: 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.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.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; } /* 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.ETWBody_VeryBig */ .ETWBody.MinimizeTop.OpenItemSize_VeryBig { margin: 0; } .ETWTop.Activate.OpenItemSize_VeryBig { position: relative; } /* META Mobile : .Base.Views.View.ETWBody.ETWBody_Big */ .ETWBody.MinimizeLeft.OpenItemSize_Big { width: 160px !important; margin-left: -160px !important; } /* META Mobile : .Base.Views.View.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.View.ViewType */ .ViewBody { min-height: 5em; } /* META Mobile : .Base.Views.View.ViewType.Calendar */ .ViewBody_Calendar > .Header { white-space: normal; } .ViewBody_Calendar > .Header > * { display: block; width: auto !important; text-align: center !important; } /* META Mobile : .Base.Views.View.ViewType.Day */ .DayNames .DayOfMonth { position: relative; width: 100%; } .DayNames .DayOfWeekName { font-size: 80%; } .DayNames > td { height: auto !important; } /* META Mobile : .Base.Views.View.ViewType.ViewBody_Folder */ .ViewBody_Folder { padding: 1px !important; position: relative !important; height: auto !important; } /* META Mobile : .Base.Views.View.ViewType.ViewBody_Folder.Folder */ .FolderItemText { width: 320px; } .FolderItem { margin: 2px; padding: 0; } /* META Mobile : .Base.Views.View.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.View.ViewType.ListTable.ListAll */ .ListAll table { box-shadow: 0 0 1px rgba(127,127,127,0.5); } .ListAll { font-size: 80%; } /* META Mobile : .Base.Views.View.ViewType.PivotTable */ .PivotTable .PivotLeft { text-align: left; min-width: 30%; max-width: 30%; } /* META Mobile : .Base.Views.View.ViewType.PivotTable.PivotTable */ .PivotTable td.PivotLeft, .PivotTable td.PivotRight { max-width: 33%; } .PivotTable { font-size: 75%; } /* META Mobile : .Base.Views.View.ViewType.FirstLetters */ .FirstLetters { position: fixed; top: auto; bottom: 15vh; right: 0; transform: translateY(0%); z-index: 9999; } /* META Mobile : .Base.Views.View.ViewType.Kanban */ .ViewBody { min-height: 5em; } /* META Mobile : .Base.Views.View.ViewType.Timeline */ .ViewBody { min-height: 5em; } /* META Mobile : .Base.Views.View.ViewType.Spreadsheet */ .ViewBody { min-height: 5em; } /* META Mobile : .Base.Views.View.ViewType.Calendar */ .ViewBody { min-height: 5em; } /* META Mobile : .Base.Views.View.Parameters */ .Parameters { position: relative; top: 0 !important; bottom: 0 !important; width: 100%; } .Parameters2 { position: relative; } /* META Mobile : .Base.Views.View.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 : .Base.UIComponents.UIElements.TabBody */ .TabBody > div.Selected { padding: 0 !important; } /* META Mobile : .Base.UIComponents.Specialized.NumericKeyPad */ table.NumericKeyPad td { padding: 1px 8px !important; } /* META Mobile : .Base.UIComponents.Specialized.Menu_Arrow_Down */ .EntityTypeLists.Menu_Arrow_Down { border: 0; background-color: transparent; right: 0; top: -8px; } /* META Mobile : .Base.UIComponents.Specialized.Confirm */ .ConfirmWindow { position: absolute; left: 10%; right: 10%; width: auto; } /* META Mobile : .Base.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 : .Base.UIComponents.Specialized.FullScreen */ .DisplayFullScreenToggle { display: none; } /* META Mobile : .Base.UIComponents.SupportsTouch */ .SupportsTouch .ListBody td { padding: 5px 4px !important; } /* META Mobile : .Base.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 : .Base.UIComponents.Button.MicroButton */ .MicroView .MicroButton { display: none; } } @media only screen and (max-width: 1024px),(max-height: 1024px) and (min-width: 480px),(min-height: 480px) { /* META Tablet : .Base.Layout.Panel.PanelHeader */ .PanelHasHeader .ViewActions, .PanelHasHeader .ETSearchPlace, .PanelHasHeader .EntityTypeLists.ItemCount_0, .PanelHasHeader .Actions { opacity: 1.0; } } @media only screen and (min-width: 1025px) and (min-height: 1025px) { /* META Desktop : .Base.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 : .Base.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 : [361] Fonts. */ @font-face { font-family: "QuickSand"; src: url("/fonts/Quicksand-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 1 999; font-display: swap; } @font-face { font-family: "JosefinSans"; src: url("/fonts/JosefinSans-VariableFont_wght.ttf") format("truetype-variations"); font-weight: 1 999; font-display: swap; } /* STYLE : [361] root. */ :root { --singleItem-opacity:1; --singleItemBackColor:#f0f1f6; --menuBackColor:#1a1a27; /*--backColor:#f0f0f0;*/ /*--backColor:#f0f1f6;*/ --backColor:#f5f7fa; --tabTextColorSelected: #0068bb; --multiItemBackColor: #f8faff; --multiItemBackColor: #f0f4f8; --bs-blue: #009ef6; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-gray: #7E8299; --bs-gray-dark: #3F4254; --bs-gray-100: #F5F8FA; --bs-gray-200: #EFF2F5; --bs-gray-300: #E4E6EF; --bs-gray-400: #B5B5C3; --bs-gray-500: #A1A5B7; --bs-gray-600: #7E8299; --bs-gray-700: #5E6278; --bs-gray-800: #3F4254; --bs-gray-900: #181C32; --bs-white: #ffffff; --bs-light: #F5F8FA; --bs-primary: #009EF7; --bs-secondary: #E4E6EF; --bs-success: #50CD89; --bs-info: #7239EA; --bs-warning: #FFC700; --bs-danger: #F1416C; --bs-dark: #181C32; --bs-white-rgb: 255, 255, 255; --bs-light-rgb: 245, 248, 250; --bs-primary-rgb: 0, 158, 247; --bs-secondary-rgb: 228, 230, 239; --bs-success-rgb: 80, 205, 137; --bs-info-rgb: 114, 57, 234; --bs-warning-rgb: 255, 199, 0; --bs-danger-rgb: 241, 65, 108; --bs-dark-rgb: 24, 28, 50; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 24, 28, 50; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: "NotoSansDisplay","Inter","sans-serif"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.25; --bs-body-color: #181C32; --bs-body-bg: #ffffff; --bs-main-bg:#f8faff; --text-danger:241, 65, 108; } .diabledBG{ color: rgba(152, 160, 166, 0.6); background-color: #ffffff; background-image: url(data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f9f9fa' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E); cursor: not-allowed; } /*.Document_Scrolled .ItemStates{ background-color: var(--backColor3); }*/ .DangerMessage{ color: rgba(var(--text-danger), 1) !important; background-color: rgba(var(--text-danger), 0.1) !important; border: 1px dashed rgba(var(--text-danger), 1) !important; } .boxshadowlight{ box-shadow: 0 0 20px #f7f7f7; border: 1px solid #e5e5e5; } *, ::after, ::before { box-sizing: border-box } /* *:focus-visible{ outline: 0 !important; border: 0; box-shadow: 0 !important; } */ body { margin: 0; -webkit-tap-highlight-color: transparent; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 600; line-height: 1.25; color: inherit } ol,ul { padding-left: 2rem } dl,ol,ul { margin-top: 0; margin-bottom: 1rem } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } dt { font-weight: 500 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: 600 } .small,small { font-size: .875em } .mark,mark { padding: .2em; background-color: #fcf8e3 } sub,sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { /*color: #7e8299;*/ color: inherit; text-decoration: none } a:hover { color:inherit; text-decoration: none; } /*a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none }*/ code,kbd,pre,samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em } pre code { font-size: inherit; color: inherit; word-break: normal } code { font-size: .875em; color: #b93993; word-wrap: break-word } a>code { color: inherit } img, svg { vertical-align: middle; max-width: 100%; } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #a1a5b7; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0 } label { display: inline-block } button { border-radius: 0 } button:focus:not(:focus-visible) { outline: 0 } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } select:disabled { opacity: 1 } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } ::-moz-focus-inner { padding: 0; border-style: none } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #e4e6ef; border-radius: .475rem; box-shadow: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05); max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: .875em; color: #7e8299 } /* STYLE : [361] buttons. */ .Button:hover { z-index: 1000; outline:0 !important; opacity: 1.0; } .Button:active { outline: unset; } .Button > div { font-size: 1.1em !important; } .Button.HasImage { gap:4px; } .Button.HasImage > .ButtonTitle { min-width: fit-content; } /* STYLE : [361] buttons.btnmenu. */ .btn.btnmenu{ width: 100%; padding: 8px 0 8px 8px !important; } .btn.btnmenu >.ButtonImage{ max-height: 24px; max-width: 24px; } .btn.btnmenu > .ButtonTitle{ text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important;text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; } .btn.btnmenu .AggregateValue{ font-weight: 300; color: #01579B; opacity: 1; } .btn.btnmenu .Aggregate.AggregateLink:after{ content: "" !important; display: none !important; } .btn.btnmenu > .Aggregate { position: relative; padding: 0; min-width: fit-content; } /* STYLE : [361] buttons.btn. */ .btn-success { background-color: #28a745 !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-primary { background-color: #007bff !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-danger { background-color: #dc3545 !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-warning { background-color: #ffc107 !important; color: black !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-info { background-color: #17a2b8 !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } .btn-secondary { background-color: #6c757d !important; color: white !important; padding: 8px 16px; border: none; border-radius: 4px; } /* STYLE : [361] htmlbackground. */ body { background-color: transparent; color: black; background-attachment: fixed; background-size: cover; background-position: center; } .MainContent > * { /* background-color: var(--bs-main-bg) !important;*/ background-attachment: fixed; background-size: cover; background-position: center; } /* STYLE : [361] Scroll. */ .Document_Scrolled .Button.ScrollToTop { display: block; } .Button.ScrollToTop { /*position: fixed; bottom: 1em; right: 1em; height: auto; background-color: white; color: #303030; font-size: 200%; padding: 0.5em 0.6em; border-radius: 100%; opacity: 0.5; display: none; z-index: 999999; box-shadow: 0 0 1px gray;*/ position: fixed; bottom: 0; right: 6px; height: 52px; width: 52px; background-color: #BBDEFB; color: #0D47A1; font-size: 160%; padding: 0.3em 0.3em; border-radius: 100%; opacity: 0.75; display: none; z-index: 999999; box-shadow: 0 0 1px gray; border: 1px solid #26C6DA; } .Button.ScrollToTop:hover { opacity: 1.0; box-shadow: 0 0 10px black; } .Document_Scrolled .PageTop { position: fixed; top: 0; left: 0; right: 0; bottom: auto; height: auto !important; z-index: 10000; box-shadow: 0 2px 5px rgba(99,99,99,0.5); padding: 0px !important; background-color: white; } .Document_Scrolled { padding-top: 4em; } .Scroll2Top { position: fixed; right: 2em; bottom: 2em; border-radius: 100%; display: none; background-color: white; color: #303030; font-size: 150%; height: 3em; width: 3em; z-index: 999999; transition: all 250ms; } .Mobile .Scroll2Top { transition: none; } .Scroll2Top:hover { outline: 0 !important; background-color: white; color: #303030; transform: scale(1.1); color: red; } .Document_Scrolled .Scroll2Top { display: block; } /* STYLE : [361] @media only screen and (max-width: 1399px). */ @media only screen and (max-width: 1399px) { ::root { --fieldpadding: 0.5rem 1rem; --inputpadding: 0.75rem; } .FieldValue { font-size: 1em; line-height: 1em; } .Field.FieldDate { input { font-size: 1em; } } .NewFormButton { padding: 0.75em !important; font-size: 1em !important; margin-top: -3px; } .FieldIsEmpty.Mode_Display { >.FieldValue { >.InputSpan { max-height: 32px; } } } .Suffix { font-size: 90%; opacity: 0.85; } } /* STYLE : [361] QRCode. */ @media (min-width: 600px) { #reader { width: 80%; margin: auto; padding: 0px; } #reader-container { max-width: 1200px; margin: auto; } .HTMLWidget_Reader { max-width: 800px !important } } @media (max-width: 600px) { .desktop-render-area { width: 100%; } #reader { width: 100%; margin: 0px; padding: 0px; } } .ItemView_QRCodeReader_Card .FieldSet_Reader { height: 100% !important; justify-content: center !important; } .ItemView_Person_AccessControl .ItemView_QRCodeReader_Card { height: 98%; } /* STYLE : [361] NewTheme.root. */ :root{ --blue: #3874ff; --indigo: #6610f2; --purple: #6f42c1; --pink: #d63384; --red: #fa3b1d; --orange: #e5780b; --yellow: #ffc107; --green: #25b003; --teal: #20c997; --cyan: #0097eb; --black: #000000; --white: #fff; --gray: #6e7891; --gray-dark: #141824; --gray-50: #f5f7fa; --gray-100: #eff2f6; --gray-200: #e3e6ed; --gray-300: #cbd0dd; --gray-400: #9fa6bc; --gray-500: #8a94ad; --gray-600: #6e7891; --gray-700: #525b75; --gray-800: #3e465b; --gray-900: #31374a; --gray-1000: #222834; --gray-1100: #141824; --primary: #3874ff; --secondary: #31374a; --success: #25b003; --info: #0097eb; --warning: #e5780b; --danger: #fa3b1d; --light: #eff2f6; --dark: #141824; --primary-rgb: 56, 116, 255; --secondary-rgb: 49, 55, 74; --success-rgb: 37, 176, 3; --info-rgb: 0, 151, 235; --warning-rgb: 229, 120, 11; --danger-rgb: 250, 59, 29; --light-rgb: 239, 242, 246; --dark-rgb: 20, 24, 36; } .ViewBody{ min-height: 1em !important; } .ViewBody.ViewBody_Chart { min-height: 180px !important; } .ItemView:hover .Button { opacity: 1 !important; } /* STYLE : [361] NewTheme.Bootstrap-Grid. */ :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } /* STYLE : [361] NewTheme.Bootstrap-Grid.Container. */ .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; display: flex; } .container .ViewBody, .row .ViewBody{ background-color: transparent !important; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Row. */ .row { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); display: flex; flex-direction: column; } .row.FieldSet:only-child{ flex-direction: row; } .row, Panel .row, .Panel.row{ gap: 0; flex-direction: row; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col. */ .col { flex: 1 0 0%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth576. */ @media (min-width: 576px) { .d-sm-none { display: none !important; } .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth768. */ @media (min-width: 768px) { .d-md-none { display: none !important; } .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth992. */ @media (min-width: 992px) { .d-lg-none { display: none !important; } .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth1200. */ @media (min-width: 1200px) { .d-xl-none { display: none !important; } .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Col.minwidth1400. */ @media (min-width: 1400px) { .d-xxl-none { display: none !important; } .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Offset. */ .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.Order. */ .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } @media (min-width: 576px) { .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } } @media (min-width: 768px) { .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } } @media (min-width: 992px) { .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } } /* STYLE : [361] NewTheme.Bootstrap-Grid.gap. */ .gap-0 {gap: 0 !important;} .gap-1 {gap: 0.25rem !important;} .gap-2 {gap: 0.5rem !important;} .gap-3 {gap: 1rem !important;} .gap-4 {gap: 1.5rem !important;} .gap-5 {gap: 2rem !important;} .gap-6 {gap: 2.5rem !important;} .gap-7 {gap: 3rem !important;} .gap-8 {gap: 3.5rem !important;} .gap-9 {gap: 4rem !important;} .gap-10 {gap: 4.5rem !important;} .gap-11 {gap: 5rem !important;} .gap-12 {gap: 6rem !important;} .gap-13 {gap: 6.5rem !important;} .gap-14 {gap: 7rem !important;} .gap-15 {gap: 7.5rem !important;} .gap-row-0 {row-gap: 0 !important;} .gap-row-1 {row-gap: 0.25rem !important;} .gap-row-2 {row-gap: 0.5rem !important;} .gap-row-3 {row-gap: 1rem !important;} .gap-row-4 {row-gap: 1.5rem !important;} .gap-row-5 {row-gap: 2rem !important;} .gap-row-6 {row-gap: 2.5rem !important;} .gap-row-7 {row-gap: 3rem !important;} .gap-row-8 {row-gap: 3.5rem !important;} .gap-row-9 {row-gap: 4rem !important;} .gap-row-10 {row-gap: 4.5rem !important;} .gap-row-11 {row-gap: 5rem !important;} .gap-row-12 {row-gap: 6rem !important;} .gap-row-13 {row-gap: 6.5rem !important;} .gap-row-14 {row-gap: 7rem !important;} .gap-row-15 {row-gap: 7.5rem !important;} .gap-.column-0 {-webkit-column-gap: 0 !important;-moz-column-gap: 0 !important;column-gap: 0 !important;} .gap-.column-1 {-webkit-column-gap: 0.25rem !important;-moz-column-gap: 0.25rem !important;column-gap: 0.25rem !important;} .gap-.column-2 {-webkit-column-gap: 0.5rem !important;-moz-column-gap: 0.5rem !important;column-gap: 0.5rem !important;} .gap-.column-3 {-webkit-column-gap: 1rem !important;-moz-column-gap: 1rem !important;column-gap: 1rem !important;} .gap-.column-4 {-webkit-column-gap: 1.5rem !important;-moz-column-gap: 1.5rem !important;column-gap: 1.5rem !important;} .gap-.column-5 {-webkit-column-gap: 2rem !important;-moz-column-gap: 2rem !important;column-gap: 2rem !important;} .gap-.column-6 {-webkit-column-gap: 2.5rem !important;-moz-column-gap: 2.5rem !important;column-gap: 2.5rem !important;} .gap-.column-7 {-webkit-column-gap: 3rem !important;-moz-column-gap: 3rem !important;column-gap: 3rem !important;} .gap-.column-8 {-webkit-column-gap: 3.5rem !important;-moz-column-gap: 3.5rem !important;column-gap: 3.5rem !important;} .gap-.column-9 {-webkit-column-gap: 4rem !important;-moz-column-gap: 4rem !important;column-gap: 4rem !important;} .gap-.column-10 {-webkit-column-gap: 4.5rem !important;-moz-column-gap: 4.5rem !important;column-gap: 4.5rem !important;} .gap-.column-11 {-webkit-column-gap: 5rem !important;-moz-column-gap: 5rem !important;column-gap: 5rem !important;} .gap-.column-12 {-webkit-column-gap: 6rem !important;-moz-column-gap: 6rem !important;column-gap: 6rem !important;} .gap-.column-13 {-webkit-column-gap: 6.5rem !important;-moz-column-gap: 6.5rem !important;column-gap: 6.5rem !important;} .gap-.column-14 {-webkit-column-gap: 7rem !important;-moz-column-gap: 7rem !important;column-gap: 7rem !important;} .gap-.column-15 {-webkit-column-gap: 7.5rem !important;-moz-column-gap: 7.5rem !important;column-gap: 7.5rem !important;} .gap-0 > .DirectionVer , .gap-0 > .PanelBody , .gap-0 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 0 !important;} .gap-1 > .DirectionVer , .gap-1> .PanelBody , .gap-1 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 0.25rem !important;} .gap-2 > .DirectionVer , .gap-2 > .PanelBody , .gap-2 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 0.5rem !important;} .gap-3 > .DirectionVer , .gap-3 > .PanelBody , .gap-3 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 1rem !important;} .gap-4 > .DirectionVer , .gap-4 > .PanelBody , .gap-4 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 1.5rem !important;} .gap-5 > .DirectionVer , .gap-5 > .PanelBody , .gap-5 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 2rem !important;} .gap-6 > .DirectionVer , .gap-6 > .PanelBody , .gap-6 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 2.5rem !important;} .gap-7 > .DirectionVer , .gap-7 > .PanelBody , .gap-7 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 3rem !important;} .gap-8 > .DirectionVer , .gap-8 > .PanelBody , .gap-8 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 3.5rem !important;} .gap-9 > .DirectionVer , .gap-9 > .PanelBody , .gap-9 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 4rem !important;} .gap-10 > .DirectionVer , .gap-10 > .PanelBody , .gap-10 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 4.5rem !important;} .gap-11 > .DirectionVer , .gap-11 > .PanelBody , .gap-11 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 5rem !important;} .gap-12 > .DirectionVer , .gap-12 > .PanelBody , .gap-12 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 6rem !important;} .gap-13 > .DirectionVer , .gap-13 > .PanelBody , .gap-13 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 6.5rem !important;} .gap-14 > .DirectionVer , .gap-14 > .PanelBody , .gap-14 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 7rem !important;} .gap-15 > .DirectionVer , .gap-15 > .PanelBody , .gap-15 >.EntityTypeViewBody >.Center >.Middle> .ViewBody{gap: 7.5rem !important;} /* STYLE : [361] NewTheme.TogglePanel.Detail. */ .Panel.TogglePanel.Detail{ border: 0 solid transparent !important; background-color: transparent !important; } .Panel.TogglePanel.Detail> .PanelHeader.ToggleHeader { border: 0 solid transparent !important; background-color: transparent !important; } .TogglePanel.Detail > .PanelHeader.ToggleHeader:before { content: var(--icon-Close); color: #f1416c !important; font-weight: 100; } /*close */ .TogglePanel.Detail.Toggle_Closed { border: 0 solid transparent !important; background-color: transparent !important; } .Panel.TogglePanel.Detail.Toggle_Closed > .PanelHeader.ToggleHeader { border: 0 solid transparent !important; background-color: transparent !important; } .TogglePanel.Detail.Toggle_Closed > .PanelHeader.ToggleHeader:before { content: var(--icon-New); color:#78909C !important; font-weight: 100; } .TogglePanel.Detail> .PanelHeader.ToggleHeader >.PanelHeaderTitle{ text-align: left; justify-content: flex-start; padding-left: 2.2em; text-transform: none; } /* STYLE : [361] NewTheme.Card. */ .card{ --cardcolor:#313741; --cardbgcolor:#ffffff; --cardborder:1px; --cardbordercolor:rgba(203, 208, 221, 0.54); --cardborderradius:8px; --cardboxshadow: unset; --cardspacex:1em; --cardspacey:1em; --paddingcardheader:1em 1em 0 1em ; --cardbodycolor:var(--cardcolor); --cardheadercolor:var(--cardcolor); --cardheaderbgcolor:var(--cardbgcolor); --cardheaderbordercolor:#cbd0dd; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; color: var(--cardcolor); word-wrap: break-word; background-color: var(--cardbgcolor); background-clip: border-box; border: var(--cardborder) solid var(--cardbordercolor); border-radius: var(--cardborderradius); -webkit-box-shadow: var(--cardboxshadow); box-shadow: var(--cardboxshadow); flex:1; /*overflow: hidden;*/ } .card-header { padding: var(--cardspacey) var(--cardspacex); margin-bottom: 0; color: var(--cardheadercolor); background-color: var(--cardheaderbgcolor); border-bottom: var(--cardborder) solid var(--phoenix-card-border-color); border-radius: var(--cardborderradius) var(--cardborderradius) 0 0; } .card-body{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--cardspacey) var(--cardspacex); color: var(--cardbodycolor); } .card > .PanelHeader { padding: var(--paddingcardheader); margin-bottom: 0; color: var(--cardheadercolor); background-color: var(--cardheaderbgcolor); border-bottom: var(--cardborder) solid var(--phoenix-card-border-color); border-radius: var(--cardborderradius) var(--cardborderradius) 0 0; } .card > .PanelHeader > .PanelHeaderTitle{ font-weight: 700; font-size: 110%; margin-top: 0; margin-bottom: .25rem; padding: 0; } .card > .PanelBody{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--cardspacey) var(--cardspacex); color: var(--cardbodycolor); } .card.t0 > .PanelBody{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 var(--cardspacex) var(--cardspacey) var(--cardspacex); color: var(--cardbodycolor); } .card.transparent { --cardbgcolor: transparent; } /* STYLE : [361] NewTheme.Card.EntityTypeView. */ .card.EntityTypeView>.EntityTypeViewBody { padding: 0.5em 1em 0.25em; } .card .EntityTypeView{ border: 0 !important; } /* STYLE : [361] NewTheme.Card.Aggregate. */ .card .Aggregate { opacity: 1 !important; } .card .AggregateValue{ color: #252f4a !important; font-size: 1.75rem !important; font-weight: 600 !important; text-align: center !important; } .card .Aggregate:after{ display: none !important; } .card .AggregateLabel{ color: #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] AutoNotification. */ :root{ --animedelay:13s; --animeItemSize:360px; } @-webkit-keyframes slide-top { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-top { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .AutoNotification { overflow: hidden; } div:has(>.AutoNotification ) { display: flex !important; position: absolute; right: 1em; bottom: 5em; top: auto; left: auto; height: 3em; width: var(--animeItemSize); z-index: 999999; flex-direction: column !important; align-items: flex-end; flex-wrap: nowrap; justify-content: flex-end !important; max-width: 360px !important; min-width: 360px !important; /*-webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/ } div:has(>.AutoNotification.NoItems ) { z-index: -2; } div:has(>.AutoNotification ) .ItemView { min-width: 340px !important; max-width: 340px !important; width: 340px !important; -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; padding: 1em !important; border-radius: 1em !important; border: 1px solid #CFD8DC !important; background-color: #ffffff !important; } div:has(>.AutoNotification ) .ItemView > .FieldSet_m{ padding: 0.5rem !important; font-size: 125%; } /*div:has(>.AutoNotification.NoItems ) .ItemView { -webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) var(--animedelay) both; animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) var(--animedelay) both; }*/ div:has(>.AutoNotification ) .ItemView .FieldSet_fs_h_obj{ height: 1 !important; min-height: 1px !important; max-height: 1px !important; visibility: hidden; } div:has(>.AutoNotification ) .NoRecordsFound { display: none !important; } /* STYLE : [361] Barcode. */ .BarCode_Code39 .InputSpan { display: none; } /* STYLE : [361] .HidePrint. */ .PrintPreviewBody .SingleItem_DBCBusinessCard .ItemHeader,.PrintPreviewBody .SingleItem_DBCBusinessCard .ItemFooter { display: none !important; } /* STYLE : [361] sunumslider. */ .Style_sunum1{ } .Style_sunum1 .swiper-wrapper{ } .Style_sunum1 .swiper-wrapper .row { } .Style_sunum1 .swiper-wrapper .row > .col-lg-8{ width: 50% !important; } .Style_sunum1 .swiper-wrapper .row > .col-lg-4{ width: 50% !important; } /* STYLE : [361] PrintCSS. */ @media print { .SingleItem_SalesOfferForm.SingleItem_SalesOfferForm_Preview { box-shadow: unset !important; padding: 1cm !important; } .PBBefore{ page-break-before: always; } .PBAfter{ page-break-after: always; } .SingleItem_SalesOfferType_Preview { padding: 0 !important; box-shadow: none !important; } .SingleItem_SalesOfferType_Preview .FieldSet_Body{ background-color: #ffffff; margin: 0; box-shadow: none !important; margin: unset !important; } .SingleItem_SalesOfferType_Preview .ItemFooter{ display: none !important; } p { margin: unset; } .SingleItem_SalesOfferForm.SingleItem_SalesOfferForm_Preview .ItemSubForm, .SingleItem_SalesOfferForm.SingleItem_SalesOfferForm_Preview .ItemFooter { display: none !important; } } /* STYLE : [BUSINESSCARDS] RegisterEvent(CSSSelectoraAktarilacak). */ .SingleItem_Event .FieldSet_m .FieldSet_msg .FieldSet_scs .FieldSet_EditMessage .Field_eventSuccessMessage .InputSpan a { background-color: #e7fcff !important; padding: 1rem; font-size: 14px; color: #006064; border-radius: 0.5rem; border: 1px solid #80DEEA !important; font-weight: 600; } /* STYLE : [SURVEY] ActiveSurveys. */ .ActiveSurveys{ } .ActiveSurveys .ItemView_Survey_Summary { max-width: 430px; } .ActiveSurveys .ItemView_Survey_Summary .Field_Version > .FieldValue > .InputSpan, .ActiveSurveys .ItemView_Survey_Summary .Field_QuestionCount > .FieldValue > .InputSpan, .ActiveSurveys .ItemView_Survey_Summary .Field_AnswerCount > .FieldValue > .InputSpan, .ActiveSurveys .ItemView_Survey_Summary .Field_Version , .ActiveSurveys .ItemView_Survey_Summary .Field_QuestionCount , .ActiveSurveys .ItemView_Survey_Summary .Field_AnswerCount { width: fit-content; max-width: fit-content; } .ActiveSurveys .ItemView_Survey_Summary .btn { padding: var(--gap) !important; font-size: 80%; } /* STYLE : [SURVEY] SurveyChoice. */ .HoverTop.Top10 { top: 10px !important; max-width: fit-content; right: 0; left: auto; } /* STYLE : [SURVEY] SurveyQuestion_Summary. */ .ItemView_SurveyQuestion_Summary { background-color: #ECEFF1; padding: var(--gap); border: 1px solid #78909c40 !important; } .ItemView_Survey_Summary .ButtonTitle {padding: 0!important;} /* STYLE : [SURVEY] AnswerChoice. */ .Field_AnswerChoice.FieldValue .Selected, .FieldSurveyChoice.FieldValue .Selected{ color: #555555 !important; background-color: #C8E6C9 !important; border-color: #4DB6AC !important; } /* STYLE : [SURVEY] SurveyCatalogCard. */ .ItemView_SurveyCategory { --height:120px; --width:320px; } .ItemView_SurveyCategory_CatalogCard { max-width: var(--width); min-height: var(--height); max-height: var(--height); background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e; border-radius: var(--gap); } .ItemView_SurveyCategory_CatalogCard2 { max-width: var(--width); min-height:var(--height); max-height: var(--height); background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e; border-radius: var(--gap); padding: 4px var(--gap) 0; } .ViewBody_ItemView_CatalogCard{ padding: var(--gap); gap: var(--gap); } .ItemView_SurveyCategory_CatalogCard > .FieldSet_0, .ItemView_SurveyCategory_CatalogCard2 > .FieldSet_0 { padding: 4px var(--gap) 0; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 { padding: 4px var(--gap) 0; border-radius: 0 0 var(--gap) var(--gap); background-color: #f5f7ff; border-top: 1px solid #3f51b517; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .InputSpan > a, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .FieldLabel > a{ justify-content: flex-start !important; padding: 0; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .InputSpan > a, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .FieldLabel > a { padding: 0; justify-content: flex-end; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .InputSpan > a, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .InputSpan > a{ font-size: 1.25em; color: #009688; } .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_SubCount .FieldLabel > a > span, .ItemView_SurveyCategory_CatalogCard .FieldSet_t1 .Field_QuestionCount .FieldLabel > a > span{ color: #607d8b !important; } .ItemView_SurveyCategory_CatalogCard .Field_Name > .InputSpan > a, .ItemView_SurveyCategory_CatalogCard2 .Field_Name > .InputSpan > a { color: #455A64; font-size: 1.5em; font-weight: 500; } .ItemView_SurveyCategory_CatalogCard2 .FieldSet_top{ display: flex !important; flex-direction: row !important; min-width: 6em !important; align-items: center !important; } /* STYLE : [LOCATION] Location. */ .ItemView_LocationZone_Card { width: auto !important; } .ItemView_LocationZone_Card .ItemView_LocationZone_Card { flex: 1 !important; margin: 0 0 0 2em !important; } .ItemView_LocationZone_Card .OpenAction_Edit .ButtonTitle { display: none; } .EntityType_LocationZone .ViewBody_ItemView_Card { flex-wrap: wrap !important; flex-direction: column !important; align-content: stretch; display: flex; justify-content: flex-start; } .View_ItemView_MiniWithMapCard .ItemView_Location_MiniWithMapCard .Field_Coordinate { min-height: 300px !important; } .ItemView_Location_MiniWithMapCard .Field_Name >.InputSpan > a{ padding: 0; /* border-bottom: 2px solid #03A9F4 !important; */ /* border-left: 4px solid #42a5f5 !important; */ /*border-radius: 0 !important;*/ color: #FF5722 !important; font-weight: 500; font-size: 1.2em; } .ItemView_Location_MiniWithMapCard .Field_Coordinate >.div{ display: none; } .ItemView_Location_MiniWithMapCard .MapDIV { border: 1px dashed #78909C; } .View_ItemView_MiniWithMapCard .tel_link{ max-width: fit-content; display: flex; } .View_ItemView_MiniWithMapCard .tel_link > a{ max-width: 2em; max-height: 2em; } .View_ItemView_MiniWithMapCard .Field_Telephone > .InputSpan >a{ padding: 0.2em 0.4em; } /* STYLE : [LOCATION] Location. */ .ItemView_Location_Card { max-width: 320px; margin: 1px; background-color: white !important; border-radius: 4px; padding: 8px; } .ItemView_Location_My .InputSpan a { padding: 4px; } .ItemView_Location_My .Field_Name { font-weight: 600; border-bottom: solid 1px var(--backColor); } .ItemView_Location_Card .Field_Subject .InputSpan a { max-height: 4.7em; overflow: hidden; font-weight: 300; font-size: 90%; display: flex; align-items: flex-start; } .ItemView_Location_Card .Mode_Display.Field_Subject { font-weight: 400; font-size: 100%; } .SingleItem_Location_Internet .ReadOnly .InputSpan a { background-color: transparent; } .SingleItem_Location_Internet > .ItemBody > .Fields > div:only-of-type { gap: 0 } .LocationProperty .Field a { padding-top: 0; padding-bottom: 0; } .ItemView.ItemView_PackageDetail_CardMobile , .ItemView.ItemView_PackageDetail_Card ,.PackageCards{ padding: 4px; margin: 4px 0px; border: 1px dashed rgb(255, 171, 145) !important; background-color: rgb(255, 250, 241); } .hpcell{ background-color: #ffffff; border: 1px dashed #29b6f6; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%); max-height: 180px; padding: 8px; } .hpValue> .InputSpan > a{ background-color: transparent !important; } .hpTitle{ align-items: flex-start; font-size: 22px; line-height: 22px; text-align: center; } .hpValue { font-size: 44px !important; font-weight: 600; color: #009ef7; } .Content_LocationsHome .rows { background-color: #fff9f3; border-bottom: 4px solid #039be5; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%); max-height: 200px; padding: 8px; } .Content_LocationsHome .Aggregate.AggregateLink { flex-direction: column-reverse; align-items: center; min-width: 100%; width: auto; } .Content_LocationsHome .AggregateValue { font-size: 44px; font-weight: 600; } .Content_LocationsHome .header > span { min-height: 44px !important; } .Content_LocationsHome .header { align-items: flex-start; font-size: 22px; line-height: 22px; text-align: center; } .Content_LocationsHome .Panel_LocationsHome{ padding: 5em 2em; } .SingleItem_Location .FieldSet_OutputStockPackages, .SingleItem_Location .FieldSet_InputStockPackages , .SingleItem_Location .FieldSet_LocationProduct, .SingleItem_Location .FieldSet_Users { min-height: 360px; } /* STYLE : [LOCATION] LocationHeader. */ .LocationHeader .Field { padding: 1px; } /* STYLE : [BUSINESSMATCHING] BusinessMatch. */ .ItemView_BusinessMatchSuggestion_Card { border-left: 4px solid #1E88E5; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } .ItemView_BusinessMatchSuggestion_Card .Field_Name a { font-weight: 600; color: #1E88E5; } .ItemView_BusinessMatchSuggestion_Card .Field_PotentialBenefit { color: #FF7043; font-weight: 600; } .ItemView_BusinessMatchType_Card { border-left: 4px solid #66BB6A; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } .ItemView_BusinessMatchScore_Card { border-left: 4px solid #FF7043; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } .ItemView_BusinessMatchCriteria_Card { border-left: 4px solid #42A5F5; padding: 0.5em; margin: 0.5em 0; background-color: #f5f5f5; border-radius: 4px; } /* STYLE : [EXPLICITCONSENT] ExplicitConsent. */ .NewWindow_ExplicitConsent_Preview .ItemHeader { display: none; } /* STYLE : [ORGANIZATIONS] Department. */ .ItemView_Department_Tree .FieldSet_s { border-left: solid 3em transparent !important; } /* STYLE : [ORGANIZATIONS] Organization. */ .ItemView_Organization_Card { width: 100%; max-width: 360px; padding: 1em; } /* STYLE : [ORGANIZATIONS] nameandlogo. */ .ItemView_Organization_NameLogo .Field_Logo > img{ max-height: 5em; } .ItemView_Organization_NameLogo .Field_FullName >.InputSpan >a{ font-weight: 500; text-align: left; justify-content: flex-start; font-size: 100%; padding: 0 !important; } .ItemView_Organization_NameLogo{ max-width: 180px; padding: 2px; margin: 0; box-shadow: 0 0 8px 2px #455a6430; background-color: white; } .ViewBody_ItemView_NameLogo { padding: var(--gap); gap:var(--gap); } /* STYLE : [ORGANIZATIONS] .ItemView_NormStaff. */ .ItemView_NormStaff .EntityType_NormStaff { border-left: solid 2em transparent !important; } /* STYLE : [GRANTMANAGEMENT] Grants. */ .SingleItem_Grant_Internet .Field_Name { font-size: 150%; font-weight: 600; } .SingleItem_Grant_Internet .Field { padding: 0; } .SingleItem_Grant_Internet .ReadOnly .InputSpan a { background-color: transparent; } .ItemView_Grant_InternetCard { max-width: 320px !important; } /* STYLE : [EXPENSEMANAGEMENT] Expense. */ .ItemView_Expense_OCR { margin: 1em; } .Desktop .ItemView_Expense_OCR { } .Desktop .ItemView_Expense_OCR .Field_Image { height: auto !important; } /* STYLE : [EXPENSEMANAGEMENT] ExpenseType. */ .ItemView_ExpenseType { max-width: 320px; min-width: 160px; margin: 8px auto; } .View_ItemView_Card.EntityType_ExpenseType { flex-wrap: wrap; } /* STYLE : [EXPENSEMANAGEMENT] ExpenseCategory. */ .ItemView_ExpenseCategory { margin: 8px; box-shadow: 0 0 1px gray; } /* STYLE : [COMMENTS] commentsCSS. */ .avatarbg > .InputSpan{ font-weight: 600; background-color: #fbe1c2; border-radius: 4px; } .FieldSet_t1_1 .InputSpan a { padding: 0.3em; } .ItemView_Comment_Card { margin-bottom: 3px; } .SingleItem_Activity .FieldSet_CommentsArea > .EntityTypeViewBody > .Center > .Middle{ flex: 1 1 20em; } .commentsbtn{ padding: 2px 8px !important; } .commentsbtn2 > .PanelHeader { display: flex; min-height: fit-content !important; } .commentsbtn2 > .PanelHeader > .PanelHeaderTitle{ padding: 2px 8px !important; font-size: 0.9em !important; text-transform: capitalize !important; font-weight: 500 !important; letter-spacing: normal !important; } .commentsbtn2 > .PanelBody{ display: none !important; } .SingleItem_Activity #FieldSet_fs_Comments .FieldSet_NewCommentArea { /* max-height: 160px;*/ min-height: 160px; } .ViewBody_ItemView_UnderPageCard { gap: 0.5em; } .ItemView_Comment_UnderPageCard { background-color: #ffffff !important; } .EntityTypeView_SubComment .ItemView_Comment_UnderPageCard { background-color: #ffb74d0d !important; } /*.EntityTypeView_SubComment .ItemView_Comment_UnderPageCard .EntityType_Comment .ItemView_Comment_UnderPageCard{ background-color: #f5fcff !important; } .EntityTypeView_SubComment .ItemView_Comment_UnderPageCard .EntityTypeView_SubComment .ItemView_Comment_UnderPageCar .EntityType_Comment.ItemView_Comment_UnderPageCard { background-color: #fffef5 !important; }*/ .EntityTypeView_CommentsArea .ItemView_Comment #FieldSet_m { padding: 0.5em 0.25em 0.25em 0.5em !important; border: 1px solid #546e7a24; } .EntityTypeView_SubComment .ItemView_Comment #FieldSet_m { padding: 0.5em 0.25em 0.25em 0.5em !important; border: 1px dashed #ffc36b !important; }/* .EntityType_Comment .ItemView_Comment_UnderPageCard .FieldSet_t > .DirectionVer .FieldSet_SIFActions { visibility: collapse; } .EntityType_Comment .ItemView_Comment_UnderPageCard .FieldSet_t:hover > .DirectionVer .FieldSet_SIFActions { visibility: visible; }*/ /* STYLE : */ .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard { border: none !important; } .EntityType_VideoRecord .ViewBody_ItemView_MiniListCard { gap:0.7em; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_t1 .FieldImage { min-height: 24px !important; max-height: 24px !important; height: 24px !important; padding-left: 4px; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_t1 .FieldImage > img { min-height: 32px !important; max-height: 32px !important; height: 32px !important; min-width: 32px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; padding: 2px; border: 2px solid #CFD8DC; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_img2 .FieldImage { min-height: 24px !important; max-height: 24px !important; height: 24px !important; padding-right: 4px; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .FieldSet_t2 .FieldImage > img { min-height: 32px !important; max-height: 32px !important; height: 32px !important; min-width: 32px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; padding: 2px; border: 2px solid #CFD8DC; } .EntityType_VideoRecord .ItemView_VideoRecord_MiniListCard .Field_Title { background-color: #FFF8E1; border: 1px solid #FFE0B2; border-radius: 2em; } /* STYLE : [CHAT] chatCSS. */ .EntityTypeView_chatETW .MiddleCenter{ gap: 0.5em; } .EntityTypeView_chatETW .MiddleCenter .ItemClicked { background-color: #fff8e1; } .EntityTypeView_MessageETW .ViewBody_ItemView_personMessage { gap: 0.5em; } .EntityTypeView_MessageETW .MiddleCenter .ItemView_Message_personMessage{ border: 0; } .ViewBody_ItemView_personMessage .GroupByTitle.ToggleHeader { background-color: transparent !important; color: #ffffff !important; font-size: 16px !important; position: relative !important; } .ViewBody_ItemView_personMessage .GroupByTitle.ToggleHeader:before { top:18px !important; } .ViewBody_ItemView_personMessage .GroupByTitle.ToggleHeader div:before { left: 0; content: ""; border-bottom: 1px solid #86898e; font-size: 0; position: absolute; top: 30px; width: 100%; } /* STYLE : [WEBSITE] Root. */ .ViewBody_ItemView_Web { background-color: transparent; } .Style_colorWhite * { color: #ffffff; } .Style_colorBlue * { color: #4493ff; font-weight: 500; } .SelectionsMenu .ItemView { flex-grow: 1; } .DocumentStyle_HomePage{ background-color: #ffffff !important; } #FieldSet_panelbody{ display: flex; margin: 0 auto; justify-content: center; } .Style_home_section .Style_box { padding: 24px 24px !important; margin: 80px 12px !important; background-color: #f5f9fb !important; } .DocumentStyle_ourteam .ItemCenter_Web { display: flex; align-items: center; } .Style_WebPageZone_2_1{ border: 0 #ffffff !important; } #PageZone_footer .Style_top #FieldSet_CardType9 .FieldValue { padding:0 8px 16px 0 !important; } #PageZone_footer #WebPageZone_62EA8299_1DDD_E219_DB79_A73DEC53387F .FieldValue .InputSpan a{ padding: 0; color: #64748B; font-weight: 400; font-size: 14px; margin-bottom: 7.5px; } .Style_kkvk .FieldValue .InputSpan a{ padding: 8px; color: #64748B; font-weight: 400; font-size: 14px; margin-bottom: 7.5px; } .Style_slider .button{ display: none !important; } .Style_footerlogo{ max-height: 80px; } .Style_footerlogo img{ max-height: 48px; } #FieldSet_m5left, #FieldSet_m5Bottom { align-self: center; } #FieldSet_m5left .FieldView_m5leftapprove { max-width: 2em; } #FieldSet_m5left .FieldView_m5leftapprove .FieldLabel { display: none !important; } #FieldSet_m5Bottom .FieldView_m5RightApprove { max-width: 2em; } #FieldSet_m5Bottom .FieldView_m5RightApprove .FieldLabel { display: none !important; } #FieldSet_m5left .tLeft, #FieldSet_m5Bottom .tLeft, #FieldSet_m5Top .tLeft { text-align: left; padding: 4px; } #FieldSet_m5Bottom .Field_approveAydinlatma { align-self: center; } #DoScript_SendContactRequest { min-height: 56px !important; } .bb7>td { border: 1px solid black; } .Style_Mmarquee .Style_WebPageZone_3_1{ min-height: 80px !important; height: auto; } .Style_header .Style_right .Style_menu { align-items: flex-end !important; } /* STYLE : [WEBSITE] Styles.AlignMiddle. */ .Style_AlignMiddle { display: flex; flex-direction: row; justify-content: center; } .Style_AlignMiddle * { justify-content: center; } /* STYLE : [WEBSITE] Styles.Style_AlignTop. */ .Style_AlignTop { align-content: flex-start; } .Style_AlignTop * { align-content: flex-start; } .Style_AlignTop .ViewBody.ViewBody_ItemView { align-content: flex-start !important; } /* STYLE : [WEBSITE] Styles.AlignLeft. */ .Style_AlignLeft * { align-items: flex-start; } .Style_AlignLeft { display: flex; align-items: flex-start; } /* STYLE : [WEBSITE] Styles.AlignRight. */ .Style_AlignRight { display: flex; align-items: flex-end; } .Style_AlignRight * { align-items: flex-end; } /* STYLE : [WEBSITE] Styles.AlignCenter. */ .Style_AlignCenter { display: flex; align-items: center; justify-content: center; } .Style_AlignCenter * { display: flex; align-items: center; justify-content: center; } /* STYLE : [WEBSITE] Styles.LinkIcons. */ .Style_LinkIcons .ViewBody_ItemView_OnlyImage > .ItemView img { width: 20px ; height: 20px ; margin: 16px; } .Mobile .Style_LinkIcons .ViewBody_ItemView_OnlyImage > .ItemView img { margin: 4px 8px; } .Style_TopLeft .Style_LinkIcons .ViewBody { text-align: right; } /* STYLE : [WEBSITE] Styles.Style_Login. */ .Style_Login .FieldImage img, .Style_Login .FieldImage picture { height: 24px !important; } /* STYLE : [WEBSITE] Styles.Style_SocialMedia. */ .Style_SocialMedia .Field_Image { width: 32px; } .Style_SocialMedia img { height: 24px; filter: invert(1); } .EntityType_WebContent.EntityTypeView_socialmedia img { height: 32px !important; } .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary { display: flex !important; flex-direction: row; align-items: center; justify-contents: center; } .Mobile .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary { display: flex; } .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary { } .Style_SocialMedia .ItemView_WebContent_ImageSubjectSummary .Mode_Display.Field_Subject { font-size: 130%; padding: 1px !important; } /* STYLE : [WEBSITE] Styles.Panel2. */ .Style_Panel2 { background-color: rgba(0, 164, 212, 0.51) !important; } /* STYLE : [WEBSITE] Styles.HeadLines. */ .Style_HeadLines .ItemView_WebContent_OnlyImage img { height: 400px !important; } .Style_HeadLines { background-color: lightblue !important; } /* STYLE : [WEBSITE] Styles.Oval. */ .Style_Oval .ItemView_WebContent_Paragraph { width: 200px; height: 150px; border-radius: 1em; box-shadow: 0 0 5px gray; margin: 1em; background-color: white; } .Style_Oval .ItemView_WebContent_Paragraph .Field_Subject { background-color: #f4f4f4; border-radius: 1em 1em 0 0; } .Style_Oval .ItemView_WebContent_Paragraph .Field_Summary a { line-height: 1.5em; text-align: left; } /* STYLE : [WEBSITE] Styles.Contact. */ .Style_Contact img { height: 32px; } .Content_ContactUsForm { padding: 1.5rem; } .ItemView_ContactRequest_WebNew { padding: 1.5rem; } /* STYLE : [WEBSITE] Styles.ZeroZone. */ .Style_ZeroZone.Style_ZeroPage { opacity: 0.5 !important; pointer-events: none; } /* STYLE : [WEBSITE] Styles.PanelBlack. */ .Style_PanelBlack { background-color: black; } /* STYLE : [WEBSITE] Styles.Style_Max. */ .Max1024, .Style_Max1024, .Style_Max1024 > * { max-width: 1024px !important; margin: 0 auto !important; position: relative; } .Max1200, .Style_Max1200, .Style_Max1200 > * { max-width: 1200px !important; margin: 0 auto !important; } .Max1280, .Style_Max1280, .Style_Max1280 > * { max-width: 1280px !important; margin: 0 auto !important; } .Max800, .Style_Max800, .Style_Max800 > * { max-width: 800px !important; margin: 0 auto !important; } .MaxM, .Style_MaxM, .Style_MaxM > * { max-width: 320px !important; margin: 0 auto !important; } .Max480, .Style_Max480, .Style_Max480 > * { max-width: 480px !important; margin: 0 auto !important; } .Max640, .Style_Max640, .Style_Max640 > * { max-width: 640px !important; margin: 0 auto !important; } /* STYLE : [WEBSITE] Styles.Style_FloatLeft. */ .Style_FloatLeft .ETWBody { float: left; } .Style_FloatRight .ETWBody { float: right; } /* STYLE : [WEBSITE] Styles.Style_WebPageFooter. */ .Style_WebPageFooter .ItemView_WebContent { display: block; } .Style_WebPageFooter .Mode_Display.LabelHidden > .FieldValue > .InputSpan > * { text-align: left; } .Style_centerlink .Mode_Display #FieldSet_contentbody .FieldSet_contentlinkbutton { justify-content: center; align-content: center; } .Style_footer .Style_bottom .FieldSet_contentbody .FieldSet_contentonlybuttonimages { align-items: center; } #FieldSet_panelbody #WebPageZone_5F1CACFE_BFA0_4715_AE68_886A2DE738AF { flex: 1; } #FieldSet_panelbody #WebPageZone_BEDBC07E_684D_45B6_AC56_14B1FDA80987 { flex: 1; } #FieldSet_panelbody #WebPageZone_AC67DA0D_C91D_466D_A8CE_5686C8E74D2F { flex: 3; } /* STYLE : [WEBSITE] Styles.Style_WebZoneIsPageLink. */ .Style_WebZoneIsPageLink { cursor: pointer; transition: none; /* all 300ms; */ } .Mobile .Style_WebZoneIsPageLink { transition: none; } /* STYLE : [WEBSITE] Styles.Style_Instalment. */ .Style_Instalment2 { position: absolute; left: 0; min-width: 0; width: 3em; } .Style_Instalment3 { position: absolute; left: 3em; min-width: 0; width: 3em; } .Style_Instalment4 { position: absolute; left: 6em; min-width: 0; width: 3em; } .Style_Instalment5 { position: absolute; left: 9em; min-width: 0; width: 3em; } .Style_Instalment6 { position: absolute; left: 12em; min-width: 0; width: 3em; } .Style_Instalment7 { position: absolute; left: 15em; min-width: 0; width: 3em; } .Style_Instalment8 { position: absolute; left: 18em; min-width: 0; width: 3em; } .Style_Instalment9 { position: absolute; left: 21em; min-width: 0; width: 3em; } .Style_Instalment10 { position: absolute; left: 24em; min-width: 0; width: 3em; } .Style_Instalment11 { position: absolute; left: 27em; min-width: 0; width: 3em; } .Style_Instalment12 { position: absolute; left: 30em; min-width: 0; width: 3em; } /* STYLE : [WEBSITE] Styles.Style_Button. */ .Style_Button { border: solid 1px rgba(127,127,127,0.5); position: relative; padding-right: 2em; padding-left: 2em; } .Style_Button:after { content: " > "; font-size: 150%; position: absolute; top: calc(50% - 0.4em); right: 0; } /* STYLE : [WEBSITE] Styles.Style_AutoVertical. */ .Mobile .Style_AutoVertical > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical { flex-direction: column !important; width: 100% !important; max-width: 100% !important; } .Mobile .Style_AutoVertical > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical > .ItemView { display: block; width: 100% !important; max-width: 100% !important; } .Mobile .Style_HeaderTop.Style_AutoVertical > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical { flex-direction: column-reverse !important; } /* STYLE : [WEBSITE] Styles.Style_Subject. */ .ItemView.Style_Subject { margin-top: 1em; font-weight: bold; font-size: 120%; } /* STYLE : [WEBSITE] Styles.SolMenu. */ .Style_SolMenu { } .Style_SolMenu > .EntityTypeView > .ItemView { background-color: #f5f5f5; margin: 0.5em 1px; border: solid 1px rgba(192,192,192,0.2); } .Style_SolMenu > .EntityTypeView > .ItemView .ItemView { border-color: rgba(192,192,192,0.2); } .Style_SolMenu .ItemView .Mode_Display.Field.FieldValue .InputSpan a{ padding:5px !important; } /* STYLE : [WEBSITE] Styles.Style_BeginShopping. */ .Style_BeginShopping { font-size: 150%; text-align: centeR; border: solid 1px blue; border-radius: 3px; max-width: 15em !important; margin: 0 auto !important; margin-top: 5em !important; background-color: rgba(255,255,255,0.5); } .Style_BeginShopping:hover { background-color: blue; color: white; } /* STYLE : [WEBSITE] Styles.Style_TopCenter. */ .Style_TopCenter .EntityTypeView.EntityType_WebPage { flex-direction: row; flex-wrap: nowrap; } /* STYLE : [WEBSITE] Styles.Logo. */ .Style_Logo .FieldValue { padding: 8px; } /* STYLE : [WEBSITE] Styles.Style_TopRight. */ .Mobile .Style_TopRight { background-color: #d4aa00; } .Style_TopRight .Style_LinkIcons .ViewBody { text-align: right; } /* STYLE : [WEBSITE] Styles.Style_ApplicationsMenu. */ .Style_ApplicationsMenu { max-width: 1024px !important; margin: 0 auto !important; padding: 1em; } /* STYLE : [WEBSITE] Styles.Block. */ .Style_Block .ItemView_ProductCategory_InternetCard .Field_Name .InputSpan > a { max-width: 100% !important; text-align: left; justify-content: flex-start; } .Style_Block .ItemView { display: block !important; } .Style_Block .ItemView { display: block !important; } /* STYLE : [WEBSITE] Styles.Style_ImageLeft. */ .Style_ImageLeft .EntityType_WebContent { display: flex; flex-direction: row; text-align: center; align-items: center; justify-content: center; flex-wrap: wrap; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary { margin: 6px 0; width: 160px; display: flex; flex-direction: row; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Image { flex: 1; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Subject { flex: 3; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary { display: flex; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary img { height: 48px; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Subject { padding: 1px !important; width: 7em; font-size: 150%; } .Style_ImageLeft .ItemView_WebContent_ImageSubjectSummary .Field_Subject a { text-align: left !important; } /* STYLE : [WEBSITE] Styles.Style_WebZoneIsPageLink. */ .Style_WebZoneIsPageLink:hover u { text-shadow: 0 0 1px #555555; } /* STYLE : [WEBSITE] Styles.Style_ScrollHorizontal. */ .Desktop .Style_ScrollHorizontal { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } .Style_ScrollHorizontal .ViewBody { white-space: nowrap; overflow: hidden !important; scroll-behavior: smooth; } .Mobile .Style_ScrollHorizontal .ViewBody { white-space: nowrap; overflow: auto !important; scroll-behavior: smooth; } .Style_ScrollHorizontal .ViewBody > .ItemView { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } .Desktop .Style_ScrollHorizontal:hover .Left { width: 64px; height: 64px; transform: translateY(-50%); top: 50%; background-color: rgba(127,127,127,0.25); z-index: 999; } .Desktop .Style_ScrollHorizontal:hover .Right { width: 64px; height: 64px; top: 50%; transform: translateY(-50%); background-color: rgba(127,127,127,0.25); z-index: 999; } .Desktop .Style_ScrollHorizontal .EntityType_ProductImage .ViewBody { overflow: hidden !important; } /* STYLE : [WEBSITE] Styles.sepet. */ .Style_sepet .Content_ShoppingBasket .FieldSet_basketright .Button, .Style_sepet .Content_ShoppingBasket .FieldSet_OrderSummary .Button { padding: 15px; text-align: center; transition: none!important; outline: none; font-size: 14px; font-weight: 600; margin-top: 15px!important; } .Style_sepet .Content_ShoppingBasket .FieldSet_basketright .Button, .Style_sepet .Content_ShoppingBasket .FieldSet_bodyright .Button { width: 100%!important; } /* STYLE : [WEBSITE] Styles.MaxImage. */ .Style_MaxImage80 picture, .Style_MaxImage80 img { max-height: 80vh; width: auto !important; max-width: 100%; } .Style_MaxImage70 picture, .Style_MaxImage70 img { max-height: 70vh; width: auto !important; max-width: 100%; } .Style_MaxImage60 picture, .Style_MaxImage60 img { max-height: 60vh; width: auto !important; max-width: 100%; } .Style_MaxImage50 picture, .Style_MaxImage50 img { max-height: 50vh; width: auto !important; max-width: 100%; } .Style_MaxImage40 picture, .Style_MaxImage40 img { max-height: 40vh; width: auto !important; max-width: 100%; } .Style_MaxImage30 picture, .Style_MaxImage30 img { max-height: 30vh; width: auto !important; max-width: 100%; } .Style_MaxImage20 picture, .Style_MaxImage20 img { max-height: 20vh; width: auto !important; max-width: 100%; } .Style_MaxImage10 picture, .Style_MaxImage10 img { max-height: 10vh; width: auto !important; max-width: 100%; } /* STYLE : [WEBSITE] Styles.ImageWidthAuto. */ .Style_ImageWidthAuto img { width: auto !important; } /* STYLE : [WEBSITE] Styles.Center. */ .Style_Center { text-align: center; margin-left: auto; margin-right: auto; justify-content: center; align-items: center; } /* STYLE : [WEBSITE] Styles.FullImage. */ .Style_FullImage img { width: 100% !important; height: auto !important; } /* STYLE : [WEBSITE] Styles.RoundCorner. */ .Style_RoundCorner { border-radius: 2em; } /* STYLE : [WEBSITE] Styles.Panel3. */ .Style_Panel3 { background-color: #f5f5f5 !important; } /* STYLE : [WEBSITE] Styles.ReqText. */ .ReqText > * { color: red !important; font-size: 0.8em !important; line-height: 2em !important; } .ReqText > *::before { content: "*"; } /* STYLE : [WEBSITE] Styles.approvedCheck. */ .approvedCheck { min-height:2em; } /* STYLE : [WEBSITE] Styles.Style_SelectLanguage. */ .Style_SelectLanguage { justify-content: center; } /* STYLE : [WEBSITE] Styles.Style_Referanslar. */ .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(4,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid !important; } .Style_Referanslar .Field_Subject { color: #FFFFFF; padding-bottom: 5em !important; } .Style_Referanslar .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary::before { content: ' '; background-image: url('https://361.com.tr/ref1.svg'); background-size: 40px 40px; background-repeat: no-repeat; height: 40px; width: 40px; position: absolute; right: 1em; top: 1em; opacity: 0.3; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 12em; height: 12em; border-radius: 1em; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em 1em !important; max-height: 4em; min-height: 4em; height: 5em !important; max-width: 12em; justify-content: flex-start; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary .Field_Summary { flex: 1; overflow: auto; } /* STYLE : [WEBSITE] Styles.Style_Why. */ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(4,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid !important; } .Style_Why .Field_Subject { color: #FFFFFF; } .Style_Why .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; /* border: 1px solid #9fb5c366;*/ box-shadow: 0 0 20px #2e444f1f; align-items: flex-start; min-height: 20em; border-radius: 1em; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 1em; } /**.Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 3em 1em 1.5em !important; max-height: 7em; min-height: 7em; max-width: 12em; justify-content: flex-start; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { filter: invert(1); } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; text-align: center; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_Why3. */ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(3,1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; } .Style_Why3 .Field_Subject { color: #FFFFFF; } .Style_Why3 .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #f4f5fa; /* border: 1px solid #9fb5c366;*/ /* box-shadow: 0 0 20px #2e444f1f;*/ align-items: flex-start; min-height: 20em; border-radius: 1em; padding: 24px; justify-content: space-between; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #ed1a39; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 1em; } /**.Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 16px; max-height: 120px; min-height: 120px; max-width: 120px; min-width: 120px; justify-content: center; border: 8px solid #edeef5; border-radius: 50%; background-color: #ffffff; color: #90A4AE; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { /*filter: invert(1);*/ } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; text-align: center; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_Why4. */ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(3,1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; } .Style_Why4 .Field_Subject { color: #FFFFFF; } .Style_Why4 .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #f4f5fa; /* border: 1px solid #9fb5c366;*/ /* box-shadow: 0 0 20px #2e444f1f;*/ align-items: flex-start; min-height: 20em; border-radius: 0; padding-top: 90px !important; padding-right: 50px !important; padding-bottom: 50px !important; padding-left: 50px !important; justify-content: space-between; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #224DB7; /* border: 1px solid #9fb5c366;*/ box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 0; } /**.Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0; max-height: 60px; min-height: 60px; max-width: 60px; min-width: 60px; justify-content: center; /* border: 8px solid #edeef5;*/ border-radius: 50%; /* background-color: #ffffff;*/ color: #90A4AE; margin-bottom: 90px !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { filter: invert(100%) brightness(140%); } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 2.3rem; justify-content: start; padding: 8px; text-align: center; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; color: #1c272d; justify-content: center; font-weight: 300; line-height: 1.5; padding: 20px 0; font-size: 18px; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_Grid4. */ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(3,1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; } .Style_Grid4 .Field_Subject { color: #FFFFFF; } .Style_Grid4 .Field_Subject > .InputSpan >a{ justify-content: center; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { background-color: #f4f5fa; border: 1px solid #9fb5c366; /* box-shadow: 0 0 20px #2e444f1f;*/ align-items: flex-start; min-height: 20em; border-radius: 1em; padding: 12px; justify-content: space-between; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #ed1a39; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 20em; border-radius: 1em; } /**.Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { display: none !important; } */ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 6px; max-height: 180px; min-height: 120px; max-width: auto; min-width: fit-content; justify-content: center; border: 8px solid #e9eaf1; border-radius: 0; background-color: #ffffff; color: #90A4AE; margin: 0 auto; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject { color: #1A1A1A !important; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject { color: #FFFFFF !important; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.Field_Subject a { color: inherit; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { width: auto !important; margin: 0; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldImage > img { /*filter: invert(1);*/ } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { font-size: 1.8rem; justify-content: center; padding: 8px; text-align: center; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: center; color: #546e7a; justify-content: center; font-weight: 300; line-height: 1.2; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover >.FieldTextArea > .InputSpan > a { color: #FFFFFF; } /* STYLE : [WEBSITE] Styles.Style_HomeSection1. */ .Style_HomeSection1{ max-width: 1300px; margin: 0 auto !important; } .Style_HomeSection1 .FieldSet_CardType9 { justify-content: center !important; } .Style_HomeSection1 .FieldSet_CardType8 { justify-content: center !important; padding: 5em 0 5em; } .Style_HomeSection1 .FieldSet_CardType8 picture > img{ max-height: 425px; } .Style_HomeSection1 { padding: 2em 0 !important; } .Style_HomeSection2 { padding: 2em 0 !important; } .Style_HomeSection3 { padding: 2em 0 !important; } /* STYLE : [WEBSITE] Styles.Style_slider. */ .Style_slider{ } /* STYLE : [WEBSITE] Styles.footer. */ .Style_footer .KVKCardP16 .FieldValue { padding: 4px !important; } .Style_ML0{ margin-left: 0 !important; } .Style_footer { color: #A2A9B0 !important; } .Style_footer .Field > .FieldValue { color: #A2A9B0 !important; } .Style_footer .Style_SosyalIcons img{ max-width: 24px; } .Style_footer .FieldSet_contentbody >.FieldText.Field_Subject >.InputSpan >a{ color: #ffffff; padding-bottom: 1em !important; } .Style_footer .FieldValue a { padding: 2px !important; font-size: 16px; } .Style_ListVer .View_ItemView_OnlySubject.FieldSet_contentsubject { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .Style_footer .Style_Column1 .Style_SosyalIcons > .FieldSetPanel { max-width: 160px; } .Style_footer .Style_Column1 .Style_SosyalIcons > .FieldSetPanel >.EntityTypeView_panelbodyvertical > .ItemView { max-width: 24px !important; min-width: 20px; } .Style_footer .Style_Column1 >.FieldSet_panelbody >.EntityTypeView_panelbodyall { display: flex; justify-content: space-between !important; } .Style_footer .Style_Column2{ min-width: 33%; padding-left: 3%; } /*.Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(1) { display: none !important; } .Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(2) { display: none !important; } .Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(3) { display: none !important; }*/ /*.Style_footer .Style_Column3 .EntityTypeView_contentsubject > .ItemView_WebContent:nth-child(11) { display: none !important; }*/ /* STYLE : [WEBSITE] Styles.Megamenu. */ .Style_AnaMenuTitle { border-bottom:1px solid #56d6b8 !important; text-transform: capitalize !important; color:#283646 !important; } .Style_AnaMenu .ViewBody_ItemView_Web { gap:2rem; } .Style_AnaMenu .Style_MegaMenuColumn { padding: 0 4px !important; } .Style_AnaMenu .Style_Flex1{ flex: 1; } .Style_AnaMenu .Style_Flex2{ flex: 2; } .Style_MegaMenuColumn .OneByOne_Side .Center.OneByOne_Side { flex-direction: column-reverse; } .Style_MegaMenuColumn .OneByOne_Side > .EntityTypeViewBody { border: 0 !important; } .Style_MegaMenuColumn .OneByOne_Side .OneByOnePanelBody { display: none !important; } .Style_MegaMenuColumn .OneByOne_Side .OneByOne_NextButton { display: none !important; } .Style_MegaMenuColumn .OneByOne_Side .OneByOne_PrevButton { display: none !important; } .Style_GreenLink .KVKCardP16 .FieldValue { padding-top: 0 !important; padding-bottom: 0 !important; font-size: 1.25em; color: #009688; } .Style_MegaMenu .Field_Page{ display: none !important; } /* STYLE : [WEBSITE] Styles.Style_YatayDugme. */ .Style_YatayDugme .EntityType_WebPage.ViewBody_ItemView, .Style_YatayDugme .EntityType_WebContent.ViewBody_ItemView { flex-direction: row !important; flex-direction: column; flex-wrap: wrap; display: flex; overflow: auto; } .Style_YatayDugme .EntityType_WebPage.ViewBody_ItemView > .ItemView, .Style_YatayDugme .EntityType_WebContent.ViewBody_ItemView > .ItemView { width: auto; flex: auto; } .Style_YatayDugme .FieldValue .InputSpan > a { justify-content: center; text-transform: uppercase; } /* STYLE : [WEBSITE] Styles.MaxWebZone. */ .Style_MaxWebZone1200 .ItemView_WebPageZone { max-width: 1200px; } .Style_MaxWebZone1000 .ItemView_WebPageZone { max-width: 1000px; } /* STYLE : [WEBSITE] Styles.Flex1. */ .Style_Flex1 { flex: 1; } .Style_Flex2 { flex: 2; } .Style_Flex3 { flex: 3; } .Style_Flex4 { flex: 4; } .Style_Flex5 { flex: 5; } /* STYLE : [WEBSITE] Styles.product page. */ .Style_PPageHeader { background-image: url(https://www.361.com.tr/file/WebImage/Image/10517e6d-f3fb-1eaa-8956-ac9f4ab7706a/bgpageheader.svg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .Style_PPageHeader .Style_PPHRow { padding: 5em 0 0 0 ; min-height: 500px !important; /* max-width: 1300px;*/ } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft { } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft > .FieldSet_panelbody > .EntityTypeView_panelbodyall > .ItemView_WebPageZone:first-child { flex:0 !important; } .Style_PPageHeader .Style_PPHRow .Style_PPHRight { } .Style_PPageHeader .EntityTypeView_pagebuttons3 > .ItemView_WebPage_Button3 { width: 100%; } .Style_PPageHeader .EntityTypeView_pagebuttons3 > .ItemView_WebPage_Button3 .FieldImage { max-width: 36px; min-width: 36px; } .Style_PPageHeader .EntityTypeView_pagebuttons3 > .ItemView_WebPage_Button3 .Field_Name{ font-size: 16px !important; } .Style_PPageHeader .EntityType_WebPage.EntityTypeView.EntityTypeView_pagebuttons3{ background-color: #ffffff !important; border-radius: 1em !important; border: 1px solid #90a4ae5c !important; padding: 4em 1em 4em 4em !important; align-content: flex-start; gap: 2em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 { } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldRichText > .FieldValue { padding-bottom: 8em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p { color: #544E5D; font-size: 1.75vh; line-height: 1.5; padding-bottom: 2vh; font-weight: 400; text-align: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p:first-child { color: #06040A; font-size: 3vh; line-height: 1; padding-bottom: 1vh; font-weight: 700; text-align: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 { } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldRichText > .FieldValue { padding-bottom: 8em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p { color: #544E5D; font-size: 1.75vh; line-height: 1.5; padding-bottom: 2vh; font-weight: 400; text-align: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p:first-child { color: #06040A; font-size: 3vh; line-height: 1; padding-bottom: 1vh; font-weight: 700; text-align: center; } /* STYLE : [WEBSITE] Styles.pagecantact. */ .EntityTypeView_cta >.EntityTypeViewBody >.ViewBody { background-color: transparent !important; } .EntityTypeView_cta >.EntityTypeViewBody{ border: 0 solid transparent !important; } .Style_contactleft { flex:1; } .Style_contactleft { flex:1; } .Style_contactright { flex: 1; } .SingleItem_WebPage_Web .ItemView.Style_darkcard { background-color: #051536; border-radius: 1.5em; padding: 2em 1.5em; color: #ffffff !important; } .Style_darkcard .EntityTypeView { color: #ffffff !important; } .Style_contactleft .Style_sec1 { } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue { padding-left:2.5em !important; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue >p { font-size: 14px; color: #37474f; font-weight: 300; line-height: 1.3; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue >p:nth-child(1) { font-size: 2vh; color: #0764e3; font-weight: 300; padding-bottom: 0; line-height: 1.15; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue >p:nth-child(2) { font-size: 3.5vh; color: #37474f; font-weight: 600; padding-bottom: 2vh; } .btn.btn-cta{ text-align: center !important; border-radius: 2em !important; width: fit-content !important; padding: 1em 4em !important; background-color: #6481BE; color:#ffffff; } .btn.btn-cta:hover{ text-align: center !important; border-radius: 2em !important; width: fit-content !important; padding: 1em 4em !important; background-color: #4565a7; color:#ffffff; } .btn.btn-cta .ButtonTitle{ padding-left: 0.5em; } .FieldSet_sendBtn2{ align-items: flex-end; padding-right: 2.2em; padding-top: 3em; } .FieldSet_m5Main2{ padding-left: 2.25em; padding-top: 2em; } /* STYLE : [WEBSITE] Styles.Style_flex. */ .Style_flex0 { display:flex !important; flex: 0 !important; } .Style_flex1 { display:flex !important; flex: 1 !important; } .Style_flex2 { display:flex !important; flex: 2 !important; } .Style_flex3 { display:flex !important; flex: 3 !important; } .Style_flex4 { display:flex !important; flex: 4 !important; } .Style_flex5 { display:flex !important; flex: 5 !important; } .Style_flex6 { display:flex !important; flex: 6 !important; } /* STYLE : [WEBSITE] Styles.Style_VerticalImportant. */ .Style_VerticalImportant { } .Style_VerticalImportant > .FieldSet_panelbody > .EntityTypeView_panelbodyvertical { flex-direction: row !important; flex-wrap: nowrap !important; } /* STYLE : [WEBSITE] Styles.Style_VAlign. */ .Style_VAlign { display: flex !important; align-content: center; align-items: center; justify-content: center; } .Style_VAlign .FieldValue { display: flex !important; align-content: center; align-items: center; justify-content: center; } /* STYLE : [WEBSITE] WebSite. */ .View_ItemView_WebSite .Middle, .View_ItemView_WebSite .ViewBody { box-shadow: 0 0 0 !important; } .Field_WebSiteFooterMessage { padding: 1em; } .Field_WebSiteFooterMessage * { text-align: center; } /* STYLE : [WEBSITE] Panel. */ .EntityTypeView_panelbodycenter > .EntityTypeViewBody > .Center > .Middle > .ViewBody, .EntityTypeView_panelbodycenter > .ViewBody, .EntityTypeView_panelbodycenter.UIViewSingle { text-align: center; width: 100%; } .EntityTypeView_panelbodycenter > .EntityTypeViewBody > .Center > .Middle > .ViewBody > *, .EntityTypeView_panelbodycenter > .ViewBody > *, .EntityTypeView_panelbodycenter.UIViewSingle > * { display: inline-block; } .EntityTypeView_panelbodyleft > .EntityTypeViewBody > .Center > .Middle > .ViewBody, .EntityTypeView_panelbodyleft > .ViewBody, .EntityTypeView_panelbodyleft.UIViewSingle { text-align: left; width: 100%; } .EntityTypeView_panelbodyleft > .EntityTypeViewBody > .Center > .Middle > .ViewBody > *, .EntityTypeView_panelbodyleft > .ViewBody > *, .EntityTypeView_panelbodyleft.UIViewSingle > * { display: inline-block; float :left; } .EntityTypeView_panelbodyright > .EntityTypeViewBody > .Center > .Middle > .ViewBody, .EntityTypeView_panelbodyright > .ViewBody, .EntityTypeView_panelbodyright.UIViewSingle { text-align: right; width: 100%; } .EntityTypeView_panelbodyright > .EntityTypeViewBody > .Center > .Middle > .ViewBody > *, .EntityTypeView_panelbodyright > .ViewBody > *, .EntityTypeView_panelbodyright.UIViewSingle > * { display: inline-block; float :right; } .EntityTypeView_panelbodytab .OneByOnePanel, .EntityTypeView_panelbodytabrun .OneByOnePanel { position: relative; left: 0; right: 0; height: auto; box-shadow: 0 0 0; } .EntityTypeView_panelbodytab .OneByOnePanel .MicroButton, .EntityTypeView_panelbodytabrun .OneByOnePanel .MicroButton { display: none; } .EntityTypeView_panelbodytab .OneByOneCenter > .Middle, .EntityTypeView_panelbodytabrun .OneByOneCenter > .Middle { top: 0; } .EntityTypeView_panelbodytab .OneByOnePanelBody, .EntityTypeView_panelbodytabrun .OneByOnePanelBody { height: auto; position: relative; left: 0; right: 0; } .EntityTypeView_panelbodyabsolute > .EntityTypeViewBody > .ViewBody { overflow: visible; } /* STYLE : [WEBSITE] Cardtype. */ .FieldSet_cardtype1 > .DirectionVer > * { } .FieldSet_cardtype2 > .DirectionVer > * { } /* STYLE : [WEBSITE] HeightImportant. */ .Field_HeightImportant, .Field_VerticalImportant { vertical-align: bottom; position: relative; left: -1.8em; } .Field_HeightImportant .FieldValue, .Field_VerticalImportant .FieldValue { vertical-align: bottom; } /* STYLE : [WEBSITE] Internet.SupportRequest. */ .ItemView_SupportRequestTypeCities_City { width: 160px; margin: 0 auto; display: inline-block !important; } .ItemView_SupportRequestTypeCities_City a { text-align: left !important; } .SingleItem_SupportRequestType .ItemView_City_City, { background-color: silver; } .SingleItem_SupportRequestType .ItemView_SupportRequestTypeCities_City { background-color: lightgreen; } .SingleItem_SupportRequest > .ItemBody > .Fields { max-width: 640px; } .SingleItem_SupportRequest_NewForm .Transition { background-color: rgba(1,226,149) !important; border-radius: 2em !important; color: black !important; } .SingleItem_SupportRequest .LabelPositionLeft > .FieldLabel a span:after { content: ""; } .SingleItem_SupportRequest_NewForm textarea::placeholder { } .SingleItem_SupportRequest .DoScript { } .SingleItem_SupportRequest_NewForm .LabelActions { display: none !important; } .SingleItem_SupportRequest_NewForm .FieldSet_mSonuc { display: block; max-width: 320px; margin: 0 auto; } .SingleItem_SupportRequest_NewForm .FieldSet_mSonuc .Field { display: block; font-size: 125%; } .SingleItem_SupportRequest_NewForm .FieldSet_mSonuc .Text { display: block; font-size: 125%; } /* STYLE : [WEBSITE] Internet.FAQ. */ .ItemView_FrequentlyAskedQuestionsGroups_Card { display: inline-block; max-width: 200px; margin: 1em !important; background-color: white; } .Content_FrequentlyAskedQuestionCenter .ViewBody { border: 0 !important; box-shadow: 0 0 0 !important; background-color: transparent !important; } .ItemView_FrequentlyAskedQuestions_Card { max-width: 1024px; background-color: white; } .ItemView_FrequentlyAskedQuestions_Card .Field_Answer , .ItemView_FrequentlyAskedQuestions_Card .Field_Important { display: none; } .ItemView_FrequentlyAskedQuestions_Card.ItemClicked .Field_Answer , .ItemView_FrequentlyAskedQuestions_Card .Field_Important { display: inherit; } .ItemView_FrequentlyAskedQuestions_Card.ItemClicked { outline: 0; box-shadow: 0 0 3px gray inset; } .Content_FrequentlyAskedQuestionCenter .EntityTypeViewBody { margin: 1em auto !important; max-width: 1024px; } .SingleItem_FrequentlyAskedQuestionsGroups_Internet > .ItemBody { position: relative; height: auto !important; } .ItemView_FrequentlyAskedQuestions_Web { display: block; margin: 0.5em auto !important; max-width: 640px !important; } .ItemView_FrequentlyAskedQuestions_Web .PanelHeader.ToggleHeader:before{ content:"\f146"; font-family:"Font Awesome 5 Free"; font-size: 140%; } .ItemView_FrequentlyAskedQuestions_Web .Toggle_Closed .PanelHeader.ToggleHeader:before{ content:"\f0fe"; font-family:"Font Awesome 5 Free"; font-size: 140%; } .ItemView_FrequentlyAskedQuestions_Web .FieldSetPanel > .PanelHeader{ display: inline !important; position: absolute; top: -3em; left: -3em; width: 1em !important; height: auto; } .ItemView_FrequentlyAskedQuestions_Web .TogglePanel > .ToggleHeader{ background-color: transparent !important; } .ItemView_FrequentlyAskedQuestions_Web .PanelHeader{ height:25px; } .ItemView_FrequentlyAskedQuestions_Web .PanelHeader > .PanelHeaderTitle{ display: none; } /* STYLE : [WEBSITE] Internet.Goto. */ .GotoWebPage { position: absolute; bottom: 2em; right: 12%; text-align: center; overflow: hidden; padding: 0; font-size: 150%; background-color: transparent; } .GotoWebPageButton { position: relative; content: ">"; background-color: #ffeb3d; padding: 0.5em; padding: 0.25em 0.5em; color: black; box-shadow: 0 0 4px black; text-align: center; margin: 0.25em 0.5em; } .GotoWebPage .FieldWebPage { padding: 0; position: absolute; left: 0; right: 0; top : 0; bottom: 0; overflow: hidden; z-index: 1000; } .GotoWebPage .FieldWebPage a { padding: 0; color: transparent !important; } /* STYLE : [WEBSITE] Internet.Download. */ .SingleItem_DownloadFolder .PanelHeader { background-color: transparent; color: black; } .ItemView_DownloadFolder_Button img { height: 96px; } .ItemView_DownloadFolder_Button .FieldValue { text-align: center !important; } .SingleItem_DownloadFolder .FieldImage > .FieldValue > img , .ItemView_DownloadFolder .FieldImage > .FieldValue > img, .SingleItem_DownloadFolder .FieldImage > .FieldValue > .FileDisplay > img { height: 64px !important; width: auto !important; } .ItemView_DownloadFolder_Button { display: block; margin: 5px !important; } .Content_DownloadHome .ViewBody { box-shadow: 0 0 0 !important; border: 0 !important; background-color: transparent !important; } .ItemView_Download_Card { max-width: 1024px !important; margin: 0 auto; padding: 0.75em; } .ItemView_Download_Card:hover { background-color: rgba(127,127,127,0.1) !important; } .ItemView_Download_Card .Field_File { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: transparent; width: 100% !important; } .ItemView_Download_Card .Field_File * { display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-end; } .SingleItem_DownloadFolder_Web .FieldSet_top { font-size: 125%; font-weight: bold; } .SingleItem_DownloadFolder_Card > .ItemBody , .SingleItem_DownloadFolder_Web > .ItemBody { position: relative; } .Content_DownloadHome .EntityTypeViewBody { padding: 6px !important; box-shadow: 0 0 5px silver !important; background-color: white; } .Content_DownloadHome .EntityTypeViewBody .EntityTypeViewBody { box-shadow: 0 0 0 silver !important; background-color: white; margin: 0 !important; } .Content_DownloadHome .EntityTypeViewBody { margin: 0 auto !important; max-width: 1024px; } /* .FieldSet_basketorderdetailsselect{ */ /* width:270px; */ /* right:0px; */ /* } */ .ItemView_Download_Card { display: block; } .Field_AutoDownloadOrders .ToggleButton { } .Field_AutoDownloadOrders .ToggleButton .ToggleButtonText { display: none; } .Field_AutoDownloadOrders .ToggleButton { } /* STYLE : [WEBSITE] Internet.Driver. */ .ItemView_Driver_Internet .ButtonContainer .FileButton { background-color: rgba(1,226,149) !important; color: black; } .ItemView_Driver_Internet { display: block; } /* STYLE : [WEBSITE] Internet.BuyInternet. */ .BuyInternet .ProcedureButton { visibility: visible !important; } .BuyInternet .Field_Name .FieldValue { text-align: center; font-size: 133%; padding: 0; background-color: transparent; } .BuyInternet .Field_Name .FieldValue a { padding: 0; } .BuyInternet .Field_Image img { max-width: 256px; max-height: 256px; width: auto !important; height: auto !important; } .BuyInternet .Field_Files .ImagePreview img { max-width: 256px; max-height: 256px; width: auto !important; height: auto !important; } .Desktop .BuyInternet .Field_Files .ImagePreview img { max-width: 400px; max-height: 400px; width: auto !important; height: auto !important; } .BuyInternet .Field_Files { } .BuyInternet .Field_Files .FileDisplay { background-color: transparent !important; min-width: 1em; } .BuyInternet .Field_VariantSeries { font-size: 2.5em; border: 0 !important; } .BuyInternet .Files_FolderView { white-space: nowrap; overflow: auto; } .BuyInternet .Field_Files .FileDisplay img, .ItemView_VariantSeries_Gallery .Field_Files .FileDisplay img { width: 6em; display: none; } .BuyInternet .Field_Files .FileDisplay a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay a:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.3; } .BuyInternet .Field_Files .FileDisplay.SelectedFile a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay.SelectedFile a:before { opacity: 1.0; } .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; } .Desktop .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; padding: 1em 25%; background-color:#e4e4e4; } .BuyInternet .FieldSet_mRight24 { vertical-align: middle; text-align: right !important; } .BuyInternet .FieldSet_campain a { padding: 3px !important; } .BuyInternet .FieldSet_campain { margin-top: 2em; margin-bottom: 2em; } .BuyInternet .Field_Files .FileDisplay img, .ItemView_VariantSeries_Gallery .Field_Files .FileDisplay img { width: 6em; display: none; } .BuyInternet .Field_Files .FileDisplay a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay a:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: bold; opacity: 0.3; } .BuyInternet .Field_Files .FileDisplay.SelectedFile a:before,.ItemView_VariantSeries_Gallery .Field_Files .FileDisplay.SelectedFile a:before { opacity: 1.0; } .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; } .Desktop .BuyInternet .FieldSet_Sales { max-width: 100%; margin: 0 auto; padding: 1em 25%; background-color:#e4e4e4; } .BuyInternet .FieldSet_mRight24 { vertical-align: middle; text-align: right !important; } .BuyInternet .FieldSet_campain a { padding: 3px !important; } .BuyInternet .FieldSet_campain { margin-top: 2em; margin-bottom: 2em; } .BuyInternet .FieldSet_campain .FieldSet { padding: 0 !important; } .BuyInternet .FieldSet_campain .FieldSet_campainright .InputSpan { display: block !important; text-align: left; } .BuyInternet .FieldSet_campain .FieldSet_campainright .FieldValue { display: block !important; text-align: left; } .BuyInternet .Field_CampainDiscount .InputSpan { font-size: 150%; padding: 0.25em 0.5em !important; background-color: #ee4b25 !important; color: white; } .BuyInternet .Field_CampainDiscount .Suffix { color: white; } .BuyInternet .Field_SalesPrice .FieldValue, .BuyInternet .Field_CampainPrice .FieldValue { text-align: center !important; } .BuyInternet .Field_SalesPrice a, .BuyInternet .Field_CampainPrice a { padding-left: 0 !important; padding-right: 0.25em !important; } .ItemView.BuyInternet { width: 320px; } .BuyInternet { padding: 0.5em; margin:0; } .ItemView_Asset_BuyMini.BuyInternet { width: 200px; } .ItemView_Asset_BuyMini .Field_ListPrice .InputSpan a * { text-decoration: line-through #f23737 2px !important; } .BuyInternet .FieldValue a { text-align: left !important; max-width: 100% !important; } .BuyInternet .Field_Name { margin-top: 2em; } .BuyInternet .EntityTypeView_CharValues .GroupByBody .GroupByTitle { display: none !important; width: 0 !important; } .BuyInternet .EntityTypeView_mCharacteristics .Field_VariantChar { display: none !important; } .BuyInternet .EntityTypeView_mCharacteristics .GroupByTitle { width: 13em !important; text-align: left; } .BuyInternet .FieldSet_buyChars { } .BuyInternet .ProcedureButton { background-color: rgba(1,226,149) !important; color: black !important; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody { text-align: left; /* height: 2em; */ overflow: visible; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody > .ItemView { display: block; padding-left: 2em; box-shadow:0 0 0; /* width: 100%; opacity: 0; transition: all 500ms; height: 0; overflow: hidden; */ } /* .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:hover > .ItemView { display: block; margin: 0 auto; opacity: 1.0; height: 3em; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:active > .ItemView { display: block; margin: 0 auto; opacity: 1.0; height: 3em; } */ /* .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:hover { box-shadow: 0 0 3px inset; background-color: #303030; color: white; } .BuyInternet .EntityTypeView_CharValues .LastGroupByBody:active { box-shadow: 0 0 3px inset; background-color: #303030; color: white; } */ .BuyInternet .FieldSet_BuyPanel .FieldValue { text-align: left !important; } .BuyInternet .FieldSet_BuyPanel .FieldSet_mRight24 { text-align: left !important; vertical-align: middle; } .ItemView_Asset_BuyMini .BuyInternet .FieldSet_BuyPanel .FieldSet_mRight24 { text-align: left !important; padding-top: 1em; } .BuyInternet .Field_Code a { text-align: left !important; padding-left: 0 !important; border: 0 !important; padding: 0 !important; padding-left: 1px !important; padding-top: 3px !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice .InputSpan { font-size: 1em; text-decoration: line-through; font-weight: normal !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice .InputSpan a { font-weight: normal !important; padding: 5px 0.25em!important; } .BuyInternet .FieldSet_campain .Field_SalesPrice a { color: gray !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice .Suffix { color: gray !important; } .BuyInternet .Field_SalesPrice .Suffix { color: #303030 !important; } .BuyInternet .FieldSet_campain .Field_CampainPrice .Suffix { color: #303030 !important; } .BuyInternet .FieldSet_campain .Field_SalesPrice { font-size: 100% !important; padding: 0 !important; } .BuyInternet .Field_SalesPrice .InputSpan { padding: 0; font-size: 150%; } .BuyInternet .Field_CampainPrice .InputSpan { padding: 0; font-size: 150%; } .BuyInternet .FieldSet_campain .Field_CampainPrice .InputSpan { padding: 0 0.1em 0 0.1em !important } .BuyInternet .FieldSet_campain .Field_SalesPrice .InputSpan { font-size: 120%; padding: 0 !important; } .BuyInternet .FieldSet_campainleft { width: 6em !important; text-align: left; } .BuyInternet .FieldSet_CharValues { } /* STYLE : [WEBSITE] Internet.BuyMini. */ .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan a { max-width: 0; width: auto; } .SingleItem_Product_Internet .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan a { text-align: left !important; min-width: 0; } .SingleItem_Product .ViewBody_ItemView_BuyMini{ justify-content: flex-start; } .SingleItem_Product .ItemView_Asset_BuyMini { margin-bottom: 30px!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_ListPrice { color: #616161!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_ListPrice .InputSpan{ justify-content: flex-start; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_ListPrice .InputSpan>a { text-align: left!important; width: auto!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_DiscountRatio>* , .SingleItem_Product .ItemView_Asset_BuyMini .Field_DiscountRatio .InputSpan .Suffix{ color: #f23737!important; } .SingleItem_Product .ItemView_Asset_BuyMini .Field_DiscountRatio .InputSpan{ padding: 0px 10px; border-radius: 3px; } .SingleItem_Product .ItemView_Asset_BuyMini .DoScriptButton_AddtoCompare { text-align: center!important; display: block!important; max-width: 127px!important; background: transparent!important; color: #616161!important; text-decoration: underline!important; } .SingleItem_Product .ItemView_Asset_BuyMini .DoScriptButton_AddtoCompare:hover{ box-shadow: none!important; } .ItemView_Asset_BuyMini .ItemView_VariantAssetChar_Title .FieldValue > a { padding: 0 0; } .ItemView_Asset_BuyMini .Field_Code .InputSpan { padding: 0 0 !important; } .ItemView_Asset_BuyMini .Field_Code .InputSpan a { text-align: left !important; padding: 0 !important; } .ItemView_Asset_BuyMini .InputSpan a { padding-left: 0 !important; } .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan { text-align: left !important; padding: 0 !important; } .ItemView_Asset_BuyMini .Field_SalesPrice .InputSpan a { text-align: left !important; } /* STYLE : [WEBSITE] WebPageZone. */ .Mode_Display.UIViewSingle.View_ItemView_WebMobile.EntityType_WebPageZone.EntityTypeView_zonesmobile { display: flex; flex-direction: column; } .SelectionsMenu_OnClickMenuForm { max-width: 480px; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te { max-width: 100%; position: fixed; top: 10% !important; bottom: 10% !important; left: 10% !important; right: 10% !important; background-color: rgba(127,127,127,0.5); } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor { height: 100%; display: flex; flex-direction: column; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor .se-wrapper { flex: 1; min-height: 35vh; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor .se-wrapper-inner { padding: 1em; overflow: auto !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .sun-editor .se-toolbar { position: relative !important; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .FieldSet, .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .Fields, .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .FieldValue { display: flex; flex-direction: column; height: auto; flex: 1; max-height: 100%; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .Field { flex: 1; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .FieldSet_m { display: flex; flex-direction: column; flex: 1; height: auto !important; } .SelectionsMenu_OnClickMenuForm.Menu_FieldSet_te .MenuItemView_WebPageZone_EditText { position: absolute; left: 0%; top: 0%; bottom: 0%; right: 0%; min-height: initial !important; max-height: initial !important; min-width: initial !important; max-width: intial !important; width: auto !important; height: auto !important; } .ItemView_WebPageZone .FieldSet_panelbody { width: 100%; } .EntityType_WebPageZone.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; flex-direction: column; align-content: center; } .ItemView_WebPageZone_Web > .FieldSet_panelbody > .FieldSet_panelbodyvertical { display: flex; flex-direction: row; flex-wrap: nowrap; max-width: 100% !important; } /* STYLE : [WEBSITE] KVKKMobile. */ .KVKCardP16 .FieldValue { padding: 16px !important; } /* STYLE : [WEBSITE] Menu. */ .Menu_FieldSet_Part .FieldRichText.Mode_Display * { padding-bottom: 0; } .ItemView_WebPage_Button > .OnHoverMenuForm { border-bottom: 0 !important; } .SelectionsMenu:has(.Style_MegaMenu2 ){ max-width: 100% !important; top: 73px !important; background: transparent; } .BODYPage_FullWebPage .SelectionsMenu_OnClickMenuForm:has(.Style_MegaMenu2){ max-width: 100% !important; top: 73px !important; background: transparent; } /* STYLE : [WEBSITE] MenuItemView_WebPage_HoverMenu. */ .MenuItemView_WebPage_HoverMenu .FieldSet_subs .ViewBody { flex-direction: column; } .MenuItemView_WebPage_HoverMenu .FieldSet_subs .ViewBody .ItemView_WebPage_SubMenu { width: 100%; } .SelectionsMenu .Style_MegaMenuColumn > .FieldSet_panelbody >.EntityTypeView_panelbodyall{ display: flex; justify-content: flex-start !important; gap: 0; } .SelectionsMenu .Style_MegaMenuColumn > .FieldSet_panelbody >.EntityTypeView_panelbodyall > .ItemView_WebPageZone_Web { flex: 0 !important; } /* STYLE : [WEBSITE] RootPages. */ .FieldSet_rootpagesbody .ViewBody { } .FieldSet_rootpagesbody .ViewBody .ItemView { /* height: 100% !important;*/ } .FieldSet_rootpagesbody .ViewBody .ItemView > .FieldSet { justify-content: center !important; } /* STYLE : [WEBSITE] MegaMenu2. */ .Style_MegaMenu2 { --mmleftwidth:12.5%; --mmrightwidth:calc(100% - var(--mmleftwidth)); background-color: #efefef } .Style_MegaMenu2 >.FieldSet_panelbody{ background-color: #ffffff; } .Style_MegaMenu2 .Style_MMRow:hover .Style_MMRight{ background-color: #ffffff !important; } .Style_MegaMenu2 .Style_MMRow { /*background-color: #efefef;*/ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .Style_MegaMenu2 .Style_MMRow:hover { z-index: 200; box-shadow: 0 0 16px 0 #455a6440; border-top: 1px solid #607d8b52; border-bottom: 1px solid #607d8b52; } .Style_MegaMenu2 .Style_MMRow .Style_MMLeft { border-right:4px solid transparent !important; } .Style_MegaMenu2 .Style_MMRow:hover .Style_MMLeft { border-right:4px solid #0097a7 !important; } .Style_MegaMenu2 .Style_MMRow .Style_MMRight { } .Style_MMLeft { } .Style_MMRight .ItemView_WebPage_Button3 { max-width: 12.5%; width: 12.5%; min-width: 160px; min-width: clamp(12.5%, 320px, 150px);; flex-direction: row; display: flex !important; max-height: 46px; margin: 0 !important; } .Style_MMRow .Style_MMLeft { } .Style_MMRow .Style_MMRight .View_ItemView_Button3{ row-gap: 8px; padding: 1px; } .Style_MMRow .Style_MMRight .ItemView_WebPage{ } .Style_MMRight .ItemView_WebPage_Button3 .Field_Image { max-width: 28px; width:28px; min-width: 24px; max-height: 24px; padding: 0; margin: auto; } .Style_MMRight .ItemView_WebPage_Button3 .Field_Image > img { background-color: transparent; height: 24px !important; max-height: 24px; padding: 0; /* filter: grayscale(1);*/ } /*.Style_MegaMenu2 .Style_MMRow:hover .Style_MMRight .ItemView_WebPage_Button3 .Field_Image > img { background-color: transparent; height: 28px !important; filter: unset; }*/ .Style_MMRight .ItemView_WebPage_Button3 .Field_Name .InputSpan > a { padding: 0 1rem 0 0.5rem !important; text-align: left; justify-content: flex-start; font-size: 1.15rem !important; } /* STYLE : [WEBSITE] MobileMenuNew. */ .Style_MMenuNew{ } .Style_MMenuNew .EntityTypeView_pagebuttons{ } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 { margin: 0 !important; max-width: 33%; padding: 0; } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 >.FieldImage { max-height: 112px; } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 >.FieldImage > img { max-width: 112px; max-height: 112px; height: 112px; min-height: 112px; border-radius: 0; padding: 0; } .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 >.Field_Name { font-size: 1.25rem; padding: 8px 0; } /* STYLE : [WEBSITE] UKO. */ .EntityType_WebPageZone.EntityTypeViewBody:has(>.Style_UKOMain){ background-color: #ffffff !important; } .Style_UKOMain { max-width: 1300px; } .Style_UKOTitle .FieldValue{ text-align: center !important; } .Style_UKOTitle .FieldValue > p{ text-align: center !important; font-size: 1.5em; } .Style_UKOTitle .FieldValue > p:first-child{ text-align: center !important; font-size: 2.2em; font-weight: 700; } .Style_UKORow { padding: 2em !important; } .Style_UKORow .Style_UKOCol1 { background-color:#1A2132 !important; color: #ffffff !important; border-radius: 1em; } .Style_UKORow .Style_UKOCol2 { background-color:#DDE7FD !important; border-radius: 1em; } .Style_UKORow.Srtle_Second .Style_UKOCol2 { background-color:#1A2132 !important; color: #ffffff !important; border-radius: 1em; } .Style_UKORow.Srtle_Second .Style_UKOCol1 { background-color:#DDE7FD !important; border-radius: 1em; } .Style_UKORow .EntityType_WebPageZone { gap: 2em; } .Style_UKORow .FieldValue > p{ font-size: 1.2em; } .Style_UKORow .FieldValue > p:first-child{ font-size: 1.6em; font-weight: 700; } .Style_UKORow .FieldSet_cardtype1 .FieldSet_left{ justify-content: center !important; padding-left: 2em; } .Style_UKORow .FieldSet_cardtype1 .FieldImage { padding: 2em !important; justify-content: flex-end; } .Style_UKORow .FieldSet_cardtype1 .FieldImage img{ max-height: 200px; } /* STYLE : [WEBSITE] iconics. */ .Style_iconics picture{ max-height: 48px; height: 48px; } /* STYLE : [WEBSITE] calltoaction. */ .ItemView_ContactRequest_CalltoAction .Field input{ border-radius: 2rem; min-height: 4rem; padding-left: 2em; } .ItemView_ContactRequest_CalltoAction .Field textarea{ border-radius: 1.5rem; padding-left: 2em; } .ItemView_ContactRequest_CalltoAction .Field input[type="checkbox"] { min-height: 2rem; } .ItemView_ContactRequest_CalltoAction .FieldView_m5leftapprove .FieldValue ,.ItemView_ContactRequest_CalltoAction .FieldView_m5RightApprove .FieldValue { align-self: center; } /* STYLE : [WEBSITE] HTMLAPPS. */ .ViewBody_ItemView_HTMLAPPs { } .ItemView_WebContent_HTMLAPPs { background-color: #ffffff !important; /*border: 1px solid #607d8b52;*/ /*box-shadow: 0 0 14px 0 #546e7a38 !important;*/ } .ItemView_WebContent_HTMLAPPs:after{ content:""; } .ItemView_WebContent_HTMLAPPs .container{ min-width: auto !important; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary { gap:1.5em; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 24%; min-width: 24%; margin: 0; border: 1px solid #FFFFFF; padding: 1rem 0 0.5rem 1rem; background-color: #fbfbfb !important; border-radius: 1rem; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary .FieldSet_left{ min-width: 28px; max-height: 28px; align-items: flex-start; flex: 0 1 0%; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary .FieldSet_right{ text-align: left; padding-left: 0; flex-direction: column; } .ItemView_WebContent_HTMLAPPs .TT1 { font-size: 3rem !important; font-weight: 800 !important; padding-bottom: 3rem !important; } .ItemView_WebContent_HTMLAPPs .TT2 { font-size:2rem !important; font-weight: 300 !important; padding-bottom: 1rem !important; color: #000000; } .ItemView_WebContent_HTMLAPPs .TT3.FieldRichText.FieldValue { padding: var(--inputPadding) !important; font-size:1.35rem !important; font-weight: 400 !important; } .ItemView_WebContent_HTMLAPPs:has( .FieldSet_subs.NoItems){ display:none !important; } .ItemView_WebContent_HTMLAPPs .FieldSet_t0{ padding: 1rem 2rem 3rem !important; } .ItemView_WebContent_HTMLAPPs .FieldSet_m{ padding: 3rem 0; } @media only screen and (max-width: 480px) { /* STYLE : [361] root. */ :root { --gap: 8px; } /* STYLE : [361] NewTheme.Card. */ .card{ --cardcolor:#313741; --cardbgcolor:#ffffff; --cardborder:1px; --cardbordercolor:rgba(203, 208, 221, 0.54); --cardborderradius:8px; --cardboxshadow: unset; --cardspacex:0.5em; --cardspacey:0.5em; --paddingcardheader:.5em .5em 0 .5em ; --cardbodycolor:var(--cardcolor); --cardheadercolor:var(--cardcolor); --cardheaderbgcolor:var(--cardbgcolor); --cardheaderbordercolor:#cbd0dd; } /* STYLE : [361] sunumslider. */ .Style_sunum1 .swiper-wrapper .row > .col-lg-8{ width: 100% !important; } .Style_sunum1 .swiper-wrapper .row > .col-lg-4{ width: 100% !important; } /* STYLE : [SURVEY] ActiveSurveys. */ .ActiveSurveys .ItemView_Survey_Summary { max-width: 100%; } /* STYLE : [LOCATION] Location. */ .hpcell{ margin: 0.5em 0 ; } .ItemView_Location_Card { max-width: calc(100% - 4px); margin: 1px; background-color: white !important; border-radius: 4px; padding: 8px; } /* STYLE : [BUSINESSMATCHING] BusinessMatch. */ .ItemView_BusinessMatchSuggestion_Card, .ItemView_BusinessMatchType_Card, .ItemView_BusinessMatchScore_Card, .ItemView_BusinessMatchCriteria_Card { width: 100%; margin: 0.5em 0; } /* STYLE : [ORGANIZATIONS] nameandlogo. */ .ItemView_Organization_NameLogo{ max-width: 100%; padding: 2px; margin: 0; box-shadow: 0 0 8px 2px #455a6430; background-color: white; } /* STYLE : [WEBSITE] Root. */ #WebPageZone_71BE51BF_DC16_4022_B971_6CFA69A57571 #WebPageZone_C3C6CAF8_8A40_454E_AAF7_3DB544EECA15 .FieldSet_panelbodyall { flex-direction: column !important; justify-content: center !important; align-content: center; } /* STYLE : [WEBSITE] Styles. */ .Style_DisableOnDesktop { display: inherit !important; } .Style_DisableOnTablet { display: inherit !important; } .Style_DisableOnMobile { display: none !important; } /* STYLE : [WEBSITE] Styles.Style_Max. */ .MaxM, .Style_MaxM, .Style_MaxM > * { max-width: 100% !important; margin: 0 auto !important; } /* STYLE : [WEBSITE] Styles.Style_Referanslar. */ .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 100%; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(2,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid !important; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary::before { display: none !important; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { justify-content: center; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em 1em !important; max-height: 5em; min-height: 5em; height: 5em !important; max-width: auto; justify-content: center; } .Style_Referanslar .ItemView_WebContent_ImageSubjectSummary .Field_Summary { font-size: 80%; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; height: 10em; } .Style_Referanslar .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary .Field_Summary { font-size: 90%; overflow: auto; } /* STYLE : [WEBSITE] Styles.Style_Why. */ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Why .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_Why3. */ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { /*padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute;*/ left: 50%; top: 0; justify-content: center; min-height: initial; transform: translateX(-50%); } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Why3 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_Why4. */ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { /*padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute;*/ left: 50%; top: 0; justify-content: center; min-height: initial; transform: translateX(-50%); } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Why4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_Grid4. */ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect { max-width: 1300px; margin: 0 auto !important; width: 100%; grid-template-columns: repeat(1,1fr); padding: 10px !important; font-size: 120%; grid-gap: 14px; display: grid; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary:hover { background-color: #0764E3; border: 1px solid #9fb5c366; box-shadow: 0 0 4px #78909c2e; align-items: flex-start; min-height: 10em; border-radius: 1em; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary { min-height: 10em; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { /*padding: 0.5em 0.5em 0 0 !important; max-width: 100%; position: absolute;*/ left: 50%; top: 0; justify-content: center; min-height: initial; transform: translateX(-50%); } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.Field_Subject >.InputSpan { padding: 0.5em 1.5em 0 0.5em !important; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldTextArea > .InputSpan > a { text-align: left; justify-content: flex-start; } /*.Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage { padding: 0.5em !important; max-width: 12em; position: absolute; right: 0; top: 0; justify-content: flex-end; justify-content: flex-end; min-height: initial; }*/ .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldImage > img { padding: 8px; } .Style_Grid4 .View_ItemView_ImageSubjectSummary.FieldSet_contentcontect > .ItemView_WebContent_ImageSubjectSummary >.FieldText .InputSpan > a { justify-content: flex-start; } /* STYLE : [WEBSITE] Styles.Style_HomeSection1. */ .Style_HomeSection1 .FieldSet_CardType8 { justify-content: center !important; padding: 2em 1em } .Style_HomeSection1 .FieldSet_CardType9 .FieldValue { text-align: center !important; } /* STYLE : [WEBSITE] Styles.Style_slider. */ .Style_slider{ min-height: 95vh !important; justify-content: center; align-items: center; } .Style_slider .FieldRichText > .FieldValue { text-align: center !important; } /* STYLE : [WEBSITE] Styles.footer. */ .Style_footer .Style_MSosyalIcons img{ max-width: 32px; } .Style_footer .Style_MSosyalIcons >.FieldSet_panelbody > div{ display: flex; flex-direction: row; justify-content: center !important; } .Style_footer .FieldValue a { padding: 2px !important; font-size: 12px; } .Style_footer .Style_copyright{ border-top:2px solid #cccccc !important; padding-top:0.5em; } .Mobile .EntityTypeView_footerwebparts .ItemView_WebPageZone .ItemView_WebPageZone { width: 100% !important; max-width: 100% !important; } /* STYLE : [WEBSITE] Styles.product page. */ .Mobile .Style_PPageHeader .EntityType_WebPage.EntityTypeView.EntityTypeView_pagebuttons3{ background-color: #ffffff !important; border-radius: 1em !important; border: 1px solid #90a4ae5c !important; padding: 1em !important; align-content: flex-start; gap: 1em; } /* STYLE : [WEBSITE] Styles.pagecantact. */ .Style_contactright { padding:3em 1.5em !important; } /* STYLE : [WEBSITE] OvewrflowWrap. */ a, td { overflow-wrap: break-word; } td { width: fit-content !important; } .SingleItem_WebPage_Web { overflow: hidden; } /* STYLE : [WEBSITE] MobileMenuNew. */ .Style_MMenuNew .EntityTypeView_pagebuttons > .ItemView_WebPage_Button1 { width: 33%; } /* STYLE : [WEBSITE] UKO. */ .Style_UKORow .FieldValue > p{ text-align: center !important; } .Style_UKORow .FieldSet_cardtype1 .FieldSet_left{ justify-content: center !important; padding: 2em 2em 0 ; } /* STYLE : [WEBSITE] HTMLAPPS. */ .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 90%; min-width: 90%; margin: 0; } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary .FieldSet_right{ text-align: left; padding-left: 0.5em; flex-direction: column; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { /* STYLE : [WEBSITE] Root. */ /** test amaçlı uygula yazı*/ /* STYLE : [WEBSITE] HTMLAPPS. */ .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 30%; min-width: 30%; margin: 0; } } @media only screen and (min-width: 1025px) { /* STYLE : [361] NewTheme.overflows. */ .ofscroll{ overflow: scroll !important; } .ofhidden{ overflow: hidden !important; } .maxh100{ max-height:100% !important; } .ofauto{ overflow: auto !important; } /* STYLE : [361] NewTheme.Multi_Lang. */ .FieldSet_Multi_Lang > .TabHeader { visibility: hidden; } .FieldSet_Multi_Lang:hover > .TabHeader { visibility: visible; } /* STYLE : [361] Labelinfo. */ .LabelPositionTop .QuestionMark::after { left: -2px !important; top: 3px !important; } .LabelPositionLeft .QuestionMark::after { left: -2px !important; top: 7px !important; } /* STYLE : [WEBSITE] Styles.product page. */ .Style_PPageHeader .Style_PPHRow .Style_PPHLeft { max-width: auto; padding-right: 2em; } .Style_PPageHeader .Style_PPHRow .Style_PPHRight { /*max-width: 33%;*/ padding: 0 3em 3em; max-width: 430px; } .Style_PPHRight .EntityTypeView_pagebuttons3 { align-content: center; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p { padding: 0 5em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_cardtype5 .FieldValue > p:first-child { color: #06040A; font-size: 4vh; line-height: 1; padding-bottom: 2vh; font-weight: 700; text-wrap: nowrap !important; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p { padding: 0 5em; } .Style_PPageHeader .Style_PPHRow .Style_PPHLeft .FieldSet_CardType9 .FieldValue > p:first-child { color: #06040A; font-size: 4vh; line-height: 1; padding-bottom: 2vh; font-weight: 700; text-wrap: nowrap !important; } /* STYLE : [WEBSITE] Styles.pagecantact. */ .Style_contactleft { flex:2 !important; } .Style_contactright { flex: 1 !important; padding-left: 3em !important; } .Style_contactright >.FieldSet_panelbody >.EntityType_WebPageZone { align-content: end; } .Style_darkcard { max-width: 400px; } .Style_contactleft .Style_sec1 .FieldSet_CardType9 .FieldValue { padding-left:3em !important; padding-bottom: 4em !important; } /* STYLE : [WEBSITE] MegaMenu2. */ .Style_MMLeft { width:var(--mmleftwidth); max-width:var(--mmleftwidth); min-width: var(--mmleftwidth); } .Style_MMRight{ width:var(--mmrightwidth); max-width:var(--mmrightwidth); min-width: var(--mmrightwidth); padding: 2em !important; padding-left:2em !important; background-color: #ECEFF1 !important; } .Style_MMRow .Style_MMLeft .FieldValue { font-size: 16px; text-align: right !important; } /* STYLE : [WEBSITE] HTMLAPPS. */ .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary { max-width: 24%; min-width: 24%; margin: 0; } .ItemView_WebContent_HTMLAPPs .EntityTypeView_subs.ViewBody_ItemView_icontitlesummary { padding:2rem 0 !important; } .ItemView_WebContent_HTMLAPPs .EntityTypeView_subs.ViewBody_ItemView_icontitlesummary.EntityTypeViewBody { justify-content: flex-start !important; } .ViewBody_ItemView_HTMLAPPs { /* gap: 10rem;*/ } .ItemView_WebContent_HTMLAPPs .ViewBody_ItemView_icontitlesummary .ItemView_WebContent_icontitlesummary:hover { background-color: #fdf9f5 !important; border: 1px solid #f57c0052 !important; box-shadow: 0 0 12px 0 #f57c004d; } } :root { --primary: #ff1493; --headerbg: #1d1d26; --textcolor: #0e0f0f; --textcolorinverse: #fcfdff; --titlecolor: #0068bb; --bg: #f8faff; --bgtint: #dfeded; --bggrey: #e6e8e8; --white: #ffffff; --borderstyle: none; --vr: 1rem; --infobgcolor: #e3f2fd; --notimportantbgcolor: #fffde7; --normalbgcolor: #ede7f6; --importantbgcolor: #fff3e0; --urgentbgcolor: #ffebee; --infobrcolor: #2196f3; --notimportantbrcolor: #ffee58; --normalbrcolor: #7e57c2; --importantbrcolor: #ffa726; --urgenbrgcolor: #ef5350; --backcolor: #f8f8ff; --backcolor2: #f8f8ff; --singleitembackcolor: #f8f8ff; --iconcolor: #202020; --menuiconcolor: #14b3ee; --black: #303030; --c1: #499eeb; --c2: #7FC8F8; --c3: #EBCFB2; --c4: #FF3C38; --c5: #4B7F52; --gap3: 12px; --etshadow: 5px 5px 10px #00000020, -5px -5px 10px #ffffffd0, -2px 0 4px #00000010, 0 -2px 4px #00000010; --tdshadow: 5px 5px 10px #00000020, -5px -5px 10px #ffffffd0, -2px 0 4px #00000010, 0 -2px 4px #00000010; --pivotshadow: inset 1px 1px 2px #00000010, inset -1px -1px 2px #ffffffd0, inset -1px -1px 2px #00000008; --textshadow: 1px 1px 2px #00000020, -1px -1px 2px #ffffffd0; --textmargin: 1px; --itemshadow: 2px 2px 4px #00000020, -2px -2px 4px #ffffffd0, -1px 0 2px #00000020, 0 -1px 2px #ffffffd0; --buttonshadow: 3px 3px 6px #00000040, -3px -3px 6px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --buttonshadowhover: 6px 6px 12px #00000040, -6px -6px 12px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --buttonshadowactive: 1px 1px 2px #00000040, -1px -1px 2px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --buttonmargin: 5px; --buttonback: linear-gradient(145deg, #2CBEFD40, #2290C1ff); --buttoncolor: #ffffff; --buttonradius: 2em; --actionback: linear-gradient(145deg, #30303080, #303030ff); --submitshadow: 3px 3px 6px #00000040, -3px -3px 6px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --submitshadowhover: 6px 6px 12px #00000040, -6px -6px 12px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --submitshadowactive: 1px 1px 2px #00000040, -1px -1px 2px #ffffffe0,-1px 0 2px #00000040,0 -1px 2px #00000040; --submitmargin: 5px; --submitpadding: 10px 20px; --submitback: var(--bg); --submitbackhover: #ffffff; --submitbackactive: #ffffff; --solutionbuttonimagespan: transparent; --SolutionButtonImageSpan:transparent; --pagetopheight: 3.5em; --dashopacity: 1; --dashopacity2: 0.1; --dashopacity1: 1; --tabbg: transparent; --tabborder: solid 1px rgba(127,127,127,0); --tabheadergap: 0; --tabfontweight: 500; --tabfontcolor: inherit; --tabspanopacity: 1; --tabselectedbg: transparent; --tabselectedborder: #80808010; --tabselectedfontcolor: #039BE5; --selectedshadow: 0 0 12px #ccc; --bottomborder: 1px solid #e4e6ef; --tabtextcolorselected: #0068bb; --tabhover: #e9e9f5; --textcolor2: #3f4254; --bordercolor2: #e4e6ef; --mobilecardwidth: 350px; --linearbgblue: linear-gradient(#37d5eb, #016cf8); --linearbggray: linear-gradient(#d4d4d4, #aeaeae); } html { background-color: var(--backColor); } body { margin-left: auto; margin-right: auto; background-color: var(--backColor); } body.BODYPage_MyPage .NavigationButtons .Nav >.NavButton.Content { padding: calc(var(--cellSize) / 20); inset: 0px; box-shadow: 2px 2px 5px gray !important; letter-spacing: 0; opacity: 0.9; position: relative; padding: calc(var(--cellSize) / 6); width: calc(var(--cellSize)); height: calc(var(--cellSize)) !important; transition: all .2s ease-in-out; max-width: 100%; text-align: center; margin-left: auto; margin-right: auto; background-color: var(--iconBackColor); border-radius: var(--iconRadius); display: flex !important; align-items: center; justify-content: center; } body.BODYPage_MyPage .NavigationButtons .Nav >.NavButton .Text { line-height: 1em; white-space: normal; display: flex; align-items: center; justify-content: center; max-width: 100%; font-size: calc(var(--cellSize) / 5); position: absolute; top: 50px; left: -10px !important; height: 3em !important; align-items: center !important; min-width: 100%; min-width: var(--cellSize); padding: 0; width: var(--cellSize); } body.BODYPage_MyPage .NavigationButtons .Nav >.NavButton .Button.HasImage_Copy { font-size: 40px !important; } body .Parameters .Text { color: gray; } body .Parameters .Text span { --labelcolor: #78909C; font-size: 90%; color: var(--labelColor); } body button { background-color: white; color: #303030; } body button:hover { box-shadow: unset !important; } body .ItemSelection { width: 100%; font-weight: 500; background-clip: padding-box; appearance: none; } body .ItemSelection:focus { color: #5e6278 !important; background-color: #fff !important; border-color: #b5b5c3 !important; outline: 0 !important; box-shadow: 0 0 0 !important; color: #5e6278; background-color: #fff; border: 1px solid; border-color: var(--activeBorderColor) !important; outline: 0; } body .Choice { background-color: white; color: #303030; } body .Choices >a { background-color: white; color: #303030; } body .ViewActions.Choices >a { background-color: transparent; } body .ViewActions .ToggleMenu { color: #0068bb; } body #ModuleImage { padding: 5px; } body .ProcedureButton_DeleteMe { opacity: 0.5; position: absolute; top: 0; right: 0; } body .NumericKeyPad { max-width: 360px; margin: 0 auto; } body .NumericKeyPad td { background-color: #666666; color: white; border: solid 1px white; } body .Document_Scrolled { padding-top: 4em; } body .AggField_Amount { color: green !important; } body .SameItem { color: black; font-weight: bold; outline: 0; border: 0; } body .SameItem a { textshadow: 0 0 1px black; } body .FirstCol .ToggleButton >span:before { position: absolute; top: 0px; left: 0; right: 0; bottom: 0; } body .DoScript { background-color: #606060; color: white; } body .TopLeft .Actions a { /*background-color: transparet; color: var(--textColor);*/ /*border: solid 2px #80808080;*/ } body .TopLeft .Actions a:hover { background-color: #303030; color: white; box-shadow: 0 0 5px white; font-weight: normal; text-shadow: 0 0 5px white; } body .MainTitle { font-size: 1.5em; font-weight: 550; } body .AutoHideOn #ModuleImage { padding: 1px; } body .AutoHideOn .AutoHideTopLeftHandle ,body .AutoHideOn .AutoHideTopRightHandle ,body .AutoHideOn .AutoHideBottomRightHandle ,body .AutoHideOn .AutoHideBottomLeftHandle { color: black; } body.BODYPage___Login__ { background-image: none; } body #DomainVersion { display: none; } body .SelectionsMenuOpen .Menu_Arrow_Down { outline: none !important; } body .SelectionItem:hover { background-color: #009ef7; color: white; text-decoration: none; } body .ParamValue select { line-height: 1; } body .Button { box-shadow: unset !important; } body .Button:hover { z-index: 1000; outline: 0 !important; opacity: 1.0; } body .Button:active { outline: unset; } body .Button >div { font-size: 1.1em !important; } body .dFlex { display: flex !important; gap: var(--gap); } body .FlexDC { flex-direction: column !important; } body .FlexDR { flex-direction: row !important; } body .FlexDV >.DirectionVer { display: flex !important; justify-content: center !important; } body .InputSpan { max-width: 100%; min-width: 100%; } body .pbtnl { position: relative; top: 9px; background-color: transparent; } body .pbtnr { position: relative; top: 9px; background-color: transparent; } body .sticky { display: flex; position: sticky; flex-direction: column; min-height: fit-content !important; top: 5em; } body .mw-fit { max-width: fit-content; } body .AddGroupField >a { font-size: 90%; } body .Header >.Center { width: 34%; } body .DeleteButton { position: absolute; top: 0em; font-size: 2em; right: 0.1em; } body .LabelActions { bottom: auto !important; } body .Middle:has(.ViewBody_Chart) { overflow: hidden !important; } body .sun-editor .se-btn-select .txt { overflow: hidden !important; max-height: 2em !important; } body .btn { /*display: flex; font-weight: 500; line-height: 1.25; color: #181c32; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .75rem 1.5rem; font-size: 1rem; border-radius: .475rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; outline: 0 !important;*/ } body .btn:hover { /*olor: #181c32; text-decoration: none;*/ } body .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(0, 158, 247, .25); } body .btn i { display: inline-flex; font-size: 1rem; padding-right: .35rem; vertical-align: middle; line-height: 0; } body .btn .svg-icon { flex-shrink: 0; line-height: 0; margin-right: .5rem; } body .NoItemsButton { display:none; } body .NoItems .NoItemsButton { display:flex; } body .Style_Padding_V50 { padding-top:50px; padding-bottom:50px; } body .Style_Padding_V75 { padding-top:75px; padding-bottom:75px; } body .Style_Padding_V100 { padding-top:100px; padding-bottom:100px; } body .Style_Row { display:flex !important; flex-direction: row !important; } body .Style_Row .ETWBody { display:flex !important; flex-direction: row !important; } body .Style_Column { display:flex !important; flex-direction: column !important; } body .Style_Column .ETWBody { display:flex !important; flex-direction: column !important; } body .Style_JContent_Center { justify-content: center !important; } body .Style_JContent_Center .FieldSet_CardType9 { justify-content: center !important; } body .Style_Tarama { background-image: url(../images/tarama_bgli.svg); background-repeat: repeat; background-size: cover; min-height: 50px; } body .Style_kvkkLeftMenu >.FieldSet_body >.FieldSet_pagesbody >.EntityTypeView_pagebuttons9 { align-content: start !important; } body .Style_kvkkfile .Field_Files > .ImagePreview { display:none !important; } body .Style_kvkkfile .Field_Files > .FilesDisplay { justify-content: center; } body .Style_container { max-width: 1200px; margin: 0 auto !important; gap: var(--gap); } body .Style_colorwhite { color:#ffffff !important; } body .Style_colorwhite .ItemView_WebContent_LinkButton .InputSpan > a { color:#ffffff !important; } body .Style_colorwhite .ItemView_WebContent_LinkButton.ClickToURLCurrent .InputSpan > a { color:#ef0101 !important; } body .Style_colorwhite .ItemView_WebContent_LeftMenuLinkButton .InputSpan > a { color:#ffffff !important; } body .Style_colorwhite .ItemView_WebContent_LeftMenuLinkButton.ClickToURLCurrent .InputSpan > a { color:#ef0101 !important; } body .Style_colorwhite .ItemView_WebContent_LeftMenuLinkButton .Field_Image img { filter: brightness(0) invert(1); } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary { gap:12px; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 30%; width:100px; margin: 0; height: 60px; justify-content: space-between; align-items: center; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .FieldImage { max-height: 24px; max-width: 24px; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject { font-size:12px !important; } body .Style_mobilbtnmenu .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject .InputSpan > a { padding: 4px; text-align: center; justify-content: center; line-height: 12px; } body .Style_Flex1 { flex:1 !important; } body .Style_Flex0 { flex:0 !important; } body .FontSize0 { font-size:0; } body .FontSize0qx { font-size:0.25em !important; } body .FontSize0hx { font-size:0.5em !important; } body .FontSize0tx { font-size:0.75em !important; } body .FontSize1 { font-size:1em !important; } body .FontSize1qx { font-size:1.25em !important; } body .FontSize1hx { font-size:1.5em !important; } body .FontSize1tx { font-size:1.75em !important; } body .FontSize2 { font-size:2em !important; } body .FontSize2qx { font-size:2.25em !important; } body .FontSize2hx { font-size:2.5em !important; } body .FontSize2tx { font-size:2.75em !important; } body .FontSize3 { font-size:3em !important; } body .FontSize3qx { font-size:3.25em !important; } body .FontSize3hx { font-size:3.5em !important; } body .FontSize3tx { font-size:3.75em !important; } body .Padding0 { padding:0 !important; } body .minibtn { height: 1.5em !important; } body .FieldLabel { font-weight: 300 !important; } body .slimlist .Field.Mode_Display >.InputSpan>a { padding:1px !important; } body .HiddeNRF .Middle:has( .NoRecordsFound) { display:none !important; } body .CardActions .Middle:has( .NoRecordsFound) { display:none !important; } body .FieldSet_OkFS .Mode_Edit { display: flex; justify-content: center; } body .FieldSet_OkFS .Mode_Edit .OkButton { padding: 1em; border-radius: 2em; } body .FieldSet_OkFS .Mode_Edit .SaveButton { color: #fff; opacity: 1 !important; background-color: #c3a4ce; padding: 1.5em; border-radius: 2em; } .Desktop #ModuleImage { padding: 4px 8px; } .SearchTitle { display: none; } .Search #SearchInput { padding: 0.35em 1em; border: solid 1px #d7d7d7; background-color: transparent; font-size: 1.25em; } .Search #SearchInput:valid { background-color: rgba(255,255,255,0.8); } .SearchZoneTitle { color: silver; } .Search:active #SearchInput { background-color: rgba(255,255,255,0.8); } .SearchResultEntityType >.ToggleHeader:before { left: -1em !important; } .Page { background-color: #0e2343; background-color: transparent; } .PageZone_RootMenuOpened { display: none; background-color: rgb(48, 48, 48); } .PageZone_RootMenuOpened .ViewBody { background-color: transparent; } .PageZone_RootMenuOpened .ItemView { background-color: transparent; } .PageZone_RootMenuOpened #SearchInput { width: inherit; } .PageZone_RootMenuOpened .Search { display: block !important; text-align: center !important; padding: 2em 2em 0 2em; } .PageZone_RootMenuOpened .Search #SearchInput { width: 10em; } .PageZone_RootMenuOpened #SearchZone { height: 50vh; color: white; } .PageTop { z-index: 100; box-shadow: 0 0 0 #c0c0c08a; } .PageTop #SearchInput:valid { color: #303030; } .Page_MyPage .CalendarItem { position: relative; cursor: pointer; padding: 0.1em; } .Page_MyPage .CalendarItem .FieldSet { gap: 1px; } .Page.PageMode_RootMenuOpened .PageZone_RootMenuOpened { display: block; position: absolute; right: 0; left: 0; z-index: 1000; height: calc(100% - 4em); } .Page.PageMode_RootMenuOpened .PageZone_m { display: none; } .Page .PageZone_ml.AutoHideOn { height: 100% !important; } .Solutions { --SolutionButtonImageSpan: transparent; } .Solutions .Solution_Settings { background-color: var(--backColor); } .Solutions .Solution_Settings .Button .ImageSpan ,.Solutions .Solution_Settings .Button .ImageClass { padding: 1px; } .Solutions .Solution_Settings >.Solution_Title { display: none; } .Solutions .Solution_Settings >.Solution_Body { --solutionbuttonback: transparent; flex-wrap: wrap; justify-content: space-evenly; align-items: center; max-width: 100%; padding: 0; align-items: stretch; } .Solutions .Solution_Settings >.Solution_Body .Button { padding: 1px; flex: 1; color: #303030; } .Solutions .Solution_Cards .Solution_Title { display: none; } .Solutions .Solution_Cards .Button { flex-direction: row !important; width: auto !important; flex: 1 !important; } .Solutions .Solution_Cards .Button .ImageSpan { max-height: 34px; padding: 4px !important; color: var(--textColor) !important; background-color: transparent !important; } .Solutions .SolutionGroup_Settings { background-color: var(--backColor); } .Solutions .SolutionGroup_Settings .Button .ImageSpan ,.Solutions .SolutionGroup_Settings .Button .ImageClass { padding: 1px; } .Solutions .SolutionGroup_Settings .Solution { background-color: var(--backColor); } .Solutions .SolutionGroup_Settings .Solution .Solution_Title { display: none; } .Solutions .SolutionGroup_Settings .Solution .Solution_Body { --solutionbuttonback: transparent; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; max-width: 100%; padding: 0; } .Solutions .SolutionGroup_Settings .Solution .Solution_Body .Button { padding: 1px; flex: 1; color: #303030; max-width: 100%; } .Solutions .SolutionGroup_g1 .Button .ImageSpan ,.Solutions .SolutionGroup_g1 .Button .ImageClass { background-color: transparent !important; color: var(--textColor); padding-bottom: 0; opacity: 0.5; } .Solutions .SolutionGroup_Cockpits .Button .ImageSpan { border-radius: 2em; box-shadow: 0 0 2px #2e2e2e9e; padding: 8px; } .Solutions .SolutionGroup_Cockpits .Button .ImageSpan > * { max-height: 24px; max-width: 24px; font-size: 24px; height: 24px; } .Solutions .SolutionGroup_Cockpits .Button .ButtonText { font-size: 1.1em; } .Solutions .SolutionGroup_Cockpits .Button:hover .ImageSpan { box-shadow: 0 0 5px #2e2e2e9e; } .Solutions .SolutionGroup_Cockpits .Solution_Title { display: none; } .Solutions .SolutionGroup_Cockpits .Solution_Body { --solutionbuttonback: transparent; white-space: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; max-width: 100%; padding: 0; gap: 0; flex-wrap: wrap; } .Solutions .SolutionGroup_Cockpits .Solution_Body .Button { background-color: transparent; flex: 1; border-radius: 0; color: #303030; min-width: 96px; padding: 8px; } .Solutions .SolutionGroup_Cockpits .Solution_Cockpit2 .Button .ImageSpan { border-radius: 1em; } .NavigationButtons .LeafNav { border: 0 !important; background: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0px; border: 0 !important; margin: 0 !important; } .NavigationButtons .LeafNav .NavTitle { font-size: 120%; } .NavigationButtons .LeafNav .NavTitle:hover { background-color: white !important; transform: scale(1.0); box-shadow: 0 0 0 !important; background-color: transparent !important; } .NavigationButtons .LeafNav .NavImage { background: var(--bg); box-shadow: var(--neoShadow); border-radius: 40%; } .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 >.Aggregate { right: 5px; top: 0; background-color: #2a2a36; min-width: 2em; border-radius: 2em; color: #ffffff; box-shadow: 1px 1px 3px #acacbf; } .HideSubOnMenu .SubNavs { display: none; } .SubNav .Selected { text-shadow: unset; background-color: #dadff5; border-bottom: 2px solid #0068bb; color: #0068bb; } .SubNav #PeerNavs .Selected .NavTitle { border-bottom: 0 !important; } .Nav.Max1200 { max-width: max-content !important; } .Nav:hover { text-shadow: unset !important; } .NavButton.SelectionsMenuOpen { text-shadow: unset !important; font-weight: 400 !important; } .NavButton.NavHoverMenu::after { content: ""; display: none !important; } .LeafNav > .NavButton > .NavTitle { font-weight: 400 !important; } .RootHoverMenuBody >.Nav.LeafNav:first-child { position: absolute; left: 0; right: 0; top: 0; max-width: 100%; } .RootHoverMenuBody .NavButton:hover { color: yellow; } .RootHoverMenuBody .NavBranch >.NavButton { text-transform: uppercase; } .RootHoverMenu .SelectionsMenu { background-color: #1a1a27; color: white; box-shadow: 0 0 1px white; padding-top: 3em; } .CurrentEntityNavigation .NavigationButtons .LeafNav .NavImage { letter-spacing: 0; } .CurrentEntityNavigation .NavigationButtons .LeafNav .NavImage:hover .NavImage { box-shadow: 0 0 5px black; } .CurrentEntityNavigation .NavigationButtons .NoImage.LeafNav .NavTitle >span:first-child { box-shadow: 2px 2px 5px gray; letter-spacing: 0; } .CurrentEntityNavigation .NavigationButtons .Nav.LeafNav:active .NavImage { box-shadow: 0px 0px 1px gray; } .ItemSubmit a { opacity: 1 !important; } .ItemSubmit a:hover { opacity: 1.0; text-shadow: 0 0 0 !important; } .ItemHeader { padding: 0; } .ItemHeader .SaveButton { visibility: unset !important; color: #7e8299; background-color: transparent; opacity: 1 !important; } .ItemHeader .SaveButton .icon-Save { color: darkgreen; } .ItemHeader .CancelButton .icon-Cancel { color: darkred; } .ItemStates .Transition { padding: 0rem 0; } .ItemStates .Transition:hover { text-shadow: unset; } .ItemClicked { opacity: 1.0; box-shadow: 0 0 10px gray; opacity: 1.0; box-shadow: unset; } .Item.SelectedItem { position: relative; } .Item.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; } .ItemRight.SubItems .SingleItem.ActiveContent { padding-top: 10px !important; } .SingleItem_Subscriber_Request { font-size: 120%; border-radius: 1em; max-width: 360px; } .SingleItem_Subscriber_Request .Transition { background-color: #35b335; color: white; } .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; padding-right: 0; } .SingleItem_RightOpen >.ItemBody >.ItemRight .ItemView__Note_Card { border: 1px dashed #97cae7 !important; background-color: #eff2ff; width: 100%; } .SingleItem >.ItemBody >.SubItemButtons { display: none; } .SingleItem >.ItemBody:has(.StickyMaster) { overflow: inherit; } .SingleItem .FieldTextArea.Mode_Display >.FieldLabel >a { padding-top: 1.5em; } .SingleItem .FieldValue { font-size: 1.1em; line-height: var(--lineHeight) } .SingleItem .ItemView .FieldValue { font-size: 1em; line-height: 1em; } .SingleItem .ItemView .LookupField .ItemSelection { min-width: 3em !important; } .SingleItem .SubItemButton.Active { background-color: #e6f6ff; } .SingleItem .LookupField .ItemSelection { min-width: 10em !important; } .SingleItemHeader { --gap: 0; --fieldPadding: 0; --inputBorder: 0; --inputPadding: 4px; --fieldLabelPadding: 0 6px; border: var(--border1); border-radius: var(--inputRadius) var(--inputRadius) 0 0 ; } .SingleItemHeader .FieldSet_c { border-left: var(--border1); border-right: var(--border1); padding: 8px; } .SingleItemHeader .FieldSet_l { padding: 8px; } .ItemView .Mode_Display .Field >.InputSpan >a:empty:before { content: "\00a0"; } .Field_AssetScore .Rating { justify-content: center !important; } .Field_AssetScore .Rating >.RatingTitle { display: none !important; } .Field_Currency > .FieldValue { max-width: 5em !important; } .Field_Currency > .FieldValue.Choices { max-width: initial !important; } .Field_Formula { font-family: monospace; } .Field_Primary { font-weight: bold; } .Field_Secondary { font-weight: 555; } .TopLeft .Actions a { background-color: #009ef7; color: #ffffff; z-index: 99; border-radius: 8px; padding: 4px 8px; } .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: #00a74e; border: 0; color: #ffffff; } .OkButton:hover { color: #ffffff !important; } .Choices .Choice:hover { border-color: var(--bs-green); color: var(--bs-green); } .Choices > a:hover { border-color: var(--bs-green); color: var(--bs-green); } .InvalidField .Choices a { background-color: rgba(var(--bs-danger-rgb), 0.1); border-color: rgba(var(--bs-danger-rgb), 0.3); } .InvalidField input { background-color: rgba(var(--bs-danger-rgb), 0.1); border-color: rgba(var(--bs-danger-rgb), 0.3); } .InvalidField textarea { background-color: rgba(var(--bs-danger-rgb), 0.1); border-color: rgba(var(--bs-danger-rgb), 0.3); } .InvalidField select { background-color: rgba(var(--bs-danger-rgb), 0.1); border-color: rgba(var(--bs-danger-rgb), 0.3); } .InvalidField .ItemSelection { background-color: rgba(var(--bs-danger-rgb), 0.1); border-color: rgba(var(--bs-danger-rgb), 0.3); } .Panel_Panels .Button >.ButtonTitle { justify-content: flex-start !important; padding-left: 24px !important; } .Panel_Panels .Button:after { content: var(--icon-Chevron-Right); position: absolute; right: 8px; font-family: '361'; top: 0; bottom: 0; vertical-align: middle; display: flex; align-items: center; flex-direction: row; opacity: 0.2; } .Panel_Panels .Button:after .ButtonTitle { text-align: left; padding: 0; padding-left: 24px !important; } .Panel_Panels .SubNavs .Nav:after { content: var(--icon-Chevron-Right); position: absolute; right: 8px; font-family: '361'; top: 0; bottom: 0; vertical-align: middle; display: flex; align-items: center; flex-direction: row; opacity: 0.2; } .Panel_Panels .NavButton >.NavTitle { text-align: left; padding: 0; padding-left: 24px !important; } .Panel_Panels .Image2_Icon { position: absolute; right: 8px; top: -30px; height: 24px; max-width: 32px; opacity: 0.5; color: white; z-index: 999; } .Panel_Panels .EntityTypeView { gap: 1px; } .Panel_Panels >div >div >.PanelBody .PanelHeader { min-height: 0; } .Panel_Panels >div >div >.PanelBody .PanelHeader >.PanelHeaderTitle { padding: 0; padding-top: 8px; font-size: 100%; } .Panel_Buttons { width: 100%; flex: 0 1 0%; max-width: 350px; align-self: center; gap: 3px; display: flex; flex-direction: column; flex: 0; display: flex; flex-direction: column; gap: 4px; align-items: stretch; } .Panel_Buttons .NavView { padding: 0 !important; } .Panel_Buttons .NavView >.Nav >.NavButton { display: none; } .Panel_Buttons .SubNavs { width: 100%; flex: 0 1 0%; max-width: 350px; align-self: center; gap: 3px; display: flex; flex-direction: column; flex: 0; display: flex; flex-direction: column; gap: 4px; align-items: stretch; } .Panel_Buttons .SubNavs .Nav { background-color: white; color: black; margin: 0; padding: 1em; flex: 1; border-radius: 4px; box-shadow: 1px 1px 3px silver !important; } .Panel_Buttons .SubNavs .NavButton { flex: 1; padding: 0; } .Panel_Buttons >div { display: flex; flex-direction: column; } .Panel_Buttons .Button { background-color: white; color: black; margin: 0; padding: 1em; flex: 1; border-radius: 4px; box-shadow: 1px 1px 3px silver !important; } .Panel_Buttons .Button .ButtonImage { max-height: 24px; max-width: 24px; font-size: 24px; position: absolute; left: 6px; right: auto; width: auto; opacity: 0.5; background-color: transparent !important; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; } .Panel_Buttons .Button .ImageClass { max-height: 24px; max-width: 24px; font-size: 24px; position: absolute; left: 6px; right: auto; width: auto; opacity: 0.5; background-color: transparent !important; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; } .Panel_Buttons .NavButton .NavImage { max-height: 24px; max-width: 24px; font-size: 24px; position: absolute; left: 6px; right: auto; width: auto; opacity: 0.75; background-color: transparent !important; padding: 0; margin: 0; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; } .Panel_Buttons .NavButton .fa:before ,.Panel_Buttons .NavButton .fas:before ,.Panel_Buttons .NavButton .far:before { max-height: 24px; max-width: 24px; font-size: 24px; } .Panel.TogglePanel { flex: 0; border: 1px solid #78909c47 !important; border-radius: var(--gap); } .Panel.TogglePanel.Toggle_Closed { flex: 0 !important; border: 1px solid #78909c47; border-radius: var(--gap); } .Panel.TogglePanel.Toggle_Closed.Box { flex: 0 !important; } .Panel.TogglePanel.Toggle_Closed >.PanelHeader.ToggleHeader { background-color: #ffffffab !important; border-bottom: 0 !important; border-radius: 8px; } .Panel.TogglePanel.Toggle_Closed.AccordionSelected { flex: 1 !important; } .Panel.TogglePanel .ToggleHeader:before { left: 0.5em !important; } .Panel.TogglePanel >.PanelHeader.ToggleHeader { border-bottom: 0 !important; background-color: transparent !important; } .Panel_KPIs { flex: 0; gap: var(--gap); padding: var(--gap); display: flex; flex-direction: column; justify-content: center !important; align-items: stretch !important; } .Panel_KPIs >.DirectionVer { flex-wrap: wrap !important; justify-content: center !important; gap: var(--gap); } .Panel_KPIs >.DirectionVer >div { max-width: fit-content !important; } .Panel_KPIs .AggregateLabel { padding: 4px !important; opacity: 1; color: #37474F; font-size: 1em; padding: 0 !important; line-height: 1; text-align: center; } .Panel_KPIs .AggregateValue { font-weight: 600; padding: 4px !important; font-size: 1.25em; padding: 0 !important; justify-content: center !important; color: #009688; } .Panel_KPIs .AggregateValue:after { font-size: 8px; position: absolute; right: 5px; top: 16px; opacity: 1; color: #0097A7; font-weight: 300; } .Panel_KPIs .Aggregate { font-size: 1em; display: flex; position: relative; padding: 8px; background-color: #ffffff; border-radius: var(--inputRadius); align-items: center; justify-content: center !important; min-width: 7rem; margin: 0; box-shadow: var(--BoxShadow); } .Panel_KPIs .NoRecordsFound { padding: 0 !important; } .Panel_KPIs >.Panel >.PanelBody { gap: 3px; } .Panel_KPIs >.Panel >.PanelHeader { min-height: 2em !important; } .Panel_KPIs >.Panel >.PanelHeader >.PanelHeaderTitle { padding: 3px; font-size: 100%; } .Panel_KPIs .Mode_Edit:has(>.Aggregate) { height: auto; min-height: 3.5em; } .Panel_KPIs .PanelHasHeader { border: var(--border1); } .Panel_KPIs .PanelHeader:after { background: transparent !important; } .Panel.PanelHasHeader .EntityTypeView .Panel .PanelHeader { font-size: 1rem; color: #546E7A; } .Panel.PanelHasHeader .EntityTypeView .Panel .PanelHeader >.TopCenter >.EntityTypeViewTitle >.EntityTypeViewTitleBody { font-size: 1rem; font-weight: 400; } .FieldSet_KPIs { gap: var(--gap); } .FieldSet_KPIs .DirectionVer { gap: 8px; flex-wrap: wrap !important; justify-content: center !important; } .FieldSet_KPIs .FieldView { .font-size: 1em; display: flex; position: relative; padding: 8px; background-color: #ffffff; border-radius: var(--inputRadius); align-items: center; justify-content: center !important; min-width: 9.5rem; margin: 0; box-shadow: var(--BoxShadow); padding: 4px; max-width: fit-content; } .FieldSet_KPIs .FieldView .FieldLabel { padding: 4px !important; opacity: 1; color: #37474F; font-size: 1em; padding: 0 !important; line-height: 1; text-align: center; } .FieldSet_KPIs .FieldView .FieldLabel > a { justify-content: center; font-size: 14px; padding: 2px } .FieldSet_KPIs .FieldView .FieldValue { font-weight: 600; padding: 4px !important; font-size: 1.25em; padding: 0 !important; justify-content: center !important; color: #009688; } .FieldSet_KPIs .FieldView .FieldValue .InputSpan > a { width: 100%; min-width: 100%; justify-content: center; padding: 4px !important; font-size: 24px; } .Content .Panel_Buttons .Button:before { content: " "; transition: all .5s ease-out; position: absolute; left: 0; right: 100%; bottom: 0; top: auto; height: 3px; background: #9b92f1; background-size: 200% 100%; background-position: left; background-position: right bottom; } .Content .Panel_Buttons .NavButton:before { content: " "; transition: all .5s ease-out; position: absolute; left: 0; right: 100%; bottom: 0; top: auto; height: 3px; background: #9b92f1; background-size: 200% 100%; background-position: left; background-position: right bottom; } .Content .Panel_Buttons .NavButton:hover:before { right: 0; } .Content .HomeContentMenu .SubNavs { display: flex; flex-direction: row; align-content: flex-start; align-items: flex-start; --gap: 8px; } .Content .HomeContentMenu .SubNavs .SubNavs { flex-direction: column; background-color: white; box-shadow: 0 0 3px silver; max-height: 20em; min-height: 14em; padding: 1em; border-radius: var(--gap); } .Content .HomeContentMenu > .NavButton { display: none; } .Content .HomeContentMenu > .SubNavs > .Nav:first-child { display: none; } .Content .HomeContentMenu .NavButton { flex-direction: row; flex-wrap: nowrap; } .Content .HomeContentMenu .NavButton .NavImage { background-color:#ffffff !important; } .Content .HomeContentMenu .NavBranch { min-width: 240px; } .Content .HomeContentMenu .NavBranch > .NavButton { font-size: 125%; color: #2c67ef; } .Content .HomeContentMenu .NavImage { font-size: 2em; } .TabBody .TabHeader { font-size: 90%; padding: 0; border-radius: 0 !important; gap: 0; } .TabBody .TabHeader >.TabButton { border-radius: 0 !important; } .TabPanel.AnyTabSelected.Selected >.Selected { background-color: transparent !important; } .TabPanel.AnyTabSelected .TabBody >.TabPanel >.TabBody { padding: 0; } .TabPanel.AnyTabSelected >.TabBody >.Selected { background-color: transparent; padding: 0; } .TabPanel.AnyTabSelected >.TabBody >.Selected:is(.Panel.DirectionVerBody) { background-color: transparent !important; } .TabPanel.AnyTabSelected >.TabBody.DirectionTab:has(>.Panel.DirectionVerBody.Selected) { background-color: transparent !important; } .TabPanel_Tab .TabBody { padding: 0 var(--gap); } .TabPanel .TabHeader { padding-bottom: 0; max-width: 100%; min-width: 50%; overflow: auto; padding-bottom: 0; margin: var(--gap); max-width: 100%; overflow: auto; /*box-shadow: var(--BoxShadow);*/ padding: 0 !important; /*border-radius: var(--gap);*/ gap: 0; margin-top: var(--gap); margin-bottom: var(--gap); /*border-radius: 2em;*/ min-height: 3em; justify-content: center; margin: 0; } .TabPanel >.TabBody { flex: 1 1 0; } .TabButton > span { opacity: var(--tabspanopacity) !important; /*letter-spacing: 1px;*/ } .TabButton >.Aggregate { padding: 0 !important; } .GroupByTitle.ToggleHeader { background-color: var(--backColor); z-index: 99; } .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; } .GroupByMode_Ver { display: flex; overflow: auto; padding: var(--gap); } .GroupByMode_Ver .FolderGroupBy { margin: 4px; } .DirectionVer ,.DirectionVertical { gap: var(--gap); } .LoginForm { background-color: #ffffff; color: #303030; box-shadow: 0 0 20px rgb(64 58 92 / 8%); } .LoginForm >form { font-size: 120%; border-radius: 1em; max-width: 360px; } .LoginForm .Login { background-color: #35b335; color: white; } .LoginForm .UserImage { color: #7e8299; } .LoginForm .UserImage:hover { color: #009ef7; } .LoginForm div.UserPassword >a.PasswordIcon { color: #7e8299; } .LoginForm div.UserPassword >a.PasswordIcon:hover { color: #009ef7; } .LoginPanelTitle { font-size: 150%; padding: 1em 1em 0.5em 1em; font-weight: bold; display: block; text-align: center; } .n .UserImage { order: 2; } .Document_Scrolled .PageTop { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; box-shadow: 0 2px 5px rgba(99,99,99,0.5); padding: 0px !important; } .Admins #DomainVersion { display: block !important; } .BringDanger { background-color: #fff7f8 !important; border: 1px dashed #ff425e !important; box-shadow: 0 0 3em 0 rgb(38 50 56 / 64%); z-index: 9999; position: relative; } .BringDanger:has(>.EnableIf_false) { box-shadow: unset !important; border: 0 !important; } .TreeSub:hover { background-color: #fff9f1; } .TreeSub:hover >.ItemView { background-color: transparent; } .TreeSub:hover >.ItemView >.FieldSet_m >.FieldSet_t { background-color: #ffffff; } .TreeSub:hover >.ItemView:hover { background-color: transparent; } .TreeSub:hover >.ItemView:hover >.FieldSet_m >.FieldSet_t:hover { background-color: #fff9f1; } .TreeSub:hover >.ItemView:hover >.FieldSet_m >.FieldSet_t_Copy { background-color: #fff9f1; } .TreeSub:hover >.ItemView:after { border-color: #F57C00; } .TreeSub:hover:has(.TreeSub:hover) >.ItemView { background-color: #ffffff; } .TreeSub:hover:has(.TreeSub:hover) >.ItemView:after { border-color: #cdcfdb; } .TreeSub:hover:has(.TreeSub:hover):before { border-color: #cdcfdb; } .TreeSub:hover:has(.TreeSub:hover):after { border-color: #cdcfdb; } .TreeSub:hover:has(.TreeSub:hover >.ItemView:hover) >.ItemView:hover >.FieldSet_m >.FieldSet_t { background-color: #ffffff; } .TreeSub:hover:before { border-color: #F57C00; } .TreeSub:hover:after { border-color: #F57C00; } .TreeSub >.ItemView::after { content: ""; position: absolute; border-top: 2px dashed #cdcfdb; top: 1.6em; left: -1.5em; width: 1.5em; } .TreeSub:after { content: ""; position: absolute; border-top: 2px dashed #cdcfdb; left: 0.5em; width: 2em; bottom: 1.15em; } .TreeSub:before { content: ""; position: absolute; left: 0.5em; border-left: 2px dashed #cdcfdb; width: 1px; height: calc(100% - 1.25em); z-index: 9; } .TreeSub .ItemView { background-color: #ffffff; } .View_SiteMap .ReadOnly .InputSpan a { background-color: rgb(236 239 241 / 0%) !important; } .View_SiteMap .ReadOnly .InputSpan a:hover { background-color: rgb(236 239 241 / 0%) !important; } .ItemView .ReadOnly .InputSpan a { background-color: rgb(236 239 241 / 0%) !important; } .ItemView .ReadOnly .InputSpan a:hover { background-color: rgb(236 239 241 / 0%) !important; } .ItemView .ReadOnly >.InputSpan >a { border: 0 !important; } .SiteMapBody >.SiteMapBlock >.SiteMapItem { font-size: 100%; } .SiteMapBody >.SiteMapBlock:nth-child(odd) >.SiteMapItem { background-color: #eceff1; } .SiteMapItem:hover a { color: #e64a19; } .SingleItem .Fields_DetailCard .ReadOnly >.InputSpan >a { border: 0; background-color: transparent; color: rgb(var(--ReadOnlyColor)); } .SingleItem .Fields_DetailCard .LookupField.ReadOnly:hover { background-color: transparent; } .SingleItem .Fields_DetailCard .FieldSet_title { padding-top: 0; margin-bottom: 1em; } .SingleItem .Fields_DetailCard .FieldSet_title >.Field { padding: 0; } .SingleItem .Fields_DetailCard .FieldSet_title .InputSpan >a { font-size: 2rem; font-weight: 500; color: var(--titleColor,#455a64) !important; border-left: 10px solid var(--titleBorder,#FF5722) !important; padding: 0.5em 1em 0.5em 0.4em !important; border-radius: 0; background-image: url(./images/taramabg.svg); background-repeat: no-repeat; background-position: bottom; } .SingleItem .Fields_DetailCard .FieldSet_summary .InputSpan>a { font-size: 1.25rem; font-weight: 300; color: var(--summaryColor,#607d8b) !important; padding: 0; line-height: 1.2em; } .SingleItem .Fields_DetailCard .FieldSet_date { padding: 1em 1.5em 0; } .SingleItem .Fields_DetailCard .FieldSet_date .InputSpan > a { padding: 0 !important; font-size: 1rem; } .SingleItem .Fields_DetailCard .FieldSet_date .FieldView { max-width: fit-content; padding: 0; font-size: 1rem; } .SingleItem .Fields_DetailCard .FieldSet_date .Text { max-width: fit-content; padding: 0; } .SingleItem .Fields_DetailCard .FieldSet_ETtitle >.Text { font-size: 1.25rem; color: #ffffff; background-color: var(--ETTColor, #ff5722); padding: 0.25em 2em; border-radius: 0; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; max-width: fit-content; } .SingleItem .Fields_DetailCard .ItemView_Person_OwnerCard .Field_Picture > img { height: 24px !important; object-fit: cover; border-radius: 25%; } .SingleItem .Fields_DetailCard .FieldRichText.Mode_Display * { color: #455A64; } .SingleItem .Fields_DetailCard .FieldSet_likeET.NoItems .Middle { display: none; } .SingleItem .Fields_DetailCard #FieldSet_dt { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_DetailCard #FieldSet_LikesFS { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_DetailCard .FieldSet_totallike >.Field_LikeCount >.InputSpan > a { justify-content: flex-start; font-size: 1.25em; } .SingleItem .Fields_AddNew .ReadOnly .LookupField.ReadOnly:hover { background-color: transparent; } .SingleItem .Fields_AddNew .FieldSet_title { padding-top: 0; margin-bottom: 1em; } .SingleItem .Fields_AddNew .FieldSet_title >.Field { padding: 0; } .SingleItem .Fields_AddNew .FieldSet_title .InputSpan >a { font-size: 2rem; font-weight: 500; color: var(--titleColor,#455a64) !important; border-left: 10px solid var(--titleBorder,#FF5722) !important; padding: 0.5em 1em 0.5em 0.4em !important; border-radius: 0; background-image: url(./images/taramabg.svg); background-repeat: no-repeat; background-position: bottom; } .SingleItem .Fields_AddNew .FieldSet_summary .InputSpan > a { font-size: 1.25rem; font-weight: 300; color: var(--summaryColor,#607d8b) !important; padding: 0; line-height: 1.2em; } .SingleItem .Fields_AddNew .FieldSet_date { padding: 1em 1.5em 0; } .SingleItem .Fields_AddNew .FieldSet_date .InputSpan > a { padding: 0; font-size: 1rem; } .SingleItem .Fields_AddNew .FieldSet_date .FieldView { max-width: fit-content; padding: 0; font-size: 1rem; } .SingleItem .Fields_AddNew .FieldSet_date .Text { max-width: fit-content; padding: 0; } .SingleItem .Fields_AddNew .FieldSet_ETtitle .Text { font-size: 1.25rem; color: #ffffff; background-color: var(--ETTColor, #ff5722); padding: 0.25em 2em; border-radius: 0 10px 0 0; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; max-width: fit-content; } .SingleItem .Fields_AddNew .ItemView_Person_OwnerCard .Field_Picture >img { height: 24px !important; object-fit: cover; border-radius: 25%; } .SingleItem .Fields_AddNew .FieldRichText.Mode_Display * { color: #455A64; } .SingleItem .Fields_AddNew .FieldSet_likeET.NoItems .Middle { display: none; } .SingleItem .Fields_AddNew #FieldSet_dt { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_AddNew #FieldSet_LikesFS { justify-content: center !important; display: flex; flex-direction: column; } .SingleItem .Fields_AddNew .FieldSet_totallike >.Field_LikeCount >.InputSpan > a { justify-content: flex-start; font-size: 1.25em; } .SingleItem .Fields_AddNew .ReadOnly >.InputSpan > a { border: var(--inputBorder); --bg-opacity: 0.5; background-color: rgba(var(--BgColor1), var(--bg-opacity)); color: rgb(var(--ReadOnlyColor)); } .EntityTypeView { box-sizing: border-box; } .EntityTypeView.GridColumn2 .ViewBody { display: grid; grid-template-columns: auto auto; } .EntityTypeView.GridColumn3 .ViewBody { display: grid; grid-template-columns: auto auto auto; } .EntityTypeView.GridColumn4 .ViewBody { display: grid; grid-template-columns: auto auto auto auto; } .ETWMenu { background-color: #f8faff !important; box-shadow: -7px 0px 14px 0px rgb(69 90 100 / 5%); } .ETWMenu_Over >.ETWMenu { border: 1px solid #e4e6ef; } .ETWMenu_Open >.ETWMenu { border: 1px solid #B0BEC5;; } .ETWMenu_Open .EntityTypeViewBody { width: calc(100% - 200px) !important; } .ListMiddle { bottom: 0; } .ListLeft { bottom: 0; } .ButtonGroup .Selected { color: #ffffff; background-color: #ef5350; box-shadow: 0 !important; } .ButtonGroup a { background-color: #eff2f5; color: #455a64; } .ButtonGroup a:hover { color: #272830; } .DateModes .Selected { box-shadow: 0 0 0 #ffffff !important; } .Date .&Mode_day .DayTitle { color: #0097A7; } .Date .&Mode_month .DayTitle { color: #0097A7; } .Date .&Mode_week .DayTitle { display: none !important; } .DayBody >.CalendarItem { box-shadow: 0 0 0 #ffffff; } .MenuItemView_Session_onhoverCard .Field { padding: 2px !important; } .MenuItemView_Session_onhoverCard .FieldValue >.InputSpan >a { padding: 2px !important; } .MenuItemView_Session_onhoverCard.FieldLabel >.InputSpan >a { padding: 2px !important; } .EventHeader >.SingleItem .ReadOnly >.InputSpan >a { border: 0px !important; --bg-opacity: 0 !important; background-color: #ffffff !important; color: #ffffff !important; } .SelectionsMenu >.ItemImage >img { max-height: 24px; } .SelectionsMenu .sun-editor .se-container { max-height: 70vh; } .RatingStars div.Selected:before { text-shadow: 0 0 1px #B2DFDB !important; color: #00897B !important; } .RatingStars .Selected div:before { text-shadow: 0 0 1px #B2DFDB !important; color: #00897B !important; } .CalendarBody { background-color: white; height: calc(100% - 3.5em); min-height: 200px; } .CalendarBody .DayOfMonth { background-color: transparent; border: 0; border-left: solid 1px rgb(176 194 195); } .CalendarItem .FieldValue .InputSpan a { padding: 0 2px !important; border: 0 !important; line-height: 1; } .FilesDisplay >.FileDisplay { border-radius: 4px; color: #5e6278; font-weight: normal; margin: 4px; } .FilesButtons { position: absolute; z-index: 100; top: 50%; left: 50%; transform: translateY(-50%); font-size: 3vh; } .FileDisplay { background-color: white; color: #303030; } .Domain_361 .SubItemButtons { position: fixed; z-index: 102; top: 50%; } .Domain_361 .SingleItem_RightOpen >.ItemBody >.ItemRight { z-index: 101; } .Domain_tuncmatik #DomainVersion { margin-bottom: 20px; } .BoxShadow { background: #ffffff !important; border: 1px solid #e8e4e4; box-shadow: 0px 0px 5px rgb(184 184 184 / 20%); border-radius: 10px; box-sizing: border-box; } .img 40vh >img { max-height: 40vh; object-fit: cover; width: 100%; } .EvenOdd .ViewBody_ItemView >.ItemView { --listbordercolor1: #ECEFF1; border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } .EvenOdd .ViewBody_ItemView >.ItemView:nth-child(even) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView >.ItemView:hover { background-color: #fffcf2; } .EvenOdd .ViewBody_ItemView .ToggleBody { gap:0; } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView { --listbordercolor1: #ECEFF1; border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView:nth-child(even) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .ToggleBody >.ItemView:hover { background-color: #fffcf2; } .EvenOdd .ViewBody_ItemView .GroupByBody { gap:0; } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView { --listbordercolor1: #ECEFF1; border-bottom: 1px solid var(--listbordercolor1) !important; margin: 0; } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView:nth-child(even) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_ItemView .GroupByBody >.ItemView:hover { background-color: #fffcf2; } .EvenOdd >.ItemView:nth-child(even) { --evenbg1: #f5f7f7; background-color: var(--evenbg1) !important; border-bottom: 1px solid #ECEFF1 !important; margin: 0; } .EvenOdd >.ItemView:nth-child(odd) { --evenbg1: #ffffff; background-color: var(--evenbg1) !important; border-bottom: 1px solid #ECEFF1 !important; margin: 0; } .EvenOdd .ViewBody_List >.ListAll >.ListMiddle >.ListBody >.ListTable > tbody > tr:nth-child(even) { --evenbg1: #ffffff; background-color: var(--evenbg1); } .EvenOdd .ViewBody_List >.ListAll >.ListMiddle >.ListBody >.ListTable > tbody > tr:nth-child(odd) { --evenbg1: #f8fafb; background-color: var(--evenbg1); } .EvenOdd .ViewBody_List >.ListAll >.ListMiddle >.ListBody >.ListTable > tbody > tr:hover { background-color: #fffcf2; } .FieldSet_ScrollBody { flex:1; overflow: auto; position: relative; } .FieldSet_ScrollBody > div:first-child { position:absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; } .OneByOnePanelBody >div { padding: 5px; overflow: hidden; } .MetricItem { width: 180px; margin: 0; background-color: white; padding: var(--gap); background-color: #FFFFFF; border: 1px solid #546e7a3b; } .MetricItem .InputSpan > a { padding: 4px; } .MetricItem .MetricName { font-weight: 700; font-size: 1.2em; } .MetricItem .MetricName .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .MetricItem .MetricDesc { font-weight: 300; font-size: 0.9em; } .MetricItem .MetricDesc .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .CardItem { width: 320px; margin: 0; background-color: white; padding: var(--gap); background-color: #FFFFFF; } .CardItem .InputSpan > a { padding: 4px; } .CardItem .CardName { font-weight: 700; font-size: 1.2em; } .CardItem .CardName .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .CardItem .CardDesc { font-size: 85%; flex: 0; } .CardItem .CardDesc .InputSpan > a { text-align: center; justify-content: center; } .BlockItem { margin: 0; background-color: white; padding: var(--gap); background-color: #FFFFFF; border: 0; height: fit-content; } .BlockItem .InputSpan > a { padding: 4px; line-height: 2em; } .BlockItem .BlockTitle { font-weight: 700; font-size: 1.2em; } .BlockItem .BlockTitle .InputSpan > a { padding: 4px; text-align: flex-start; justify-content: flex-start; font-size: 1.5em; } .BlockItem .BlockDetail { flex: 0; } .BlockItem .BlockDetail .InputSpan > a { text-align: justify; justify-content: flex-start; } .BlockItem .BlockDetail p { padding-top: 0.5em; } .BlockItem .BlockType { font-weight: 700; font-size: 1.2em; } .BlockItem .BlockType .InputSpan > a { padding: 4px; text-align: center; justify-content: center; } .BlockItem .BlockDesc { font-size: 85%; flex: 0; } .BlockItem .BlockDesc .InputSpan > a { text-align: center; justify-content: center; } .Report .ReportBody { background-color: white; border: solid 1px #80808040; box-shadow: 0 0 3p silver; margin: 0 auto; max-width: 21cm; padding: 1in; font-size: 16px; } .Report .ReportTitle { font-size: 2em; padding-top: 1em; padding-bottom: 1em; } .NewWindow_PrintPreview .Report .ReportBody { padding: 0; border: 0; box-shadow: 0 0 0; } .OBO_DOT .OneByOnePanel .OneByOnePanelBody { font-size: 0px !important; gap: 1px; } .OBO_DOT .OneByOnePanel .OneByOnePanelBody > div { border: solid 1px rgba(127, 127, 127, 0.2); background-color: #f8f9f9; font-weight: bold; border-radius: 50%; } .OBO_DOT .OneByOnePanel .OneByOnePanelBody > div.Selected { border: solid 1px #FB8C00; background-color: #FFF3E0; } .OBO_Number .OneByOnePanel .OneByOnePanelBody { font-size: 0px !important; gap: 2px; counter-reset: section; } .OBO_Number .OneByOnePanel .OneByOnePanelBody > div { border: solid 1px rgba(127, 127, 127, 0.2); background-color: #f8f9f9; font-weight: bold; padding: 12px; } .OBO_Number .OneByOnePanel .OneByOnePanelBody > div:before { counter-increment: section; content:""counter(section)""; font-size: 14px; position: absolute; margin-left: -3px; } .OBO_Number .OneByOnePanel .OneByOnePanelBody > div.Selected { border: solid 1px #FB8C00; background-color: #FFF3E0; } .TightItemActions .ByUserDate { display: none } .TightItemActions .ItemFooter .Center .ButtonText { font-size: 85%; } .TightItemActions .ItemFooter .Center a { min-width: 2em; padding-left: 8px; padding-right: 8px; } .TightItemActions .ItemFooter .Center .ImageClass { display: none; } .Panel_KPIs { gap:6px !important; } .Panel_KPIs .Button { max-width: fit-content; padding: 4px 8px !important; } .Panel_KPIs .PanelHasHeader .PanelHeader { background-color: transparent !important; height: auto !important; } .Panel_KPIs .PanelHasHeader .PanelBody { background-color: transparent; align-items: center; padding: 8px; } .Panel_KPIs #Panel_buttons { flex-basis: 100% !important; align-items: center; margin-top: 8px; } .Panel_KPIs .Aggregate { max-width:160px; } .Panel_KPIs .addNew { background-color: #E53935; font-size: 1.25rem; font-weight: 500; border-radius: 1rem; padding:6px 12px; } .Panel_KPIs .addNew >.ButtonImage { width:32px; } .Panel_KPIs .addNew >.ButtonTitle { white-space: normal; font-size: 12px !important; } .NFHidden.NoItems .Middle { display:none !important; } .EntityTypeLists a .Aggregate { border: unset !important; box-shadow: 0 -1px 0 0px #dde0e6; opacity: 1; } .EntityTypeLists a .Aggregate .AggregateValue { justify-content: center !important; } .EntityTypeLists a.Selected .Aggregate { box-shadow: 0 -1px 0 0px #077ec1; opacity: 1; background-color: #009ef7 !important; color: var(--white); } .EntityTypeLists a.Selected .Aggregate .AggregateValue { justify-content: center !important; } .EntityTypeLists a:hover { backgraund-color:#8eff8e; } .DocumentFlowCurrent { background-color: #80808010; } .DocumentFlowForm .PanelHeaderTitle { justify-content: center; } .DocumentFlowForm .TopCenter { justify-content: flex-start; padding-left: 8px; } .Content ContentPanel { flex: 1; background: var(--white); border-radius: 8px; padding: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin: 0; } .Content .Panel_actions .Aggregate { background: var(--white); color: black; max-width: 120px; padding: 8px; box-shadow: 0 0 4px gray; min-width: 80px; border-radius: 8px; } .Content .Panel_actions .Aggregate .AggregateValue { margin-top: 8px; } .ContentHeader { padding: 12px 12px; border-radius: 12px; border: var(--border1); margin: 1px; color: white; box-shadow: 0 0 4px gray; position: relative; flex-shrink: 0; background: var(--contentHeaderBackground); } .ContentHeader .Aggregate { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; padding-bottom: 1em; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Aggregate .AggregateLabel { height: 4em; font-size: 0.9em; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; text-align:center; width: 100%; font-weight: 500; } .ContentHeaderTitle { font-size: 2.5em; font-weight: bold; flex: 1; align-items: flex-start; } .ContentHeaderDescription { font-size: 1.2em; opacity: 0.9; margin-top: 0.5em; } .ContentHeader .Panel_kpis { align-content: center; justify-content: flex-end !important; align-items: flex-end; gap: 12px; flex-direction: row !important; flex-wrap: wrap; padding: 8px; } .ContentHeader .Panel_kpis .SubNavs { align-content: stretch; align-items: stretch; } .ContentHeader .Panel_kpis .SubNavs >.Nav { align-items: center; display: flex; } .ContentHeader .Panel_kpis .SubNavs .Nav { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Panel_KPIs { align-content: center; justify-content: flex-end !important; align-items: flex-end; gap: 12px; flex-direction: row !important; flex-wrap: wrap; padding: 8px; } .ContentHeader .Panel_KPIs .SubNavs { align-content: stretch; align-items: stretch; } .ContentHeader .Panel_KPIs .SubNavs >.Nav { align-items: center; display: flex; } .ContentHeader .Panel_KPIs .SubNavs .Nav { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Panel_metrics { align-content: center; justify-content: flex-end !important; align-items: flex-end; gap: 12px; flex-direction: row !important; flex-wrap: wrap; padding: 8px; } .ContentHeader .Panel_metrics .SubNavs { align-content: stretch; align-items: stretch; } .ContentHeader .Panel_metrics .SubNavs >.Nav { align-items: center; display: flex; } .ContentHeader .Panel_metrics .SubNavs .Nav { background-color: var(--white); color: black; font-size: 1em; justify-content: center; padding: 8px; border-radius: 8px; opacity: 1.0; flex: 1 0 auto; max-width: 120px; min-width: 120px; box-shadow: 0 0 4px gray; margin: 0; } .ContentHeader .Button { min-width: 120px; max-width: 180px; height: 6.85em; flex-direction: column; background-color: var(--white); color: var(--black); box-shadow: 0 0 4px gray; } .ContentHeader .Button .ButtonTitle { padding: 1px !important; text-align: center; justify-content: center !important; } .ContentHeader .PanelHasHeader { background-color: transparent !important; color: white; border: 0; } .ContentHeader .PanelHasHeader .PanelHeader { min-height: 1em; } .ContentHeader .PanelHasHeader .PanelHeader > .PanelHeaderTitle { color: white !important; padding: 2px; border: 0; } .ContentHeader .Content { box-shadow: 0 0 4px gray; border-radius: 8px; } .ContentHeaderImage { position: absolute; right: 4px; top: 4px; height: 2.5em; } .ContentHeaderImage > span { padding: 0; font-size: 2.5em; } .CurrentEntity_Personel { --contentHeaderBackground: linear-gradient(135deg, #164e63 0%, #0e7490 50%, #0891b2 100%); } .CurrentEntity_Personel .ContentHeader::before { content: ''; position: absolute; top: 35%; left: -100%; width: 200%; height: 30%; background: repeating-linear-gradient(45deg, transparent 0px, transparent 20px, rgba(34,211,238,0.2) 20px, rgba(34,211,238,0.2) 40px ); animation: optimizationFlow 26s infinite linear; } .CurrentEntity_Personel .ContentHeader::after { content: '⚙'; position: absolute; top: 45%; left: 30%; font-size: 8em; color: rgba(125,211,252,0.6); animation: optimizationEngine 24s infinite linear; } @keyframes optimizationEngine { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .SingleItem_DBCBusinessCard .ViewBody { min-height: 3em; } .SingleItem_DBCBusinessCard .EntityTypeView { flex: 0; border: solid 1px #80808020; } .SingleItem_DBCBusinessCard .Field_VCARD { min-height: 320px; } .SingleItem_DBCBusinessCard .Field_VCARD .FieldValue { display: flex; flex-direction: column; flex-wrap: nowrap; } .SingleItem_DBCBusinessCard .Field_VCARD .FieldValue img { min-height: 300px; min-width: 300px; min-height: clamp(300px,100%,100%); min-width: clamp(300px,100%,100%); flex: 1; width: auto; min-width: initial; } .SingleItem_DBCBusinessCard .Field_VCARD .FieldValue .InputSpan { min-width: initial; } .SingleItem_DBCBusinessCard .Field_VCARD .FieldValue a { flex: 1; width: auto; width: 100%; } .SingleItem_DBCBusinessCard .Field_VCARD.FieldView .InputSpan { display: none; } .SingleItem_DBCBusinessCard .ImageNotFound { display: none; } .SingleItem_DBCBusinessCard .Field_CardFront { flex:1 } .SingleItem_DBCBusinessCard .Field_CardFront img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } .ItemView_DBCBusinessCard_Register .Field { padding: 0.5em 1em 0.5em 0.5em !important; } .ItemView_DBCBusinessCard_Register .DoScriptButton_Register { padding: 1em; background-color: green; color: whitE; } .EntityTypeView_businessCards .ItemView_DBCBusinessCard .Field_VCARD img { width: 300px !important; height: auto !important; max-width:320px !important; } .EntityTypeView_businessCards .ItemView_DBCBusinessCard .Field_VCARD .InputSpan { display:none !important; } .SingleItem_DBCBusinessCard_Badge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .SingleItem_DBCBusinessCard_Badge .FieldValue .InputSpan a { border: 0; } .SingleItem_DBCBusinessCard_Badge .FieldSet_m { justify-content : center; } .SingleItem_DBCBusinessCard_Badge .Field_VCARD .InputSpan a { display: none; } .SingleItem_DBCBusinessCard_Badge .Field_VCARD img { width: 300px; height: 300px; } .SingleItem_DBCBusinessCard_Badge .Image2_logo { width: 50% !important; } .SingleItem_DBCBusinessCard_Badge .Field_Event { font-size: 1.5em; } .ItemView_DBCBusinessCard_Badge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .ItemView_DBCBusinessCard_Badge .FieldValue .InputSpan a { border: 0; } .ItemView_DBCBusinessCard_Badge .FieldSet_m { justify-content : center; } .ItemView_DBCBusinessCard_Badge .Field_VCARD .InputSpan a { display: none; } .ItemView_DBCBusinessCard_Badge .Field_VCARD img { width: 300px; height: 300px; } .ItemView_DBCBusinessCard_Badge .Image2_logo { width: 50% !important; } .ItemView_DBCBusinessCard_Badge .Field_Event { font-size: 1.5em; } .ItemView_DBCBusinessCard_EventBadge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .ItemView_DBCBusinessCard_EventBadge .FieldValue .InputSpan a { border: 0; } .ItemView_DBCBusinessCard_EventBadge .FieldSet_m { justify-content : center; } .ItemView_DBCBusinessCard_EventBadge .Field_VCARD .InputSpan a { display: none; } .ItemView_DBCBusinessCard_EventBadge .Field_VCARD img { width: 300px; height: 300px; } .ItemView_DBCBusinessCard_EventBadge .Image2_logo { width: 50% !important; } .ItemView_DBCBusinessCard_EventBadge .Field_Event { font-size: 1.5em; } .SingleItem_DBCBusinessCard_EventBadge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; max-width: 10cm !important; min-width: 10cm !important; } .SingleItem_DBCBusinessCard_EventBadge .FieldValue .InputSpan a { border: 0; } .SingleItem_DBCBusinessCard_EventBadge .FieldSet_m { justify-content : center; } .SingleItem_DBCBusinessCard_EventBadge .Field_VCARD .InputSpan a { display: none; } .SingleItem_DBCBusinessCard_EventBadge .Field_VCARD img { width: 300px; height: 300px; } .SingleItem_DBCBusinessCard_EventBadge .Image2_logo { width: 50% !important; } .SingleItem_DBCBusinessCard_EventBadge .Field_Event { font-size: 1.5em; } .SingleItem_DBCBusinessCard_BusinessCard .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; max-height: 350px; flex: 0; height: auto; min-height: initial !important; } .SingleItem_DBCBusinessCard_BusinessCard .FieldValue .InputSpan a { border: 0; } .SingleItem_DBCBusinessCard_BusinessCard .FieldSet_m { justify-content: center; } .ItemView_DBCBusinessCard_ListCard .Field >.InputSpan > a { padding:2px 12px; } .EntityType_DBCBusinessCard.View_ItemView_Register .TabPanel_Tab .TabHeader .TabButton:nth-child(2):after { content:"Hızlı Kayıt"; position: absolute; font-size: 9px; color: #E53935; background-color: #FFEBEE; padding: 0px 8px; bottom: 0px; border: 1px solid #E57373; } .ViewBody_ItemView_BadgeMini { gap: 1em; display: flex; flex-direction: row; flex-wrap: wrap; } .ViewBody_ItemView_BadgeMini .ItemView_DBCBusinessCard_BadgeMini { max-width: 120px; min-width: 120px; max-height: 120px; min-height: 120px; margin: 0; } .ViewBody_ItemView_BadgeMini .ItemView_DBCBusinessCard_BadgeMini .Field_VCARD .InputSpan { display:none !important; } .ViewBody_ItemView_BadgeMini .ItemView_DBCBusinessCard_BadgeMini .Field_VCARD img { max-width:80px !important; min-width:80px !important; max-height:80px !important; min-height:80px !important; } .SingleItem_Person_Internet .PanelBody { display: flex; flex-direction: row; justify-content: center; } .SingleItem_Person_Internet .PanelBody >.FieldValue { max-width: fit-content; padding: 6px 0; } .SingleItem_Person_Internet .PanelBody >.FieldValue >.InputSpan >a { padding: 4px 12px !important; background-color: #ffffff; border-radius: 2em; border: 1px solid #CFD8DC; } .SingleItem_Person_Internet .EntityTypeView_CAUSES .ViewBody_ItemView_Icon { justify-content: center; } .SingleItem_Person_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; box-sizing: border-box; z-index: 999; } .SingleItem_Person .FieldSet_Props2 .Field { max-width: 25em; } .SingleItem_Person .Field_Tags .FieldLabel > a { text-align:center; justify-content: center; } .SingleItem_Person .GroupByBody { --gap: 0; } .SingleItem_UserSignUp_Request { max-width: 360px; margin: 0 auto; padding: 1em 2em; background-color: #ffffff; box-shadow: 0 0 20px rgb(64 58 92 / 8%); } .SingleItem_UserSignUp_Request .DoScript_CreateAccount { padding: 0.75em 1em; margin: 0.5em; display: block; margin-left: auto; margin-right: auto; width: 100%; font-size: 120%; background-color: #35b335; color: white; } .SingleItem_PersonSignUp_Request { background-color: #ffffff !important; color: #303030; box-shadow: 0 0 20px rgb(64 58 92 / 8%); margin: 0 auto; padding: 0; display: block; margin-top: 16px; max-width: 320px; min-height:fit-content !important; } .SingleItem_PersonSignUp_Request.ActiveContent.NewForm { background-color: #ffffff !important; padding: 2.5rem; } .SingleItem_PersonSignUp_Request .Button { min-width: 100%; margin: 0; } .SingleItem_PersonSignUp_Request .FieldSet { gap:0; } .ItemView_Person_InternetCard { width: 320px; height: 200px; width: 220px; height: 180px; padding-top: 16px; background-image: linear-gradient(180deg, #CFD8DC 0%, #CFD8DC 50%,#ffffff 50%, #ffffff 100%); background-repeat: no-repeat; background-size: 100% 128px; background-color: #ffffff !important; border-radius: 10px; max-width: 220px !important; margin:0; } .ItemView_Person_InternetCard .Field_Name .InputSpan a { font-size: 100%; font-weight: 500; justify-content: center; align-items: center; align-content: center; text-align: center; display: flex; font-weight: 600; color: #455A64; } .ItemView_Person_InternetCard .FieldSet_t { justify-content: center; align-items: center; align-content: center; display: flex; } .ItemView_Person_InternetCard .Image2.Image2_PP { border-radius: 100%; border: solid 3px #ffffff; height: 100px !important; max-width: 210px !important; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_Person_InternetCard .Image2.Image2_PP svg { opacity: 0.25; } .ItemView_Person_InternetCard .Image2.Image2_PP img { border-radius: 100%; height: 100%; } .ItemView_Person_InternetCard .Field_Picture img { border-radius: 100%; border: solid 3px #ffffff; height: 100px !important; max-width: 100px !important; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_Person_InternetCard .Field_Title { font-size: 12px; font-weight: 400; color: #78909c; } .ItemView_Person_InternetCard .Field_Title .InputSpan > a { text-align: center; padding: 0; } .ItemView_Person_InternetCard .ParameterSet { display: flex !important; } .ItemView_Person_InternetCard .Button { color: #546E7A !important; background-color: #dbe0e329 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #B0BEC5; transition: 1s; max-width: fit-content; font-size: 9px; padding: 4px 6px 4px 4px; } .ItemView_Person_InternetCard .Button:hover { color: #009688 !important; border: 1px solid #26A69A; transition: 1s; background-color: #f5fffe !important; } .ItemView_Person_InternetCard .Button .ButtonImage { max-width: 16px; min-width: 16px; } .ItemView_Person_InternetCard .Button .ButtonTitle { text-wrap: nowrap; } .ItemView_Person_InternetCard .Button.DoScriptButton_CancelFollowing { color: #ff7a7a !important; background-color: #e3dbdb29 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #ffb0b0; transition: 1s; } .ItemView_Person_InternetCard .Button.DoScriptButton_CancelFollowing:hover { color: #c90000 !important; background-color: #ffa6a629 !important; border: 1px solid #ff6b6b; } .ItemView_Person_InternetCard .Button.DoScriptButton_RequestCancel { color: #ff7a7a !important; background-color: #e3dbdb29 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #ffb0b0; transition: 1s; } .ItemView_Person_InternetCard .Button.DoScriptButton_RequestCancel:hover { color: #c90000 !important; background-color: #ffa6a629 !important; border: 1px solid #ff6b6b; } .ItemView_Person_MyAccount { min-height: 50vh; max-width: 600px; margin: 0 auto; min-width: 100%; } .ItemView_Person_MyAccount .FieldSet_About { gap: 1em; } .ItemView_Person_MyAccount .BG1 { display: flex; margin: 0 auto; border-radius: 3px !important; border: var(--buttonBorder); min-width: 100%; flex-direction: column; padding: 10px; } .ItemView_Person_MyAccount .BG2 { display: flex; margin: 0 auto; flex-direction: column; padding: 10px; } .ItemView_Person_AccessControl { height: 100%; } .ItemView_Person_AccessControl .ItemView_QRCodeReader_Card { /*height: 100%;*/ } .ItemView_Person_NewContact { background-color: white; } .ItemView_Person .ItemView_Person_MiniHorizontalCard .FieldImage img { width: 24px !important; height: 24px !important; } .ItemView_Person_MiniHorizontal .FieldSet_r .FieldSet_d1 .Field { padding:2px 0 !important; } .ItemView_Person_MiniHorizontal .FieldSet_r .FieldSet_d1 .Field >.InputSpan>a { padding:0 !important; } .ItemView_Person_MiniHorizontal .FieldSet_l { max-width:120px; } .ItemView_Person_Header { --gap: 0; --fieldPadding: 0; --inputBorder: 0; --inputPadding: 0; border: var(--border1); } .ItemView_Person_Header .Field_Name { font-size: 1.25em; text-transform: uppercase; font-weight: 500; flex:1; } .ItemView_Person_Header .Field_Organization { font-size: 90%; opacity: 0.75; } .ItemView_Person_Header .Field_CorporateTitle { font-size: 80%; opacity: 0.75; } .ItemView_Person_Header .Field_email { font-size: 80%; } .ItemView_Person_Header .FieldSet_c { border-left: var(--border1); border-right: var(--border1); padding: 0; } .ItemView_Person_Header .FieldSet_l { padding: 8px; } .ItemView_PersonList_ListCardSquare { max-width:320px; min-width:320px; margin:0; min-height:5rem; } .ItemView_PersonListItem_InternetPersonCard { max-width: 160px; background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e !important; border-radius: var(--gap); padding-bottom: 8px; } .ItemView_PersonListItem_InternetPersonCard .DisplayRemoteField { padding: 1em 0 !important; display: flex; justify-content: center; } .ItemView_PersonListItem_InternetPersonCard .DisplayRemoteField img { width: 90px; height: 90px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 0 1px #009688;; } .ItemView_PersonListItem_InternetPersonCard .Field_Person >.InputSpan > a { font-size: 1.2em; font-weight: 600; color: #455A64; padding-top: 2px !important; padding-bottom: 2px !important; text-align: center; text-transform: uppercase; } .ItemView_PersonListItem_InternetPersonCard .Field_PersonTag .InputSpan > a { line-height: 1; padding: 0 8px; } .ItemView_PersonListItem_InternetPersonCard .FieldSet_m { justify-content: space-between !important; } .UserPictureSticky { align-items: inherit !important; height: 100%; border-radius: 180px; max-height: 125px; min-height: 125px; margin-left: 20px; max-width: 125px; min-width: 125px; padding: 0 !important; } .SingleItem_Person_MyAccount { max-width: 640px; margin: 0 auto; } .SingleItem_Person_MyAccount .ItemBody { position: relative; } .ItemView_Person_BirthDay { --inputpadding: 4px; width: 200px; margin: 10px; } .ItemView_Person_BirthDay .Field_Picture img { width: 200px !important; height: 200px !important; } .ItemView_Person_StartDate { --inputpadding: 4px; width: 200px; margin: 10px; } .ItemView_Person_StartDate .Field_Picture img { width: 200px !important; height: 200px !important; } .ItemView_Person_ImageCard { width: 180px; padding: 1.5em 0.5em; box-shadow: 0 0 12px 4px #455a6426; margin: 0; border: 1px solid #607d8b47 !important; } .ItemView_Person_ImageCard:hover { border: 1px solid #607d8b47 !important; } .ItemView_Person_ImageCard .Field_Picture img { width: 160px; height: auto !important; min-height: 160px; border-radius: 50%; object-fit: cover; } .ItemView_Person_ImageCardSmall { width: 120px; margin: 4px !important; box-shadow: 0 0 8px #80808050; background-color: white; } .ItemView_Person_ImageCardSmall .Field_Picture img { width: 120px; height: 120px; border-radius: 100%; } .ItemView_Person_MyAccount .Field { padding: var(--fieldPadding); } .ItemView_Person_MyAccount .ItemView_CommunityCause .Field_Logo { padding:0; } .ItemView_Person_MyAccount .ItemView_CommunityCause .Field_Name { padding: 0 0 0 1em; } .ItemView_Person_MyAccount .ItemView_CommunityCause .Field_Name .InputSpan > a { padding:0; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .Field_Logo { padding:0; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .Field_Name { padding: 0 0 0 1em; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .Field_Name .InputSpan > a { padding:0; } .ItemView_Person_MyAccount .EntityTypeView_MyCauses .ItemView_UserCause { background-color: #ffffff; border-bottom: 1px solid #CFD8DC; } .ItemView_Person_MyAccount .DirectionVer { gap:var(--gap2) !important; } .Field_abb .InputSpan > a { background-color: #fff2e3; border-radius: 50%; width: 2.5em; justify-content: center; text-wrap: nowrap; } .EntityType_Person.EntityTypeView_mPersonelList .ViewBody_ItemView_ImageCard { gap: var(--gap3); padding: var(--gap3); } .ViewBody_ItemView_ImageCardSmall { padding: 4px !important; } .PerDasBox1 { padding: 1em 0; } .PerDasBox1 >.Mode_Edit >.DirectionVer { gap: 1em; } .Dashboardbox1 { display: flex; background-color: #ffffff; border: 1px solid #cccccc; flex-direction: column; align-items: center; max-height: 180px; justify-content: center; } .Dashboardbox1 >.Mode_Edit { display: flex; align-items: flex-start; justify-content: center; flex: 1; } .Dashboardbox1 .Aggregate { flex-direction: column-reverse; } .Dashboardbox1 .AggregateValue { font-size: 4em; } .Dashboardbox1 .AggregateLabel { font-size: 2em; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m { background-color: #ffffff; border: 1px dashed #CFD8DC; padding: 3px; border-radius: 2em; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 { display: flex; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 >.Field_CorporateTitle { display: none; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m:hover { border: 1px dashed #FB8C00; background-color: #fffcf7; } .EntityTypeView_Persons .ItemView_Person_OwnerCard .Field_Picture >img { border-radius: 50% !important; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard { padding-top: 0.5em; gap: 4px; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard >.ItemView_Person_OwnerCard { max-width: 100%; background-color: transparent; } .EntityTypeView_mOrgPersonLists .ViewBody_ItemView_ListCardSquare { gap:var(--gap); } .Panel_WidgetQuickAdd { flex-direction: column !important; gap:0 !important; display:flex; } .Panel_WidgetQuickAdd .Button { display: flex; flex: 1; width: 100%; padding: 6px 0 6px 8px !important; font-weight: 500; line-height: 1.25; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .75rem 1.5rem; font-size: 1rem; border-radius: .475rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; outline: 0 !important; color: #7e8299; border-color: #fff; background-color: #fff; } .Panel_WidgetQuickAdd .Button .ButtonImage { max-height: 24px; max-width: 24px; } .Panel_WidgetQuickAdd .Button .ButtonTitle { text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; } .Panel_WidgetQuickAdd .Button.important { background-color: #FFF3E0; border-color: #FFB74D; color: #9c3903; } .Panel_WidgetQuickAdd .Button:hover { background-color: var(--color1); color: #ffffff; border-color: #1565C0; } .Panel_WidgetQuickAdd .Button.important:hover { background-color: #FB8C00; border-color: #E65100; color: #ffffff; } .Panel_WidgetPersonQuickAdd { flex-direction: column !important; gap:0 !important; display:flex; } .Panel_WidgetPersonQuickAdd .Button { display: flex; flex: 1; width: 100%; padding: 6px 0 6px 8px !important; font-weight: 500; line-height: 1.25; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .75rem 1.5rem; font-size: 1rem; border-radius: .475rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; outline: 0 !important; color: #7e8299; border-color: #fff; background-color: #fff; } .Panel_WidgetPersonQuickAdd .Button .ButtonImage { max-height: 24px; max-width: 24px; } .Panel_WidgetPersonQuickAdd .Button .ButtonTitle { text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; text-align: left; justify-content: flex-start !important; padding-left: 12px; font-size: 14px !important; } .Panel_WidgetPersonQuickAdd .Button.important { background-color: #FFF3E0; border-color: #FFB74D; color: #9c3903; } .Panel_WidgetPersonQuickAdd .Button:hover { background-color: var(--color1); color: #ffffff; border-color: #1565C0; } .Panel_WidgetPersonQuickAdd .Button.important:hover { background-color: #FB8C00; border-color: #E65100; color: #ffffff; } .EntityType_PersonListItem .ViewBody_ItemView_InternetPersonCard { gap:12px; padding:12px; } .ViewBody_ItemView_HomeCard >.ItemView_Post_HomeCard { /*max-width: 640px;*/ background-color: white; border-radius: var(--gap); box-shadow: 0 0 8px 0px #607d8b14 !important; margin: unset; border: 1px solid #CFD8DC !important; } .ViewBody_ItemView_HomeCard .EntityTypeView { background-color: white !important; } .ViewBody_ItemView_HomeCard .ItemView { box-shadow: none !important; } .View_ItemView_HomeCard.EntityType_Post { background-color: transparent !important; box-shadow: none !important; border: unset !important; } .View_ItemView_HomeCard.EntityType_Post .ViewBody_ItemView_HomeCard { gap: var(--gap2); display: flex; align-items: flex-start; flex-wrap: wrap; } .View_ItemView_HomeCard.EntityType_Post .ViewBody { background-color: transparent !important; } .View_ItemView_HomeCard.EntityType_Post >.EntityTypeViewBody { border: 0 !important; border-radius: 0 !important; background-color: transparent !important; } .ItemView_Post_HomeCard >.FieldSet_m >.FieldSet_t0 { padding: 4px 8px !important; } .ItemView_Post_HomeCard >.FieldSet_m >.FieldSet_t3 { padding: 0 8px 4px 8px !important; border-top: 1px dashed #e2e5e7; } .ItemView_Post_HomeCard >.FieldSet_m .Field_Title >.InputSpan > a { font-size: 1.25em; color: #37474F; padding: 10px 30px; font-weight: 700; } .ItemView_Post_HomeCard >.FieldSet_m .Field_Detail >.InputSpan >a { font-size: 1.2em; color: #37474F; padding: var(--gap2); } .ItemView_Post_HomeCard >.FieldSet_m .Field_Image { padding: 0 !important; border: 0 !important; } .ItemView_Post_HomeCard .FieldSet_LikesFS .Middle:has(.NoRecordsFound) { display: none !important; } .ItemView_Post_HomeCard .Field_LikeCount { max-width: fit-content; } .ItemView_Post_HomeCard .Field_LikeCount >a { max-width: fit-content; justify-content: flex-start; } .ItemView_Post_HomeCard .FieldSet_r1 .Field_Name >InputSpan >a { font-size: 1.25em; color: #009688; } .ItemView_AgendaItem_HoverCard .Field_StartDate { max-width: fit-content; padding: 0px 4px; } .ItemView_AgendaItem_HoverCard .Field_StartDate >.InputSpan > a { padding: 0px; font-size: 10px; font-weight: 300; } .ItemView_AgendaItem_HoverCard .Field_EndDate { max-width: fit-content; padding: 0px 4px; } .ItemView_AgendaItem_HoverCard .Field_EndDate >.InputSpan > a { padding: 0px; font-size: 10px; font-weight: 300; } .ItemView_AgendaItem_HoverCard .Field { padding: 0; font-size: 0.8em !important; } .MenuItemView_AgendaItem_HoverDetail .Field { padding: 4px; } .MenuItemView_AgendaItem_HoverDetail .Field .InputSpan > a { Padding:0 4px; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine { border: 0 !important; margin: 0 !important; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_l { max-width:32px; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_l:before { content: ""; position: absolute; height: 100%; width: 2px; background-color: #B0BEC5; left: 15px; z-index: -1; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .Field >.InputSpan > a { padding: 4px 8px 4px 2px; font-style: italic; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .FieldSet_t1 .InputSpan > a { font-weight: 400; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .FieldSet_t1:before { content:""; background-image: url(https://www.361.com.tr/images/tarama_bgli.svg); background-repeat: repeat; background-size: cover; min-height: 12px; height: 18px; position: absolute; width: 100%; left: 0; top: 3px; opacity: 0.35; background-color: #607d8b0d; } .EntityType_AgendaItem.View_ItemView_TimeLine .ItemView_AgendaItem_TimeLine .FieldSet_r .Field_Title >.InputSpan > a { padding-top:0 !important; padding-bottom: 8px; } .ItemView_SupportAggrementAsset_Asset , .ItemView_WorkUnitAsset_Asset , .ItemView_WorkUnitPerson_Person { width: 320px; } .ItemView_SupportAggrementAsset_Asset .FieldValue , .ItemView_WorkUnitAsset_Asset .FieldValue , .ItemView_WorkUnitPerson_Person .FieldValue { background-color: transparent !important; box-shadow: 0 0 0 !important; border: 0 !important; } .ItemView_WorkUnit_Card { box-shadow: 0 0 20px 0 rgb(76 87 125 / 1%); border: 1px solid #4c577d4f !important; margin: 5px; max-width: 360px; display: inline-block; width: 100%; background-color: white !important; border-radius: 5px; } .ItemView_WorkUnit_Card .FieldSet_t { background-color: rgb(228 230 239) !important; } .ItemView_WorkUnit_CardUser { max-width: 360px; display: inline-block; width: 100%; background-color: white !important; border-radius: 5px; } .ItemView_WorkUnit_CardUser .FieldSet_t { background-color: rgba(127,127,127,0.2); } .ItemView_WorkUnit .FieldValue { padding: 0 !important; } ItemView_WorkUnit_CardUser { box-shadow: 0 0 20px 0 rgb(76 87 125 / 1%); border: 1px solid #4c577d4f !important; } ItemView_WorkUnit_CardUser .FieldSet_t { background-color: rgb(228 230 239) !important; } .ItemView.WPclosedcard { border-bottom:1px solid #b0bec5; } .ItemView.WPclosedcard.Style_20 { background-color: #fffcf8; border-color: #FFCCBC; } .ItemView.WPclosedcard.Style_00 { border-top:1px solid; background-color: rgb(241 246 240); border-color: #bbdeb8; } .ItemView_ActivityStages { margin:0 !important; } .ItemView_ActivityStages >#FieldSet_CardList { border: 1px dashed #43A047; background-color: #f9fffa; } .ItemView_Activity_MiniCardWorskNow { padding: 8px; } .ItemView_Activity_MiniCardWorskNow .FieldSet_iss .InputSpan a { padding: 0; } .ItemView_Activity_MiniCardWorskNow .FieldSet_actions { right: 0; top: 0; bottom: 0; height: auto; width: 42px; } .ItemView_Activity_MiniCardWorskNow .FieldSet_actions .Button { font-size: 32px; height: auto; } .ItemView_Activity_MiniCard { padding: 8px; } .ItemView_Activity_MiniCard .FieldSet_iss .InputSpan a { padding: 0; } .ItemView_Activity_MiniCard .FieldSet_actions { right: 0; top: 0; bottom: 0; height: auto; width: 42px; max-width: 42px; } .ItemView_Activity_MiniCard .FieldSet_actions .Button { font-size: 32px; height: auto; } .ItemView_Person_Name { max-width: 320px; } .ItemView_ActivityPerson_Card { width: 100%; max-width:100%; } .ItemView_ActivityPerson_Card .Field_Picture > img { height: 32px !important; object-fit: cover; border-radius: 50%; } .ItemView_ActivityPerson_Card .FieldSet_m { background-color: rgb(242, 255, 254); border: 1px dashed rgb(38, 166, 154); border-radius: 2em; padding: 2px; } .ItemView_Activity_Card { box-shadow: unset !important; width: 100%; max-width: 320px; width: 320px; display: inline-block; box-shadow: 0 0 1px silver; border-radius: 5px; padding: 1em; width: 100%; /*max-width: 180px;*/ box-shadow: 0 !important; border: 1px solid #607d8b36; margin:0; } .ItemView_Activity_Card .Field { padding: 0; } .ItemView_Activity_Card .Field.LabelPositionTop .FieldValue { padding: 1px; } .ItemView_Activity_Card .InputSpan > a { padding: 0; } .ItemView_Activity_Card .Field_Issuer { font-weight: 400; letter-spacing: 0; } .ItemView_Activity_Card .Field_Issuer a { color: #52545e; min-height: 2em; } .ItemView_Activity_Card .Field_Organization { font-weight: 200; text-transform: uppercase; font-size: 90%; } .ItemView_Activity_Card .Field_Date { font-weight: 300; letter-spacing: 0; } .ItemView_Activity_Card .Field_Category { font-weight: 500; padding: 8px 0 !important; font-size: 100%; flex: 1; min-height: 4em; } .ItemView_Activity_Card .Field_Category a { color: #52545e; } .ItemView_Activity_Card .Field_WorkUnit { font-weight: 300; } .ItemView_Activity_Card .Field_Owner { font-weight: 200; } .ItemView_Activity_Card .Field_Type { font-weight: 200; font-size: 90%; } .ItemView_Activity_Card .FieldSet_t5 { padding-top: 6px; } .ItemView_Activity_Card .FieldSet_t5 .FieldValueImage { width: 1em !important; top: 0.1em !important; } .ItemView_Activity_SupportTicketCard { max-width:320px; margin:0; } .ItemView_ActivityAIChat_ActivityCard { padding: 12px; border: 0px !important; background-color: #262624; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 { border-bottom: 1px solid #5b5b58; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field.FieldDate { justify-content: flex-end; max-width: fit-content; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field.Field_Title { font-size:16px; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field_AIModel { flex: 0; min-width: fit-content; max-width: fit-content; width: fit-content; padding-right: 24px; justify-content: center; align-items: center; font-size: 14px; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field_AIModel select { color: #f99a55; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field .InputSpan ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field input ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field a ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .Field select { color: #ffffff; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .DatePicker { min-width: 10em; justify-content: center; display: flex; align-items: center; max-width: fit-content; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 input:active ,.ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 input:focus { background-color: #4d4d4b !important; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1 .FieldSet_dfs { visibility: hidden; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_t1:hover .FieldSet_dfs { visibility: visible; } .ItemView_ActivityAIChat_ActivityCard:hover .Field.Mode_Edit { --inputBackColor: transparent; --inputBorder: unset; color: #fff; } .ItemView_ActivityAIChat_ActivityCard .Field.Mode_Edit { --inputBackColor: transparent; --inputBorder: unset; color: #fff; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level { color: #fff; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level .Rating { display: flex; align-items: flex-start; flex-direction: column-reverse; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level .Rating .RatingStars .Selected:before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .ItemView_ActivityAIChat_ActivityCard .FieldEvaluation5Level .Rating .RatingStars .Selected div::before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .ItemView_ActivityAIChat_ActivityCard .Field code { display: flex; flex-wrap: wrap; } .ItemView_ActivityAIChat_ActivityCard .Field_AIChatLineState select { color: #f99a55; background-color: #393937; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs .Field >.FieldLabel { color:#fff; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs .Field .Choices .Choice { background-color: #626262; color: #fff !important; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs .Field .Choices .Choice.Selected { background-color: #f99a55; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs > .DirectionVer { justify-content: space-around !important; align-items: flex-end; } .ItemView_ActivityAIChat_ActivityCard .FieldSet_Evofs > .DirectionVer .Field { max-width: fit-content !important; } .ItemView_ActivityAIChat_ActivityCard .GroupByMode_Open { gap: 2px !important; display: flex; flex-direction: column; } .ItemView_ActivityAIChat_ActivityCard .GroupByMode_Open .FolderGroupBy .GroupByTitle.ToggleHeader { background-color: #686565; color: #f2f2f2; } .EntityType_WorkPeriod.View_ItemView_Summary .ViewBody_ItemView_Summary { padding: 6px; gap: 0 } .EntityType_WorkPeriod.View_ItemView_Summary .ViewBody_ItemView_Summary >.ItemView.ItemView_WorkPeriod_Summary { margin:0 !important; } .EntityType_Activity.MicroView .EntityTypeViewBody > .Center > .Middle { margin: 0; } .EntityType_Activity .ViewBody_ItemView_Card { padding: var(--gap); gap:var(--gap); } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver { padding-top: var(--gap); gap:0; min-height: 100%; } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver .FolderGroupBy { display: inline-flex; vertical-align: top; padding: 0; height: auto; width: 310px; max-width: 90vw; flex-direction: column; margin: 0; } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver .GroupByBody { display: flex; flex-direction: column; flex-wrap: nowrap; } .EntityType_Activity .ViewBody_ItemView_Card .FolderGroupBy.Toggle_Closed { background-color: transparent !important; } .EntityType_Activity .ItemMetric__State_30 { background-color: orange; color: black; } .EntityType_Activity .ItemMetric__State_10 { background-color: yellow; color: black; } .EntityType_Activity .ItemMetric__State_50 { background-color: lightgreen; color: black; } .EntityType_Activity .ItemMetric__State_80 { background-color: lightcoral; color: black; } .EntityType_Activity.EntityTypeView_AllNewtodo .FieldSet_SubToDo { padding-left:1.5em; } .EntityType_Activity.EntityTypeView_AllNewtodo .ItemView_Activity_ActivityCollection { border: 1px solid #ccc; margin-bottom: 4px; } .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_ListCard .FieldEvaluation5Level .Rating { display: flex; align-items: flex-start; flex-direction: column-reverse; } .SingleItem_Activity .Field_Category.Mode_Display { display: none; } .SingleItem_Activity .ItemView_Comment .ItemStates { max-width: 10em; width: auto; } .SingleItem_Activity .ItemView_Comment .ItemStates .Right { justify-content: center; } .SingleItem_Activity .ItemView_Comment .ItemStates .Right >div { background-color: #43a047; color: white; } .SingleItem_Activity .ItemView_Comment .EntityTypeViewBody { border: none !important; } .SingleItem_Activity .FieldSet_CommentsArea #FieldSet_t1_2 >div { display: flex; } .SingleItem_Activity .FieldSet_CommentsArea #FieldSet_t1_2 >div >p { display: flex; width:100% } .SingleItem_Activity .FieldSet_NewCommentArea #FieldSet_avtr { display: none; } .SingleItem_Activity .EntityTypeView_CommentsArea .EntityTypeView_SubComment { border-top: none !important; border-left: none !important; } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .FieldSet_st12 { padding: 6px 12px 8px 12px; margin-right: 24px; background-color: #fff; max-width: calc(100% - 60px); /*border: 1px dashed #8d9ab7; border-radius: 0 16px 16px 16px;*/ } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .FieldSet_st22 { padding: 6px 12px 8px 12px; margin-left: 24px; background-color: #fffdf9; max-width: calc(100% - 60px); /*border: 1px dashed #fbb66d; border-radius: 16px 0 16px 16px;*/ } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .FieldSet_m { gap:12px; } .SingleItem_Activity .EntityType_ActivityAIChatLine .ItemView_ActivityAIChatLine_LineCard .Field_Date > .InputSpan > a { padding: 0; color: #56627d; text-decoration: underline; } .EntityTypeView_WorkNow .GroupByBody.ToggleBody { padding-top: 8px !important; gap: 8px !important; } .EntityTypeView_CommentsArea .ItemView_Comment #FieldSet_m { padding: 0.5em 0 0 0.5em; } .Field_abb .InputSpan a { white-space: nowrap; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard { padding: 12px; border: 0px !important; background-color: #262624; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .GroupByMode_Open { gap: 2px !important; display: flex; flex-direction: column; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .GroupByMode_Open .FolderGroupBy .GroupByTitle.ToggleHeader { background-color: #686565; color: #f2f2f2; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level { color: #fff; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level .Rating { display: flex; align-items: flex-start; flex-direction: column-reverse; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level .Rating .RatingStars .Selected:before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldEvaluation5Level .Rating .RatingStars .Selected div::before { text-shadow: 0 0 1px #F96F0A !important; color: #F99A55 !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .Field code { display: flex; flex-wrap: wrap; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .Field_AIChatLineState select { color: #f99a55; background-color: #393937; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs .Field >.FieldLabel { color:#fff; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs .Field .Choices .Choice { background-color: #626262; color: #fff !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs .Field .Choices .Choice.Selected { background-color: #f99a55; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs > .DirectionVer { justify-content: space-around !important; align-items: flex-end; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .FieldSet_Evofs > .DirectionVer .Field { max-width: fit-content !important; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .FieldSet_st12 { padding: 6px 12px 8px 12px; margin-right: 24px; background-color: #fff; max-width: calc(100% - 60px); /*border: 1px dashed #8d9ab7; border-radius: 0 16px 16px 16px;*/ } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .FieldSet_st22 { padding: 6px 12px 8px 12px; margin-left: 24px; background-color: #fffdf9; max-width: calc(100% - 60px); /*border: 1px dashed #fbb66d; border-radius: 16px 0 16px 16px;*/ } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .FieldSet_m { gap:12px; } .SingleItem_ActivityAIChat_DetailCard .EntityType_ActivityAIChatLine .ViewBody_ItemView_LineCard .ItemView_ActivityAIChatLine_LineCard .Field_Date > .InputSpan > a { padding: 0; color: #56627d; text-decoration: underline; } .EntityTypeView_AIChatHistory .ItemView_ActivityAIChat_ListCard .Field_AIModel { padding-left:20px; } .EntityTypeView_AIChatHistory .ItemView_ActivityAIChat_ListCard .Field_AIModel .FieldValueImage { left:0; } .ItemView_Session_Card { box-shadow: 0 0 0; border: 1px solid #eff2f5 !important; border-left: 4px solid #eff2f5 !important; margin-bottom: 8px; } .ItemView_Session_Card:hover { border-color: #009ef7 !important; } .ItemView_Session_Card .stipi .InputSpan { width: fit-content; background-color: #cccccc; } .ItemView_Session_Card .Field_Subject .FieldValue { text-align: left !important; padding: 1px !important; font-size: 11px; } .ItemView_Session_Card Field_StartDate .FieldValue { text-align: left !important; padding: 1px !important; font-size: 11px; color: gray; } .ItemView_Session_Card .Field_SessionType .FieldValue { text-align: right !important; padding: 1px !important; color: gray; font-size: 11px; } .ItemView_Session_CardList { width: 100%; margin: 0 5px !important; } .ItemView_Session_CardList .FieldSessionType >.InputSpan > a { padding: 4px 8px 0 8px !important; font-size: 1em; color: #039be5; font-weight: 500; } .ItemView_Session_CardList .Field_Subject >.InputSpan > a { padding: 0 8px 8px 8px !important; font-size: 1em; line-height: 1.25; } .ItemView_Session_CardList .Field_StartDate >.InputSpan > a { padding: 4px 8px 0 8px !important; font-size: 0.9em; font-style: italic; } .ItemView_Session_CardList #FieldSet_cardlisticon { width: 56px; max-width: 56px; min-width: 56px; border-right: 2px solid #ccc !important; } .ItemView_Session_CardList #FieldSet_cardlisticon >.DisplayRemoteField >.Field_Icon > img { filter: brightness(0) saturate(100%) invert(24%) sepia(7%) saturate(1500%) hue-rotate(194deg) brightness(95%) contrast(89%); } .ItemView_Session_CardList #FieldSet_b { border-bottom: 1px dashed #ccc !important; } .ItemView_Session_CardList .LookupField.ReadOnly:hover { background-color: transparent; } .ItemView_SessionPerson_Card { max-width: 320px; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m { background-color: #ffffff; border: 1px dashed #CFD8DC; padding: 3px; border-radius: 2em; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 { display: flex; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m .FieldSet_t1 >.Field_CorporateTitle { display: none; } .EntityTypeView_Persons .ItemView_Person_OwnerCard >.FieldSet_m:hover { border: 1px dashed #FB8C00; background-color: #fffcf7; } .EntityTypeView_Persons .ItemView_Person_OwnerCard .Field_Picture >img { border-radius: 50% !important; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard { padding-top: 0.5em; gap: 4px; } .EntityTypeView_Persons .ViewBody_ItemView_OwnerCard >.ItemView_Person_OwnerCard { max-width: 100%; background-color: transparent; } .EntityTypeView_Participants .ItemView_SessionPerson_Card .Field_Picture >img { height: 24px !important; width:24px !important object-fit: cover; border-radius: 50%; } .EntityTypeView_Participants .ItemView_SessionPerson_Card .FieldSet_m { background-color: rgb(242, 255, 254); border: 1px dashed rgb(38, 166, 154); border-radius: 2em; padding: 2px; } .EntityTypeView_Participants .ViewBody_ItemView_Card { flex-direction: row; gap: 0.5em; padding: 0.25em 0.5em; } .EntityType_EventSession .ItemView_EventSession_BasicCard { max-width:320px; margin:0 auto; min-width:320px; border-top: dashed 1px #80808040; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_timeFS { color: #0097A7; font-size: 1.25rem; padding:2px 4px; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_timeFS .Field { padding:0; max-width:fit-content; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_timeFS .Field .InputSpan > a { color: #0097A7; font-size: 1.25rem; padding:2px 4px; font-weight: 600; } .EntityType_EventSession .ItemView_EventSession_BasicCard .Field_Description .InputSpan a { color: rgb(38, 50, 56); font-weight: 300; font-style: italic; padding: 2px 4px 2px 8px; } .EntityType_EventSession .ItemView_EventSession_BasicCard:last-child { border-bottom: dashed 1px #80808040; } .EntityType_EventSession .ItemView_EventSession_BasicCard .FieldSet_t2 { border-left: dashed 1px #80808040; } .EntityType_EventSession .ItemView_EventSession_BasicCard .Field_Duration { font-size: 1.25em; padding: 4px; } .EntityType_EventSession .ItemView_EventSession_BasicCard .Field_Duration .InputSpan a { padding:2px 4px ; font-weight: 600; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard { max-width:320px; margin:0; min-width:320px; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .FieldSet_timeFS { color: #0097A7; font-size: 1rem; padding:2px 4px; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .FieldSet_timeFS .Field { padding:0; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .FieldSet_timeFS .Field .InputSpan > a { color: #0097A7; font-size: 1rem; padding:2px 4px; font-weight: 600; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .Field_Description .InputSpan a { color: rgb(38, 50, 56); font-weight: 300; font-style: italic; padding: 2px 4px 2px 8px; } .EntityType_EventSession .ItemView_EventSession_BasicminiCard .Field_Duration .InputSpan a { padding:2px 4px ; } .EntityType_EventSession.EntityTypeViewBody { gap:1em; } .EntityType_EventSession .ViewBody_ItemView_BasicCard { gap:1em; } .EntityType_EventSession.View_ItemView_BasicCard .FolderGroupByTab { flex-direction: column; } .EntityType_EventSession.View_ItemView_BasicCard .GroupByMode_Tab { flex-direction: column; width: 100%; } .EntityType_EventSession.View_ItemView_BasicCard .GroupByMode_Tab .GroupByTabHeader { flex: 1; min-height: fit-content; } .EntityType_EventSession.View_ItemView_BasicminiCard .GroupByMode_Tab { flex-direction: column; } .EntityType_EventSession.View_ItemView_BasicminiCard .GroupByMode_Tab .GroupByTabHeader { flex: 1; min-height: fit-content; justify-content: center; } .EntityType_EventSession .FolderGroupByTab > .GroupByBody { gap: 0 !important; flex-direction: column; } .SingleItem_EventSession_Internet .ViewBody_ItemView_Card .NoRecordsFound { display:none !important; } .ItemView_EventSessionQuestion_Card { background-color: white; } .ItemView_EventSessionQuestion_Card .Field_Question { font-weight: 600; } .EntityType_EventConnection .ItemView_EventConnection_BasicCard { max-width: 320px; margin: 0; min-width: 320px; justify-content: flex-end; display: flex; } .EntityType_EventConnection .ItemView_EventConnection_BasicCard .EntityType_Person.ViewBody_ItemView_ProfileMini { gap:1em; background-color: #ffffff; padding-top: 1em; border-top: 1px dashed #ccc !important; } .EntityType_EventConnection .ItemView_EventConnection_BasicCard .EntityType_Person.ViewBody_ItemView_ProfileMini .ItemView_Person_ProfileMini { max-width:150px; margin:0; min-width:150px; } .EntityType_EventConnection.ViewBody_ItemView_BasicCard { gap:1em; } .EntityType_EventConnection .ViewBody_ItemView_BasicCard { gap:1em; } .EntityType_EventNetworkSession.EntityTypeViewBody { gap:1em; } .EntityType_EventNetworkSession .ItemView_EventNetworkSession_BasicCard { max-width:320px; margin:0; min-width:320px; } .EntityType_EventNetworkSession .ViewBody_ItemView_BasicCard { gap:1em; } .EntityType_Event.ViewBody_ItemView_InternetCard { padding: 16px !important; gap: 16px; } .TimeLine .ViewBody_ItemView { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; } .TimeLine .ViewBody_ItemView .ItemView_EventSession_BasicCard { max-width: 640px; margin: 0 auto; min-width: 320px; padding: 0 4px; border-left:4px solid #ff5722; background-color: #ffffff; } .TimeLine .ViewBody_ItemView .ItemView_EventSession_BasicminiCard { max-width: 640px; margin: 0; min-width: 320px; padding: 0 4px; border-left:4px solid #ff5722; background-color: #ffffff; } .TimeLine .ViewBody_ItemView_BasicCard { gap:4px; } .TimeLine .ViewBody_ItemView_BasicminiCard { gap:4px; } .SingleItem_Event_Internet .EntityType_EventSession .ViewBody_ItemView_BasicCard .GroupByTabHeader { justify-content: center; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard { max-width:150px; margin:0; background: var(--BoxBackColor) !important; border: var(--BoxBorder, 0) !important; box-shadow: var(--BoxShadow, unset); } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .DisplayRemoteField { display:flex; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .DisplayRemoteField img { width: 120px; height:120px; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .DisplayRemoteField img img { width: 120px; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Logo { display:flex; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Logo img { width: 120px; height:80px; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Sponsor { text-transform: uppercase; } .EntityType_EventSponsorship .ItemView_EventSponsorship_MinlogoCard .Field_Sponsor .InputSpan a { min-height: 3em; } .EntityType_EventSponsorship .ViewBody_ItemView_MinlogoCard { gap:8px; } .EntityType_EXMStand .ItemView_EXMStand_Card { max-width: 320px; margin: 0; min-width: 320px; background: var(--BoxBackColor) !important; border: var(--BoxBorder, 0) !important; box-shadow: var(--BoxShadow, unset); } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard { max-width: 320px; } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard .Field .InputSpan > a { /*justify-content: center;*/ font-size: 16px; width: 100%; max-width: 100%; } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard .Field_StandNumber { position:absolute; left: 4px; top: 4px; } .EntityType_EXMStand .ItemView_EXMStand_StandMidiCard .Field_StandType { position:absolute; right: 4px; top: 4px; width: auto; font-size: 80%; font-weight: 200; } .EntityType_EXMStand .ViewBody_ItemView_StandMidiCard { gap:var(--gap) } .EntityType_EXMExhibitor .ItemView_EXMExhibitor_Card { max-width: 320px; margin: 0; min-width: 320px; background: var(--BoxBackColor) !important; border: var(--BoxBorder, 0) !important; box-shadow: var(--BoxShadow, unset); } .ItemView_EventPerson_Card { max-width: 320px; } .ItemView_Event_Card { box-shadow: 0 0 0; max-width: calc( 100% - 1em); min-width: auto; margin-left: auto; margin-right: auto; padding: 8px; margin-bottom: 0.4em; background-color: white; } .ItemView_Event_Card .Field a { text-align: left !important; } .ItemView_Event_Card .Field_StartDate { flex: 2; } .ItemView_Event_Card .Field_Type { font-size: 80%; } .ItemView_Event_Card .Field_Attendance { font-size: 70%; opacity: 0.5; bottom: 0; left: 0; right: 0; } .ItemView_Event_Card .FieldValue .InputSpan a { padding: 4px; } .ItemView_Event_Card .FieldSet_Title { text-align: left !important; color: gray; font-size: 80%; } #FieldSet_kks >.DirectionVer { justify-content: flex-end !important; } .CardMain { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; position: relative; gap: 16px; } .CardMainProject { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; position: relative; background-color: transparent !important; } .EventHeader { text-transform: capitalize; font-size: 2em !important; font-weight: 600; width: auto !important; margin-top: 5px; } .SingleItem .ReadOnly.EventHeader >.InputSpan >a { border: 0px !important; --bg-opacity: 0 !important; background-color: white !important; } .SingleItem .ReadOnly.DateStart >.InputSpan >a { border: 0px !important; --bg-opacity: 0 !important; background-color: white !important; width: fit-content; } .DateStart { text-align: left !important; max-width: fit-content !important; font-size: 14px !important; margin-left: -30px !important; } .EntityTypeView_Katilimcilar .ItemView_EventPerson_Card .Field_Picture >img { height: 32px !important; object-fit: cover; border-radius: 50%; } .EntityTypeView_Katilimcilar .ItemView { background-color: white; padding: 2px; } .EntityTypeView_Katilimcilar .ViewBody_ItemView_Card { flex-direction: row; gap: 1px; padding: 0.25em 0.5em; } .ProjectOwnerUserPanelxx { font-size: 100%; display: block; margin: 0 auto; max-width: 25em; width: 25em; border-radius: 4px; border: var(--buttonBorder); background: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; min-height: 77px; max-height: 77px; margin-right: 2px; } .EntityTypeView_events .ItemView_Event_MypageCard { max-width:320px; } .intbtn { color: #546E7A !important; background-color: #eceff100 !important; box-shadow: none !important; max-height: 30px !important; border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #B0BEC5; } .SingleItem_EventPerson_Badge .FieldSet_body { box-shadow: 0 0 3px silver; padding: 2em 1em; background-color: white; min-height: initial !important; flex-grow: 0 !important; } .SingleItem_EventPerson_Badge .FieldValue .InputSpan a { border: 0; } .SingleItem_EventPerson_Badge .FieldSet_m { justify-content : center; } .SingleItem_EventPerson_Badge .ItemView { border: 0 !important; } .SingleItem_EventPerson_Badge .Image2_logo { width: 50%; } .SingleItem_Event_Register.SingleItem { max-width: 600px !important; margin: 0 auto; } .SingleItem_Event_URL .FieldSet_m { flex: 0.9; justify-content: flex-start; } .SingleItem_Event_URL .FieldSet_m .Field_URL { flex: 0.9 !important; } .SingleItem_Event_URL .FieldSet_m .Field_URL .InputSpan { text-align: center; } .SingleItem_Event_URL .FieldSet_m .Field_URL .InputSpan a { text-align: center; justify-content: center; } .EntityType_Project .SiteMapItem .FieldSet_t { flex: 1 } .EntityType_Project .SiteMapItem .FieldSet_t .DirectionVer { gap: 0; } .ItemView_ProjectArticle_Tree { counter-increment: article-counter; } .ItemView_ProjectArticle_Tree .FieldSet_tree .Button { color: blue; } .ItemView_ProjectArticle_Tree .FieldSet_tree .Button .ImageClass { font-size: 2em; opacity: 0.5; } .ItemView_ProjectArticle_Tree .FieldSet_Code { display: flex; justify-content: center; flex: 0; } .ItemView_ProjectArticle_Tree .FieldSet_Code .Text { font-size: 1.25em; } .ItemView_ProjectArticle_Tree .FieldSet_Code .Text:before { content: counters(article-counter,".") " "; } .ItemView_ProjectArticle_Tree .FieldSet_subs { counter-reset: article-counter; } .ItemView_Project_InternetCard { background-color: white !important; padding: 8px; border: 1px solid #d8d8d8 !important; border-radius: 10px; max-width: 274px !important; margin: 0; } .ItemView_Project_InternetCard .Field_Name { font-size: 120%; font-weight: 600; min-height: 32px; font-size: 14px; line-height: 16px; max-height: 34px; overflow: hidden; color: #37474F; } .ItemView_Project_InternetCard .Field_Community a { padding-top: 0; padding-bottom: 0; font-style: italic; font-size: 90%; } .ItemView_Project_InternetCard .Field_Summary { font-size: 100%; font-weight: 300; } .ItemView_Project_InternetCard .Field_Summary .InputSpan > a { text-align: justify; color: rgb(96, 125, 139); max-height: 7.7em; overflow: hidden auto; scrollbar-width: auto; align-content: flex-start; display: flex; flex-wrap: wrap; line-height: 12px; font-size: 12px; } .SingleItem_Project .TabPanel_Tab .FieldSet_Home .FieldSet_t5 .InputSpan > a { padding:2px 4px !important; border :0; } .SingleItem_Project .TabPanel_Tab .FieldSet_Home .FieldSet_t5 .FieldSet { gap:0; } .Content_CommunityProject .ViewBody_ItemView_InternetCard { padding: 16px !important; gap: 16px; } .ItemView_Survey_Summary .ButtonTitle { white-space: nowrap; padding: 8px; } .ItemView_Survey_Summary .Field_Name { font-size: 1.5em } .ItemView_Survey_Summary .HoverCommands { position: relative; } .ItemView_SurveyQuestion_Summary { margin-top: 1em; margin-left: 2em; margin-right: 2em; margin-bottom: 1em; max-width: 1300px; counter-increment: SurveyQuestion; } .ItemView_SurveyQuestion_Summary:before { content: counters(SurveyQuestion, ".") " "; position: absolute; font-size: 2em; left: 0; transform: translateX(-100%); width: 2em; text-align: right; padding-right: 8px; padding-top: 4px; } .ItemView_SurveyQuestion_Summary:hover .FieldSet_HoverItems { visibility: visible; } .ItemView_SurveyQuestion_Summary .FieldSet_HoverItems { display: flex; flex-direction: row !important; justify-content: flex-end !important; visibility: hidden; } .ItemView_SurveyQuestion .Field { padding: 4px } .ItemView_SurveyQuestion .ImageClass { font-size: 1.5em } .ItemView_SurveyQuestion .ButtonImage { font-size: 1.5em } .ItemView_SurveyChoice_Button { width: 100%; } .ItemView_SurveyList_Default { width: 100%; max-width: 360px; margin: 0 auto } .ItemView_SurveyList_Default .FieldSet_top { justify-content: flex-start; } .ItemView_SurveyList_Default .Field_Name { flex-grow: 1 } .ItemView_SurveyList_Default .Button { min-width: 3em; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; padding: 0 !important; } .ItemView_SurveyList_Default .Button span { font-size: 2em } .ItemView_SurveyCategory_Summary { width: 100%; max-width: 360px; margin: 0 auto; } .ItemView_SurveyCategory_Summary .FieldSet_top { justify-content: flex-start; } .ItemView_SurveyCategory_Summary .Field_Name { flex-grow: 1 } .ItemView_SurveyCategory_Summary .Button { min-width: 3em; min-height: 100%; display: inline-flex; justify-content: center; align-items: center; padding: 0 !important; } .ItemView_SurveyCategory_Summary .Button span { font-size: 2em } .ItemView_SurveyCategory_Summary .EntityTypeView { border-right: 0 !important; } .EntityType_SurveyQuestion { counter-reset: SurveyQuestion; } .SingleItem_SurveyAnswer_Answer .Field .EmptyImage { display: none; } .ItemView_SurveyAnswerQuestion { max-width: 640px; margin: 8px auto; } .ItemView_SurveyAnswerQuestion .FieldSet_Answer { background-color: #eff2f4; } .ItemView_SurveyAnswerQuestion .FieldSet_Answer .InputSpan a { font-weight: 400; color: #0097A7; font-size: 1.35rem; } .ItemView_SurveyAnswerQuestion .Field_AnswerChoice { flex-direction: column; } .ItemView_SurveyQuestion_Summary { max-width: 640px; margin: 0 auto; } .ItemView_SurveyQuestion_Summary .InputSpan > a { --inputPadding: 8px; } .ItemView_SurveyChoice_Button { margin: 0 auto; } .SingleItem_Event_ParticipantSurveyCard .ItemView_Survey_TitleCard .FieldSet_t1 { justify-content: center; color: #455A64; } .SingleItem_Event_ParticipantSurveyCard .ItemView_Survey_TitleCard .FieldSet_t1 .Field_Name { font-size:16px; font-weight: 600; } .SingleItem_Event_ParticipantSurveyCard .ItemView_Survey_TitleCard .FieldSet_t1 .Field_Title { font-size:14px; } .SingleItem_Event_ParticipantSurveyCard .ItemView_Survey_TitleCard .FieldSet_t11 { padding:6px 12px 0 12px; color: #78909C; display: flex !important; } .SingleItem_Event_ParticipantSurveyCard .ItemView_Survey_TitleCard .FieldSet_t11 .Field { max-width: fit-content; font-size: 14px; min-width:1rem; } .SingleItem_Event_ParticipantSurveyCard .ItemView_Survey_TitleCard .FieldSet_t11 .Field .InputSpan > a { padding: 0 18px 0 4px ; min-width:1rem; } .SingleItem_Event_ParticipantSurveyCard .ItemView_Survey_TitleCard .FieldSet_t11 .Image2 { margin:0; } .SingleItem_Event_ParticipantSurveyCard .ViewBody_ItemView_TitleCard { gap:var(--gap); } .ItemView_Survey_Summary { max-width: 800px; margin: 4px auto; } .ItemView_Survey_Summary .FieldSet_m2 .FieldValue { flex:0; } .ItemView_Survey_Summary .FieldSet_m2 .FieldLabel { min-width: 1em !important; } .ItemView_Survey_Summary .FieldSet_m2 .FieldLabel a span { text-align:right; } .SingleItem_Survey_internetURLForm .ItemCenter_internetURLForm { padding-top: 24px; padding-bottom: 24px; } .SingleItem_Survey_internetURLForm .ItemCenter_internetURLForm .Field_Name { font-size: 18px; font-weight: 700; color: #13447e; } .SingleItem_Survey_internetURLForm .ItemCenter_internetURLForm .Field_Title { font-weight: 300; font-size: 14px; } .SingleItem_Survey_internetURLForm .ItemCenter_internetURLForm .ItemView_SurveyAnswer_PreviewButton .FieldSet { justify-content: center !important; align-items: center; padding: 12px; } .SingleItem_Survey_internetURLForm .ItemCenter_internetURLForm .ItemView_SurveyAnswer_PreviewButton .FieldSet .Text_PreviewButton { font-size:14px; } .SingleItem_Survey_internetURLForm .ItemCenter_internetURLForm .NewFormButton { font-size: 14px; } .SingleItem_Survey_internetURLForm .ItemCenter_internetURLForm .ParameterSet_ps { padding: 12px; } .ItemView_PollResponse_Card { max-width: 1000px; margin: auto; } .ItemView_PollResponse_Card .FieldSet_Answer { padding: 1em; font-size: 2em; } .ItemView_PollResponse_Card .FieldSet_Question { padding: 1em; font-size: 2em; } .ItemView_PollResponse_Card a { text-align: center !important; justify-content: center !important; } .ItemView_PollResponse_Card .FieldValue { text-align: center; justify-content: center; padding: 0.5em; } .ItemView_PollResponse_Card .Field { text-align: center; justify-content: center; } .ItemView_PollResponse_Card .Field_Question { font-size: 1.5em; padding: 0.5em; } .ItemView_Poll_Slider { background: var(--BoxBackColor) !important; border: 1px solid #CFD8DC !important; border-radius: var(--BoxBorderRadius, 0); box-sizing: border-box; margin: 0; flex: 1; min-width: 160px; max-width: 320px; } .ItemView_Poll_Slider .FieldSet_Results .HTMLWidget_hw { text-align: left; height: 5px; display: flex; position: absolute; bottom: 0px; width: 100%; left: 0; background-color: #ECEFF1; } .ItemView_Poll_Slider .FieldSet_Results .HTMLWidget_hw >span { text-align: left; height: 5px; background-color: #ffab91; border-radius: 0 5px 5px 0; } .ItemView_Poll_Slider .Field_ResponseCount .Label_Display > a { justify-content: flex-end; } .ItemView_Poll_Slider .Field_ResponseCount .FieldValue .InputSpan > a { padding-top: 0; } .ItemView_Poll_Slider .Field_Owner .FieldValue .InputSpan > a { padding-top: 0; } .ItemView_Poll_Slider .FieldSet_c { background-color: #ECEFF1 !important; border-radius: 0 0 var(--BoxBorderRadius) var(--BoxBorderRadius); } .ItemView_Poll_Slider .FieldSet_c .InputSpan > a { font-style: italic; font-size: 0.85em; padding: 0 1em 0.5em; } .ItemView_Poll_Slider .ItemView_PollChoice_ChoicesCard { border-bottom: 1px dashed #cfd8dc !important; } .ItemView_Poll_Slider .ItemView_PollChoice_ResultsCard .FieldSet_details { width: 6em; max-width: 6em; min-width: 6em; padding-right: 0.5em; justify-content: center; position: absolute; right: 0; top: 11px; } .ItemView_Poll_Slider .ItemView_PollChoice_ResultsCard .FieldSet_details .Field_ChosenRatio > .InputSpan >a { padding: 0 0.25em; } .EntityType_Poll.View_ItemView_Slider .OneByOnePanel .OneByOnePanelBody { font-size:0px !important; gap: 1px; } .EntityType_Poll.View_ItemView_Slider .OneByOnePanel .OneByOnePanelBody > div { border: solid 1px rgba(127, 127, 127, 0.2); background-color: #f8f9f9; font-weight: bold; border-radius: 50%; } .EntityType_Poll.View_ItemView_Slider .OneByOnePanel .OneByOnePanelBody > div.Selected { border: solid 1px #FB8C00; background-color: #FFF3E0; } .EntityType_Poll.View_ItemView_Slider .ViewBody_ItemView_Slider { gap:1rem !important; } .EntityType_Poll.View_ItemView_Slider .EntityType_PollChoice .ViewBody_ItemView_ResultsCard { padding:0.5rem 0 1rem ; } .SingleItem_NormStaff .FieldSet_Home { background-color: #fff !important; } .SingleItem_NormStaff .FieldSet_Home .Field { max-width: fit-content; padding: 0 !important; } .SingleItem_NormStaff .InputSpan > a { max-width: fit-content !important; border: 0 !important; background-color: transparent !important; padding: 0.5em 1.5em !important; } .SingleItem_NormStaff .FieldSet_gn1 { padding: 1em 1em; } .SingleItem_NormStaff .FieldSet_gn1 .Field { background-color: #ECEFF1; border-radius: var(--gap); } .SingleItem_NormStaff .FieldSet_gn1 .Field_Name { background-color: #FFF3E0; } .SingleItem_NormStaff .FieldSet_gn2 { padding: 1.5em 1em;/*background-color: #f0f1f6 !important;*/ } .SingleItem_NormStaff .FieldSet_gn2 .Field { flex-direction: column-reverse; padding: 2px !important; background-color: #ffffff; border: 1px dashed #90A4AE; border-radius: 1em; align-items: center; min-height: 100%; justify-content: center; max-width: 13em; } .SingleItem_NormStaff .FieldSet_gn2 .Field .InputSpan > a { font-size: 2em; padding: 0 !important; justify-content: center !important; color: #009688; } .SingleItem_NormStaff .FieldSet_gn2 .Field .FieldLabel > a { padding-top: 0 !important; color: #78909C !important; font-size: 1.2em; font-weight: 400; } .ItemView_NormStaff_Tree { box-shadow: 0 0 0 !important; background-color: white; } .ItemView_NormStaff_Tree .OpenAction_Edit .ButtonTitle { display: none; } .ItemView_NormStaff_Tree .Button { max-width: 3em; } .ItemView_NormStaff_OpenPosition { padding: 8px; background-color: #ECEFF1; border: 1px solid #607d8b4f !important; } .ItemView_NormStaff_OpenPosition .Button { padding: 4px 8px !important; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 { gap: var(--gap); } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .FieldSet_t21 > .DirectionVer { gap:4px; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field { background-color: #fff; border: 1px dashed #78909C; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .InputSpan > a { font-size: 2em; color: #009688; font-weight: 500; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .FieldLabel { flex:2; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .DirectionVer { gap:4px !important; } .ItemView_NormStaff_OpenPosition .FieldSet_t1 .InputSpan > a { font-size: 1.25em; font-weight: 600; text-align: center; justify-content: center; padding-top: 0; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 { justify-content: flex-start; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2 { max-width:42px; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2 .FieldImage { border: 1px solid #ccc; border-radius: 50%; padding: 4px; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2 .FieldImage img { max-width: 40px; max-height: 40px; border-radius: 50%; } .ItemView_NormStaff_NormStaffTermCard3 .ViewBody_ItemView_Personnolink2 .ItemView_NormStaffTerm_Personnolink2.Style_1 .FieldImage { border-color:#009688; } .ItemView_NormStaff_NormStaffTermCard3 .addbutton { min-width: 40px; min-height: 40px; background-color: var(--color2-90); border: 1px solid var(--color2-50); border-radius: 50%; color: var(--color2-20); font-size: 12px !important; font-weight: 600; max-width: fit-content; } .ItemView_NormStaffTerm_Person { max-width: 160px; background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e; border-radius: var(--gap); } .ItemView_NormStaffTerm_Person .DisplayRemoteField { padding: 1em 0 !important; display: flex; justify-content: center; } .ItemView_NormStaffTerm_Person img { width: 90px; height: 90px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 0 1px #B0BEC5; } .ItemView_NormStaffTerm_Person .Field_Person >.InputSpan > a { font-size: 1.2em; font-weight: 600; color: #455A64; padding-top: 2px !important; padding-bottom: 2px !important; text-align: center; } .ItemView_NormStaffTerm_Person .Field_Type { max-width:100% !important; } .ItemView_NormStaffTerm_Person .Field_Type >.InputSpan > a { font-size: 1em; font-weight: 400; color: #78909C; font-style: italic; padding: 0 4px 8px !important; } .ItemView_NormStaffTerm_Person .FieldSet_datefs { width: 100% !important; padding-top: 0.25em !important; padding-bottom: 0.5em !important; background-color: #f8fcff; border-radius: 0 0 var(--gap) var(--gap); } .ItemView_NormStaffTerm_Person .FieldSet_datefs >.DirectionVer { justify-content: space-between !important; } .ItemView_NormStaffTerm_Person .FieldSet_datefs .InputSpan > a { padding: 0 6px !important; } .ItemView_NormStaffTerm_Person >.FieldSet_m._State_90 { filter: grayscale(100%); } .ItemView_NormStaffTerm_Person.Style_1 .Field_Type >.InputSpan > a { color: #009688; } .ItemView_NormStaffTerm_Person.Style_1 img { box-shadow: 0 0 0 1px #009688; } .ItemView_NormStaffTerm_Personnolink { max-width: 160px; background-color: #fff; display: flex; justify-content: center; margin: 0; border: 1px solid #cfd8dccc !important; box-shadow: 0 0 10px #607d8b2e !important; border-radius: var(--gap); } .ItemView_NormStaffTerm_Personnolink .DisplayRemoteField { padding: 1em 0 !important; display: flex; justify-content: center; } .ItemView_NormStaffTerm_Personnolink img { width: 90px; height: 90px; border-radius: 50%; border: 5px solid #fff; box-shadow: 0 0 0 1px #B0BEC5; } .ItemView_NormStaffTerm_Personnolink .Field_Person >.InputSpan > a { font-size: 1.2em; font-weight: 600; color: #455A64; padding-top: 2px !important; padding-bottom: 2px !important; text-align: center; text-transform: uppercase; } .ItemView_NormStaffTerm_Personnolink .Field_Type { max-width:100% !important; } .ItemView_NormStaffTerm_Personnolink .Field_Type >.InputSpan > a { font-size: 1em; font-weight: 400; color: #78909C; font-style: italic; padding: 0 4px 8px !important; } .ItemView_NormStaffTerm_Personnolink .FieldSet_datefs { width: 100% !important; padding-top: 0.25em !important; padding-bottom: 0.5em !important; background-color: #f8fcff; border-radius: 0 0 var(--gap) var(--gap); } .ItemView_NormStaffTerm_Personnolink .FieldSet_datefs >.DirectionVer { justify-content: space-between !important; } .ItemView_NormStaffTerm_Personnolink .FieldSet_datefs .InputSpan > a { padding: 0 6px !important; } .ItemView_NormStaffTerm_Personnolink >.FieldSet_m._State_90 { filter: grayscale(100%); } .ItemView_NormStaffTerm_Personnolink.Style_1 .Field_Type >.InputSpan > a { color: #009688; } .ItemView_NormStaffTerm_Personnolink.Style_1 img { box-shadow: 0 0 0 1px #009688; } .ItemView_NormStaffTerm_JobDescriptionsCard { padding: 12px; background-color: #ffffff; border: var(--border2); } .ItemView_RegionNormStaff_SelectRegion >.FieldSet_m { background-color: #ffffff; } .ItemView_RegionNormStaff_SelectRegion .FieldSet_options { max-width: 5em; } .EntityType_NormStaff.ViewBody_ItemView_Tree.FieldSet_s { padding: 1px 1px 1px 3em !important; margin: 0; border: 0 !important; width: 100%; } .EntityType_NormStaffTerm.View_ItemView_Person { background-color: #ffffff !important; } .EntityType_NormStaffTerm.View_ItemView_Person .Top.PanelHeader { background-color: #f0f1f6; } .EntityType_NormStaffTerm.View_ItemView_Person .ViewBody_ItemView_Person { padding: var(--gap); gap: var(--gap); } .EntityType_NormStaffTerm.View_ItemView_Personnolink { background-color: #ffffff !important; } .EntityType_NormStaffTerm.View_ItemView_Personnolink .Top.PanelHeader { background-color: #f0f1f6; } .EntityType_NormStaffTerm.View_ItemView_Personnolink .ViewBody_ItemView_Personnolink { padding: var(--gap); gap: var(--gap); } .EntityType_NormStaffTerm .ViewBody_ItemView_JobDescriptionsCard { gap:var(--gap) } .ViewBody_ItemView_OpenPosition { gap: var(--gap) !important; padding: var(--gap) !important; } .ViewBody_ItemView_SelectRegion { gap: var(--gap); padding: var(--gap); } .Panel_Panels .ItemView_NormStaff_OpenPosition .Button > .ButtonTitle { padding: 0 !important; } .NewWindow_ExplicitConsent_Preview .ItemHeader { display:none; } .NewWindow_ExplicitConsent_Preview h1 { line-height: 1em; text-align:center; } .NewWindow_ExplicitConsent_Preview h2 { line-height: 1em; text-align:center; } .EntityType_Organization .FolderItemText { width: 340px; } .ItemView_Department_Tree { background-color: white; border: solid 1px #80808020; } .SingleItem_Department .ItemView_NormStaff .ReadOnly .InputSpan a { padding: 1px; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard { min-width: 320px; border: var(--border2); background-color: #ffffff; border-radius: 8px; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_TargetAmount .FieldLabel a { justify-content: center; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_TargetAmount .FieldValue .InputSpan { justify-content: center; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_TargetAmount .FieldValue .InputSpan a { justify-content: center; padding: 0 8px; font-size: 14px; font-weight: 500; color: var(--color4) } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_TotalAmountRaised .FieldLabel a { justify-content: center; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_TotalAmountRaised .FieldValue .InputSpan { justify-content: center; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_TotalAmountRaised .FieldValue .InputSpan a { justify-content: center; padding: 0 8px; font-size: 14px; font-weight: 500; color: var(--color4) } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_DonationCount .FieldLabel a { justify-content: center; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_DonationCount .FieldValue .InputSpan { justify-content: center; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .Field_DonationCount .FieldValue .InputSpan a { justify-content: center; padding: 0 8px; font-size: 14px; font-weight: 500; color: var(--color3) } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .FieldSet_t0 { justify-content: space-between; } .EntityType_DonationCampaign .ItemView_DonationCampaign_DonationCListCard .FieldSet_t2 { padding-bottom:8px; } .EntityType_DonationCampaign .ViewBody_ItemView_DonationCListCard { gap:var(--gap); padding: 8px; } .EntityType_DonationCampaign.EntityTypeView_Campains { background-color: transparent !important; } .EntityType_Donation.View_ItemView_ListCard .ItemView_Donation_ListCard .FieldSet_t1 .Field .InputSpan > a { padding :2px 12px; } .EntityType_Donation.View_ItemView_ListCard .ItemView_Donation_ListCard .FieldSet_t3 .Field .InputSpan > a { padding :4px 12px; } .ItemView_Membership.ItemView_Membership_InternetCard { max-width: 320px; margin: 0px; background-color: rgb(255, 255, 255); } .ItemView_Membership.ItemView_Membership_InternetCard .FieldSet_img .DisplayRemoteField .Field { border-radius: 50%; border:2px solid var(--color2-80); padding:2px; } .ItemView_Membership.ItemView_Membership_InternetCard .FieldSet_img .DisplayRemoteField .Field:has( >.EmptyImage) { display:none; } .ItemView_Membership.ItemView_Membership_InternetCard .FieldSet_img .DisplayRemoteField img { border-radius:50%; width: 64px; height: 54px; } .ItemView_Membership.ItemView_Membership_InternetCard .FieldSet_img .DisplayRemoteField img.EmptyImage { display:none; } .EntityType_Membership.View_ItemView_InternetCardV .ViewBody_ItemView { padding:12px; } .EntityType_Membership.View_ItemView_InternetCardV_InternetCardV { padding:12px !important; } .EntityType_Membership .ItemView_Membership_InternetCardV { max-width:240px; margin:0; background-color:#ffffff; } .ItemView $_Community $_Card { width: 280px !important; } .ItemView $_Community $_Card .FieldImage { background-color: #edf0f2; padding: 0.75em !important; } .ItemView $_Community $_Card .Field_Name .InputSpan { min-height: 32px; font-size: 14px; line-height: 16px; max-height: 34px; overflow: hidden; color: #37474F; font-weight: 600; } .ItemView $_Community $_Card .Field_Subject .InputSpan > a { text-align: justify; color: rgb(96, 125, 139); max-height: 7.7em; overflow: hidden auto; scrollbar-width: auto; align-content: flex-start; display: flex; flex-wrap: wrap; line-height: 12px; font-size: 12px; font-weight: 300; } .ItemView $_Community $_Card .Field_Subject.Mode_Display { font-weight: 400; font-size: 100%; } .ItemView $_Community $_Card .FieldOrganization .InputSpan > a { color: #607D8B; } .ItemView $_Community $_Card .Field_Image img { height: 128px !important; } .ItemView $_Community $_Card.ItemCardBM .FieldSet_t1 .InputSpan > a { font-style: italic; font-size: 10px; padding: 2px 8px; color: #263238; } .ItemView_CommunityCause_Card { width: auto; min-width: 15em; max-width: 15em; color: #000000 !important; background-color: #F0F4F8 !important; margin: 4px; border-radius: 10px; border: solid 3px #d7d7d7; } .ItemView_CommunityCause_Card .FieldSet_number { position: absolute; bottom: 0; left: 0; } .ItemView_CommunityCause_Card .Field_Name { min-height: 0.5em; } .ItemView_CommunityCause_Card .Field_Name .InputSpan > a { text-align: center; justify-content: center; align-items: baseline; font-weight: 400; font-size: 10px; margin-top: -10px; font-color: #d7d7d7 !important; } .ItemView_CommunityCause .Field_Name { font-size: 120%; color: #455a64; } .ItemView_CommunityCause_Image { flex: 0 !important; margin: 0 !important; min-width: 32px; width: auto !important; background-color: transparent; } .ItemView_CommunityCause_Image img { width: 34px; height: 34px; padding: 0; } .ItemView_CommunityCause_Icon { min-width: 40px; max-width: 40px; padding: 0; margin: 0; min-height: 40px; } .ItemView_CommunityCause_Icon .Field_Name { display:none; } .ItemView_CommunityCause_Icon .Field_Name .InputSpan a { font-size: 0.7em; line-height: 1.25em; height: 1.25em; overflow: hidden; padding: 3px; text-wrap: nowrap; font-weight: 600; } .ItemView_CommunityCause_Icon:hover .Field_Name { display: flex; position: absolute; width: 200px; min-width: fit-content; min-height: 1.75em; height: 1em !important; z-index: 999; top: 2px; left: 50%; flex-wrap: wrap; text-wrap: nowrap; color: #1976D2; background-color: white; border-radius: 1em; padding: 0.5em; transform: translateX(-50%); box-shadow: 0 0 1em gray; } .ItemView_CommunityCause_Icon:hover .Field_Name::after { content: ""; background-color: transparet; width: 0; height: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: 1em solid white; position: absolute; bottom: -0.5em; left: calc(50% - 1em); } .ItemView_CommunityCause_Icon2 { min-width: 80px; max-width: 80px; padding: 0; margin: 1px 4px; min-height: 80px; } .ItemView_CommunityCause_Icon2 .Field_Name .InputSpan a { font-size: 0.85em; line-height: 1; height: 3.5em; overflow: hidden; padding: 3px; font-weight: 600; text-align: center; justify-content: center; } .ItemView_CommunityCause_Icon2 .Field_Logo > img { border-radius:var(--gap) } .ItemView_CommunityCause_Icon3 { max-width: fit-content; margin: 0; } .ItemView_CommunityCause_Icon3 .Field_ImageSVG { max-width: 120px; } .ItemView_UserCause_Image { flex: 0 !important; margin: 0 !important; min-width: 32px; width: auto !important; background-color: transparent; } .ItemView_UserCause_Image img { width: 34px; height: 34px; padding: 0; } .ItemView_UserCause_Icon { min-width: 40px; max-width: 40px; padding: 0; margin: 1px 4px; min-height: 60px; } .ItemView_UserCause_Icon .Field_Cause { display:none; } .ItemView_UserCause_Icon .Field_Cause .InputSpan a { font-size: 0.85em; line-height: 1.25em; height: 1.25em; overflow: hidden; padding: 3px; text-wrap: nowrap; font-weight: 600; } .ItemView_UserCause_Icon:hover .Field_Cause { display: flex; position: absolute; width: 200px; min-width: fit-content; min-height: 1.75em; height: 1em !important; z-index: 999; top: -4px; flex-wrap: wrap; text-wrap: nowrap; color: #1976D2; } .ItemView_ProjectUser_MemberListForm { width: 220px; height: 200px; width: 216px; height: 220px; padding-top: 16px; background-image: linear-gradient(180deg, #CFD8DC 0%, #CFD8DC 52%, #c5d0d5 100%); background-repeat: no-repeat; background-size: 100% 70px; } .ItemView_ProjectUser_MemberListForm .Field_Image img { border-radius: 100%; border: solid 3px #ffffff; height: 100px; max-width: 100px; background-color: #ffffff; min-width: 100px; color: #546E7A; box-shadow: 0px 2px 4px 0 #90a4aea6; } .ItemView_ProjectUser_MemberListForm .Field_User .InputSpan a { font-size: 125%; font-weight: 500; justify-content: center; align-items: center; align-content: center; text-align: center; display: flex; font-weight: 600; color: #455A64; padding-bottom: 4px; } .ItemView_ProjectUser_MemberListForm .Field_Role .InputSpan a { font-size: 12px; font-weight: 400; color: #78909c; padding: 0; } .SingleItem_Community_Internet .ReadOnly .InputSpan a { background-color: transparent; } .SingleItem_Community_Internet >.ItemBody > .Fields > div:only-of-type { gap: 0; } .SingleItem_Community_Internet .MailCommunityAdmin { width: 1.5em !important; height: 1.5em !important; margin-top: 28px; max-width: fit-content; margin-right: 10px; } .SingleItem_Community_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; box-sizing: border-box; } .SingleItem_Community_Internet .FieldSet_mc >.sticky { display: block; position: sticky; top: 5em; box-sizing: border-box; } .SingleItem_Community_Internet .CardPictureSticky img ,.SingleItem_Community_Internet .CardPictureSticky svg { border-radius: 8px; border: solid 1px #d9d9d9; padding: 8px; max-height: 75px; min-height: 75px; margin-left: 15px; max-width: 125px; min-width: 125px; margin-left: 18px; margin-top: -3px; background: #ffffff; } .SingleItem_Community_Internet .Field_Name { font-size: 150%; font-weight: 600; width: auto; } .SingleItem_Community_Internet .Field_Subject { padding-top: 0; padding-bottom: 0; font-size: 90%; } .SingleItem_WebPage_Web .ItemView.ItemView_CommunityCause_Card { background-color: #808080; } .SingleItem_CommunityCause_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_CommunityCause_Internet .FieldSet_Toolbox .paylas { margin-left: -7px !important; } .SingleItem_CommunityCause_Internet .FieldSet_Toolbox .ekle { margin-left: -6px !important; } .SingleItem_CommunityCause_Internet .FieldSet_mc >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_CommunityCause_Internet .FieldSet_mc .paylas { margin-left: -7px !important; } .SingleItem_CommunityCause_Internet .FieldSet_mc .ekle { margin-left: -6px !important; } .ItemView_CommunityCause_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .ItemView_CommunityCause_Internet .FieldSet_Toolbox .paylas { margin-left: -7px !important; } .ItemView_CommunityCause_Internet .FieldSet_Toolbox .ekle { margin-left: -6px !important; } .ItemView_CommunityCause_Internet .FieldSet_mc >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .ItemView_CommunityCause_Internet .FieldSet_mc .paylas { margin-left: -7px !important; } .ItemView_CommunityCause_Internet .FieldSet_mc .ekle { margin-left: -6px !important; } .CommunityOwnerPicture img ,.CommunityOwnerPicture svg { border-radius: 180px; border: solid 3px #d9d9d9; max-height: 40px; min-height: 40px; max-width: 40px; } .Indikator .InputSpan a { font-size: 90%; height: 25px; margin-left: 10px; margin-top: -8px !important; margin-bottom: 10px; } .View_ItemView_MyFromUsers.NoItems { display: none !important; } .EntityType_CommunityCause.ViewBody_ItemView_Image { display: flex; flex-direction: row; justify-content: flex-start; } .EntityType_CommunityCause.ViewBody_ItemView_Card { display: flex; flex-wrap: wrap !important; justify-content: right !important; gap: 0px !important; height: 170px !important; width: 1200px !important; } .EntityType_CommunityCause.ViewBody_ItemView_Icon { padding: 0 var(--gap); flex-wrap: wrap; justify-content: center !important; gap:4px; } .EntityType_CommunityCause.ViewBody_ItemView_Icon3 { gap:var(--gap2); } .EntityType_CommunityCause .ViewBody_ItemView_Icon { justify-content: center; gap:6px; } .EntityType_UserCause.ViewBody_ItemView_Icon { padding: var(--gap); flex-wrap: wrap; } .Content_CommunityCauseCards >#Panel_m >.EntityTypeView_CommunityCauses { counter-reset: list-number; } .Content_CommunityCauseCards >#Panel_m >.EntityTypeView_CommunityCauses .ItemView_CommunityCause_Card:before { counter-increment: list-number; content: counter(list-number); margin-right: 10px; margin-bottom: 10px; width: 32px; height: 32px; display: block; font-size: 22px; color: #fff; position: absolute; left: 0; bottom: 0; font-weight: 50; left: 0px; } .CausePictureSticky { align-items: inherit !important; height: 100%; border-radius: 15px !important; max-height: 125px; min-height: 125px; margin-left: 20px; max-width: 125px; min-width: 125px; padding: 0 !important; } .CausePictureSticky img { border-radius: 12px; } .ItemView_ExpenseAccount_NameCode { background-color: white; border: solid 1px #80808020; } .EntityType_ExpenseAccount .ViewBody_ItemView_NameCode { margin: 0 !important; } .EntityType_ExpenseAccount .GroupByBody { gap: 0; padding: var(--gap); } .ItemView_ExpenseDocumentType_Card { background-color: white; border: solid 1px #80808020; margin: 0 !important; } .ItemView_ExpenseDocumentType_Card .Field_Description .InputSpan > a { height: 5em; align-content: center; } .ItemView_ExpenseDocumentType_Card .Field_Name { font-weight: bold } .ItemView_ExpenseType_Card { background-color: white; border: solid 1px #80808020; } .ItemView_ExpenseType_Card .ViewBody_ItemView_Card.EntityTypeViewBody { border-left: solid 1em transparent !important; } .EntityType_ExpenseType .ViewBody_ItemView_Card { flex-direction: row; flex-wrap: wrap; display: flex; justify-content: flex-start; gap: var(--gap); } .EntityType_ExpenseDocumentType .ViewBody_ItemView_Card { gap: var(--gap); padding: var(--gap); } .ItemView_ExpenseAccountType_Card { margin: 0 !important; } .EntityType_ExpenseAccountType .ViewBody_ItemView_Card { gap: var(--gap); } .ItemView_ExpenseGroup_Card { background-color: white; border: solid 1px #80808020; margin: 0 !important; } .EntityType_ExpenseGroup .ViewBody_ItemView_Card { gap: var(--gap); padding: var(--gap); } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card { gap: 1em; } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card .ItemView__Note_Card { max-width:320px; min-width:320px; min-height: 270px; background-color: #FFF8E1; padding: 1em; border: 1px solid #FFD54F; overflow: hidden; margin:0; } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card .ItemView__Note_Card .Field_Note { max-height: 160px; min-height: 160px; overflow: hidden; } .EntityType__Note.EntityTypeView_MyNotesET .ViewBody_ItemView_Card .ItemView__Note_Card .Field__CreatedBy > .InputSpan >a { justify-content: flex-end; font-weight: 700; color: #37474F; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card { background-color: #f9f8ef; padding: 0.5rem; border-bottom: 1px solid #ff980047; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .Field_Note { max-height: 80px; min-height: 80px; overflow: hidden; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .Field__CreatedBy > .InputSpan >a { justify-content: flex-end; font-weight: 300; color: #455a64; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .Field_Changed > .InputSpan >a { justify-content: flex-end; font-weight: 300; color: #455a64; } .EntityType__Note.EntityTypeView_NotesET .ItemView__Note_Card .FieldSet_t2 { display:none !important; } .SingleItem_AIAgent textarea { height: 100% !important; } .ItemView_QRCodeReader_Card { width: 100%; } .ItemView_QRCodeReader_Card .FieldSet_Reader { height: 100% !important; } .SingleItem_FormTemplate_Designer .FieldSet_zones { background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 1rem; } .SingleItem_FormTemplate_Designer .FieldSet_toolbar { background-color: white; border-radius: 6px; padding: 0.75rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .SingleItem_FormTemplate_Designer .EntityTypeView_DesignZones { min-height: 400px; background-color: white; border-radius: 6px; padding: 1rem; } .ItemView_FormTemplateZone_DesignCard { margin: 0.5rem 0; border: 2px solid transparent; border-radius: 6px; background-color: white; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar { background-color: #f0f0f0; border-bottom: 1px solid #a4a6a8; padding: 2px 4px; border-radius:0; font-size:10px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar select { padding: inherit; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSetPanel:hover >.Image2 { color:red !important; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content { padding: 2px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_L { /*border-left: 4px solid #4caf50; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_L >.FieldSet_toolbar { background-color: #edf3f9; border-bottom-color: #81b4e8; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_F { /*border-left: 4px solid #2196f3; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_F >.FieldSet_toolbar { background-color: #eefbf1; border-bottom-color: #22a649; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_D { /*border-left: 4px solid #ff9800; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_R { /*border-left: 4px solid #9c27b0; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_R >.FieldSet_toolbar { background-color: #fdf3ff; border-bottom-color: #9c27b0; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_I { /*border-left: 4px solid #e91e63; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_I >.FieldSet_toolbar { background-color: #fff5ef; border-bottom-color: #ea6414; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_T { /*border-left: 4px solid #607d8b; padding-left: 0.5rem;*/ } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Type_T >.FieldSet_toolbar { background-color: #fffef2; border-bottom-color: #aca210; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .Field .FieldLabel { font-size:12px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .ViewBody_ItemView_DesignCard { gap: 6px !important; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .FieldSet_FO { border-radius: 0; max-width:320px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .FieldSet_FO .PanelHeader.ToggleHeader { padding: 2px !important; min-height: 24px; background-color: #eefafb !important; border-radius: 0 !important; color: #08454a; } .ItemView_FormTemplateZone_DesignCard .FieldSet_content .FieldSet_FO .PanelHeader.ToggleHeader >.PanelHeaderTitle { font-size: 10px !important; padding: 2px; color: #08454a; } .ItemView_FormTemplateZone_DesignCard .EntityTypeView_subzones { border-left: 2px dashed #ddd; } .ItemView_FormTemplateZone_DesignCard:hover { border-color: #2196f3; box-shadow: 0 4px 8px rgba(33, 150, 243, 0.2); } .ItemView_FormTemplateZone_DesignCard:hover .FieldSet_toolbar.IsEditing_false { display: block; } .ItemView_FormTemplateZone_DesignCard.IsEditing_true { border-color: #2196f3; background-color: #fafafa; } .ItemView_FormTemplateZone_DesignCard .FieldSet_styling { background-color: #edf3f9 !important; padding:0 12px 12px; font-size: 12px; font-weight: normal; } .ItemView_FormTemplateZone_DesignCard .FieldSet_styling .PanelBody { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_styling .PanelBody .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemView_FormTemplateZone_DesignCard.Style_H > .FieldSet_m >.FieldSet_content > .FieldSet_subzones >.EntityTypeViewBody > .Center > .Middle >.MiddleCenter.ViewBody { flex-direction: row !important; display: flex; } .ItemView_FormTemplateZone_DesignCard.Style_H > .FieldSet_m >.FieldSet_content > .FieldSet_subzones >.EntityTypeViewBody > .Center > .Middle >.MiddleCenter.ViewBody >.ItemView { flex:1; } .ItemView_FormTemplate_Card { border-radius: 8px; padding: 1rem; margin: 0.5rem; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); border-left: 4px solid transparent; } .ItemView_FormTemplate_Card.TemplateColor_ { border-left-color: #2e7d32; } .ItemView_FormTemplate_Card .card-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; color: #333; } .ItemView_FormTemplate_Card .FieldSet_actions { margin-top: 1rem; display: flex; gap: 0.5rem; } .ItemView_FormTemplate_Card .FieldSet_actions .OpenAction { padding: 0.375rem 0.75rem; border-radius: 4px; text-decoration: none; font-size: 0.875rem; } .ItemView_FormTemplate_Card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .ItemView_FormDocument_Card { border-radius: 8px; padding: 1rem; margin: 0.5rem; background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .ItemView_FormDocument_Card .card-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: #333; } .ItemView_FormDocument_Card .FieldSet_actions { margin-top: 1rem; display: flex; gap: 0.5rem; } .ItemView_FormDocument_Card .FieldSet_actions .OpenAction { padding: 0.375rem 0.75rem; border-radius: 4px; text-decoration: none; font-size: 0.875rem; } .ItemView_FormDocument_Card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .SingleItem_FormTemplate_Preview .FieldSet_m { max-width: 210mm; margin: 16px auto; background-color: white; padding: 10mm; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 4px; } .SingleItem_FormDocument_Preview .FieldSet_m { max-width: 210mm; margin: 16px auto; background-color: white; padding: 10mm; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 4px; } .FormZonePanel { display: flex; flex-direction: column; gap: 0.5rem;flex: 1 1 100%; } .FormZoneHorizontalPanel { display: flex; flex-direction: row; align-items: flex-start; } .FormZoneField { margin: 0.25rem 0; } .FormZoneField .FieldLabel { font-weight: 600; color: #555; margin-right: 0.5rem; } .FormZoneDetailLoop { margin: 1rem 0; } .FormZoneDetailLoop::before { content: attr(data-entity-type) ' Details:'; font-weight: 600; display: block; margin-bottom: 0.5rem; color: #333; } .FormZoneRichText { margin: 0.5rem 0; } .FormZoneText { margin: 0.25rem 0; } .FormZoneLineText { white-space: pre-line; margin: 0.5rem 0; } .FormZoneImage { margin: 0.5rem 0; text-align: center; } .FormZoneImage img { max-width: 100%; height: auto; border-radius: 4px; } .Content_FormDesignerHome .dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 1rem 0; } .Content_FormDesignerHome .dashboard-card { background: white; border-radius: 8px; padding: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-left: 4px solid #2e7d32; } .Content_FormDesignerHome .stat-number { font-size: 2.5rem; font-weight: 700; color: #2e7d32; margin-bottom: 0.5rem; } .Content_FormDesignerHome .quick-actions { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; } .Content_FormDesignerHome .quick-action-btn { padding: 0.75rem 1.5rem; background: #2e7d32; color: white; border-radius: 6px; text-decoration: none; font-weight: 500; transition: all 0.3s ease; } .Content_FormDesignerHome .quick-action-btn:hover { background: #1b5e20; transform: translateY(-1px); } .Content_TemplatesDashboard .template-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem; } .Content_TemplatesDashboard .category-card { background: linear-gradient(135deg, #2e7d32, #4caf50); color: white; padding: 1.5rem; border-radius: 8px; text-align: center; cursor: pointer; transition: all 0.3s ease; } .Content_TemplatesDashboard .category-card:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(46, 125, 50, 0.3); } .SingleItem_FormDocument_Generator .FieldSet_toolbar { background: #f8f9fa; padding: 1rem; border-radius: 6px; margin-bottom: 1rem; } .SingleItem_FormDocument_Generator .FieldSet_toolbar .DoScriptButton { margin-right: 0.5rem; } .SingleItem_FormDocument_Generator .FieldSet_content { border: 1px solid #e9ecef; border-radius: 6px; padding: 1rem; background: white; min-height: 400px; } @media (max-width: 768px){ .dashboard-grid { grid-template-columns: 1fr; } .template-categories { grid-template-columns: 1fr; } .FieldSet_zones { flex-direction: column; } .quick-actions { flex-direction: column; } .SingleItem_FormTemplate_Preview .FieldSet_m { margin: 8px; padding: 5mm; } } .ItemView_FormTemplateZone_DesignCard { transition: all 0.3s ease; } .ItemView_FormTemplate_Card { transition: all 0.3s ease; } .ItemView_FormDocument_Card { transition: all 0.3s ease; } .DoScriptButton { transition: all 0.2s ease; } .OpenAction { transition: all 0.2s ease; } .DoScriptButton.loading::after { content: ''; width: 16px; height: 16px; border: 2px solid transparent; border-top: 2px solid currentColor; border-radius: 50%; animation: spin 1s linear infinite; margin-left: 0.5rem; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .success-message { background: #d4edda; color: #155724; padding: 0.75rem; border-radius: 4px; border: 1px solid #c3e6cb; margin: 0.5rem 0; } .error-message { background: #f8d7da; color: #721c24; padding: 0.75rem; border-radius: 4px; border: 1px solid #f5c6cb; margin: 0.5rem 0; } .warning-message { background: #fff3cd; color: #856404; padding: 0.75rem; border-radius: 4px; border: 1px solid #ffeaa7; margin: 0.5rem 0; } .info-message { background: #d1ecf1; color: #0c5460; padding: 0.75rem; border-radius: 4px; border: 1px solid #bee5eb; margin: 0.5rem 0; } .drop-zone { border: 2px dashed #ccc; border-radius: 8px; padding: 2rem; text-align: center; background: #f9f9f9; margin: 1rem 0; transition: all 0.3s ease; } .drop-zone.drag-over { border-color: #2196f3; background: #e3f2fd; color: #1976d2; } .drop-zone::before { content: '+ Drop zone here'; font-size: 1.1rem; color: #999; } @media print{ .FieldSet_toolbar { display: none; } .FieldSet_actions { display: none; } .DoScriptButton { display: none; } .OpenAction { display: none; } .SingleItem_FormTemplate_Preview .FieldSet_m { box-shadow: none; margin: 0; padding: 0; } .SingleItem_FormDocument_Preview .FieldSet_m { box-shadow: none; margin: 0; padding: 0; } } .ItemCenter_settingsLayoutCard .FieldSet_st2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field { padding:2px; --inputPadding:4px; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field .FieldLabel a { padding:0 4px 6px 2px; } .ItemCenter_settingsLayoutCard .FieldSet_st2 .Field .FieldValue Input { padding:2px; } .ItemCenter_settingsCard .FieldSet_st1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemCenter_settingsCard .FieldSet_st1 .Field { padding:2px; --inputPadding:4px; } .ItemCenter_settingsCard .FieldSet_st1 .Field .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemCenter_settingsCard .FieldSet_st1 .Field .FieldLabel a { padding:0 4px 6px 2px; } .ItemCenter_settingsCard .FieldSet_st1 .Field .FieldValue Input { padding:2px; } .ItemCenter_settingsFieldCard .FieldSet_c1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field { padding:2px; --inputPadding:4px; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field .FieldValue.Choices { font-size:10px; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field .FieldLabel a { padding:0 4px 6px 2px; } .ItemCenter_settingsFieldCard .FieldSet_c1 .Field .FieldValue Input { padding:2px; } .ItemView_ItemRuleCondition_Card { border: dotted 1px silver; } .ItemView_ItemRuleCondition_Card .DoScriptButton { padding: 8px 0; max-height: 3em; max-width: 3em; } .ItemView_ItemRuleCondition_Card .DoScriptButton span { font-size: 1.5em; } .ItemView_ItemRuleCondition_Card .DoScriptButton_toggleLogicalOperator { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-height: 100%; max-width: 100%; } .ItemView_ItemRuleCondition_Card .FieldSet_subs { justify-content: center; display: flex ; flex-direction: column; } .ItemView_ItemIncident { max-width: 800px; margin: 1px auto; background-color: white; } .ItemView_ItemRuleActionFieldMapping_Card { background-color: white; } .EntityType_SystemCondition.View_ItemView_ConditionItem .ViewBody_ItemView_ConditionItem { padding:var(--gap); gap:4px; } .ItemView_SystemCondition_ConditionItem { border:0 !important; padding-left:32px; } .ItemView_SystemCondition_ConditionItem .FieldSet_m2 { background-color: #fffbf4; border: 1px dashed #FFCC80; } .ItemView_SystemCondition_ConditionItem:before { content: ""; height: 100%; border-left: 3px solid #78909C; left: 16px; top:0; position: absolute; } .ItemView_SystemCondition_ConditionItem:after { content: ""; height: 3px; width:16px; border-top: 3px solid #78909C; left: 16px; top:16px; position: absolute; } .ItemView_SystemCondition_ConditionItem .FieldSet_fs_SubConditionItem { padding-left: 16px; } .ItemView_SystemCondition_ConditionItem .FieldSet_fs_SubConditionItem:before { content: ""; height: calc(100% - 16px); border-left: 3px solid #78909C; left: 16px; top:0; position: absolute; } .ItemView_SystemCondition_ConditionItem .FieldSet_fs_SubConditionItem .ItemView_SystemCondition { padding-left:16px; } .ItemView_SystemCondition_ConditionItem .FieldSet_fs_SubConditionItem .ItemView_SystemCondition:before { content: ""; height: 3px; width:16px; border-top: 3px solid #78909C; left: 0; top:16px; position: absolute; } .ItemView_SystemCondition_ConditionItem .FieldSet_fs_SubConditionItem .ItemView_SystemCondition:after { display:none !important; } .ItemView_SystemCondition_ConditionItem .FieldSet_fs_SubConditionItem .ViewBody_ItemView_ConditionItem { gap: 6px; padding: 6px 0; } .ItemView_SystemCondition_ConditionItem .Choices { flex-direction: row !important; flex-wrap: nowrap !important; min-width: max-content; } .ItemView_SystemCondition_ConditionItem .Choices .ToggleButton { padding:4px 8px; background-color: #eff8ff; opacity: 1; color: #1565C0; } .ItemView_SystemCondition_ConditionItem .Choices .Choice { padding:2px 4px; border-radius:0; background-color: #eceff182; opacity: 0.7; } .ItemView_SystemCondition_ConditionItem .Choices .Choice.Selected { background-color: #009688; opacity: 1; } .ItemView_SystemCondition_ConditionItem .ItemSelection { background-color: #ffffff36 !important; border: none; } .ItemView_SystemCondition_ConditionItem .ItemSelection span { padding:4px 8px; } .ItemView_SystemCondition_ConditionItem select { padding:4px 8px; background-color: #ffffff36; border: none; } .ItemView_SystemCondition_ConditionItem .InputSpan > input { padding:4px 8px; } .ItemView_SystemCondition_ConditionItem .Field.Mode_Edit >.ItemSelection { background-color: #ffffff36 !important; border: none; } .SingleItem_DBQueryExecution .Field_Result .FieldValue { overflow: auto; position: absolute; top: 3.5em; left: 0; right: 0; bottom: 0; } .ItemView_MetaDocument { background-color: white; } .ItemView_MetaDocument_Tree { flex:1; } .ItemView_MetaDocument_Tree .ItemView_MetaDocument_Tree { flex: 0; } .ItemView_MetaNode_Tree { width: auto; min-width: 18em; } .ItemView_MetaNode_Tree .ItemView_MetaNode_Tree { width: auto; border: var(--border2); font-size: 90%; } .ItemView_MetaNode_Tree .FieldSet_subs { border-left: solid 2rem transparent !important; grid: 8px; } .SingleItem_MetaNode_Home .FieldSet_nodes .ViewBody .ItemView_MetaNode_Tree { width: 100%; } .SingleItem_MetaNode_Home .FieldSet_nodes .ViewBody .ItemView_MetaNode_Tree .ItemView_MetaNode_Tree { flex-grow 0; width: auto; } .ItemView_MetaSchema { background-color: white; } .ItemView__Authorization_Card { padding: 0; margin: 1px auto !important; box-shadow: 0 0 0 gray; font-size: 80%; background-color: white; } .ItemView__Authorization_Card .Choices > a { padding: 8px !important; } .ItemView__Authorization_Card a.Choice { padding: 4px 6px !important; } .ItemView__Authorization_Card a.Selected { padding: 4px 6px !important; } .ItemView__Authorization_Card .FieldMultiState { border-top: 1px; } .ItemView__Authorization_Card .Field_CreatedByPermission .ButtonText { width: 100%; } .ItemView__Authorization_Card .Field_ReadOnly .ButtonText { width: 100%; } .ItemView__Authorization_Card .Field_EntityType > .InputSpan { background-color: #80808010; font-weight: 700; font-size: 1.2em; } .ItemView__Authorization_Card .Field_EntityType .SubFields { background-color: #80808008; box-shadow: 0 0 2px silver; } .ItemView__UserRole_Role.Mode_Display .FieldEntityType.FieldValue { flex-direction: row !important; flex-wrap: nowrap !important; min-width: 0 !important; width: auto !important; } .ItemView__UserRole_Role.Mode_Display .FieldEntityType.FieldValue >* { width: auto !important; flex: 1; min-width: 0; } .ItemView__Roles_Card { width: 200px; margin: 0; } .ItemView__User_Card { width: 200px; margin: 0; } .SingleItem__User_MyAccount { max-width: 640px; margin: 0 auto; } .SingleItem__User_MyAccount .ItemBody { position: relative; } .ItemView_Notification_Card { width: 100%; max-width: 100%; margin: 0 auto; background-color: white; padding: 4px; border-radius: 0.5rem !important; width: 100%; max-width: 100% !important; margin: 0 auto; background-color: white; padding: 5px; border-radius: 0; box-shadow: unset; border: 0; } .ItemView_Notification_Card.Style_1 >.FieldSet_m { background-color: var(--Urgentbgcolor); border-color: var(--Urgentbrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_2 >.FieldSet_m { background-color: var(--color4-90); border-color: var(--color4-60) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_3 >.FieldSet_m { background-color: var(--normalbgcolor); border-color: var(--normalbrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_4 >.FieldSet_m { background-color: var(--notImportantbgcolor); border-color: var(--notImportantbrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card.Style_5 >.FieldSet_m { background-color: var(--infobgcolor); border-color: var(--infobrcolor) !important; border: 1px solid; border-left: 4px solid; } .ItemView_Notification_Card >.FieldSet_m { min-height: 100% !important; border-radius: 0.5rem !important; } .ItemView_Notification_Card .InputSpan a { padding: 1px; } .ItemView_Notification_Card .Field_Type { font-weight: 600; letter-spacing: 0; } .ItemView_Notification_Card .Field_Date { letter-spacing: 0; font-weight: 500; } .ItemView_Notification_Card .Field_Name { font-weight: 300; } .ItemView_Notification_Card .Field_Source { font-weight: 300; } .ItemView_Notification_Card .Field_Severity { font-weight: 300; } .ItemView_Notification_Card .FieldValue { font-size: 1em; } .EntityTypeView_SubItems_Notification .DirectionVer { flex-direction: column !important; } .EntityTypeView_SubItems_Notification .Field_Description { height: 152px !important; } .EntityType_Notification.EntityTypeView { --boxbackcolor: transpatent !important; border: 0 !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; } .ItemView_NotificationFieldMapping_Card { background-color: white; padding: 1em; } .EntityType_Message.View_ItemView_personMessage .Middle { /*background-image: url(./chatbg2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;*/ background-color: #000e24; } .EntityType_Message.View_ItemView_personMessage .Middle .MiddleCenter { padding:12px; } .ItemView_Download_Card { border-bottom: 1px solid #ECEFF1 !important; } .ItemView_Download_Card .Field_File { background-color: green; color: black; } .ItemView_Download_Card .Field_File .FieldLabel { top:0; } .ItemView_Download_Card .Field_File .FieldLabel a { padding:4px; } .ItemView_Download_Card .Field_File .FieldLabel a > span { justify-content: center; color: white; font-size: 1.5em; } .ItemView_Download_Breadcrumb .Button { border: solid 1px gray; border-radius: 1em; } .SingleItem_Download_WebView .Field_File .FieldLabel > a > span { justify-content: center; } .SingleItem_Download_WebView .Field_File .FieldValue.ReadOnly { background-color: #ffffff; width: fit-content; padding: 16px; border-radius: 8px; border: 1px solid #78909c38; } .SingleItem_Download_WebView .Field_File a { width:100%; height:100%; z-index: 999; position: relative; } .EntityType_Download .ViewBody_ItemView_Card { padding:8px; } .EntityType_WebPage.ViewBody.MicroView.View_ItemView_Button9 { align-content: center; justify-content: center !important; } .EntityType_WebPage.View_ItemView_Button1 { flex-direction: row; } .EntityType_WebPagePart.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; } .EntityType_WebPageZone.ViewBody_ItemView_Web.EntityTypeView_panelbodyall { flex-direction: column !important; } .EntityType_WebPageZone.ViewBody_ItemView_Web.EntityTypeView_panelbodyall >.ItemView { width: 100%; } .EntityType_WebPageZone.FieldSet_panelbodyall.ViewBody_ItemView_Web { width: 100%; height: 100%; } .EntityType_WebPageZone { border: 0; counter-reset: CPZ; } .EntityType_WebPageZone >.EntityTypeViewBody { width: 100%; } .EntityType_WebPageZone >.NoRecordsFound { display: none; } .EntityType_WebPageZone.View_ItemView_Web >.EntityTypeViewBody > .ViewBody { overflow: hidden; } .EntityType_WebContent.View_ItemView_Grid { display: flex; --cellSize: 180px; gap: 10px; padding: 10px !important; flex-direction: row; justify-content: center; } .EntityType_WebContent.View_ItemView_OnlyImage.EntityTypeView_Overview { width: 100% !important; height: 50em !important; } .EntityType_WebContent.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; } .EntityType_WebPage.View_ItemView_Breadscrum .ViewBody { padding: 0; } .EntityType_WebPage.View_ItemView_Breadscrum .ItemView { background-color: transparent; } .EntityType_WebPage.View_ItemView_SiteMap { padding: 1em !important; font-size: 125%; font-weight: bold; } .EntityType_WebPage.View_ItemView_SiteMap .View_ItemView_SiteMap.EntityType_WebPage { padding: 0 !important; font-size: 80%; font-weight: normal; } .EntityType_WebPage { counter-reset: counterPageCard; } .EntityType_WebPage.EntityTypeView { background-color: transparent !important; box-shadow: 0 0 0 !important; border-radius: 0 !important; border: 0 !important; margin: 0 !important; } .EntityType_WebClass .ViewBody_ItemView_Card { gap: 16px; padding: 16px; } .EntityTypeView_zonesdesktop.ViewBody_ItemView_Web >.ItemView { width: 100%; } .EntityTypeView .ItemView_WebContent_AboutUs { background-color: transparent; box-shadow: 0 0 0; } .EntityTypeView .ItemView_WebContent_Paragraph { background-color: transparent; box-shadow: 0 0 0; } .EntityTypeView_Solutions .ItemView_WebContent_Square { border-radius: 3em; } .EntityTypeView_subpagesleaf .ViewBody_ItemView_Button .ItemView_WebPage_Button { padding: 0; } .Page_Web2 .ItemBody { box-shadow: 0 0 0; } .Page_FullWebPage .MainContent >.SingleItem { position: relative; } .Page_FullWebPage .MainContent >* { overflow: initial; } .Page_FullWebPage .ItemBody { box-shadow: 0 0 0; border: 0; } .Page_FullWebPage .ItemBody .EntityTypeView { border: 0; } .Page_Web .MainContent >.SingleItem { position: relative; } .Page_Web .MainContent >* { overflow: initial; } .Page_Web .ItemBody { box-shadow: 0 0 0; } .Page_Web .EntityTypeView_webpages .ViewBody_ItemView_Button .ItemView_WebPage_Button { padding: 0.5em 0.75em; font-size: 115%; background-color: transparent; } .Page_Web .EntityTypeView_webpages .ViewBody_ItemView_Button .ItemView_WebPage_Button:first-child { display: none; } .SingleItem.FullWidth.SingleItem_WebPage { padding-left: 0; padding-right: 0; } .SingleItem .ItemView_WebContent { width: 100%; } .SingleItem_WebContent img { max-height: 50vh; width: AUTO !important; } .SingleItem_WebContent_Page .FieldValue { background-color: transparent !important; box-shadow: 0 0 0 !important; border: 0; } .SingleItem_WebContent_Page .SingleItemType { display: none; } .SingleItem_WebPage_Web { border: 0; box-shadow: 0 0 0; position: relative; overflow: initial; padding: 0; background-color: transparent; border-radius:0 !important; } .SingleItem_WebPage_Web .FieldValue .InputSpan a { border: 0; line-height: 1em; } .SingleItem_WebPage_Web .EntityTypeView { margin: 0 !important; border: 0 !important; } .SingleItem_WebPage_Web .ItemView { border-color: transparent; box-shadow: 0 0 0; background-color: transparent; } .SingleItem_WebPage_Web .ItemView .FieldValue { margin: 0; } .SingleItem_WebPage_Web > .ItemBody > .Fields > div:only-of-type { padding: 0; } .SingleItem_WebPage_Web .ItemBody { position: relative; padding: 0; } .SingleItem_WebPage_Web .ItemBody >.Fields { margin-left: 0; margin-right: 0; border: 0 !important; } .SingleItem_WebPage_Web .ItemBody >.Fields >.FieldSet_m { min-height: 60vh; max-width: 100%; } .SingleItem_WebPage_Web .Fields >.FieldSet_header { width: 100%; } .SingleItem_WebPage_Web .Fields >.FieldSet_m .FieldSet_panelbodyvertical { width: 100%; margin-left: auto !important; margin-right: auto !important; } .SingleItem_WebPage_Web .FieldView_title .FieldValue { text-align: center; } .SingleItem_WebPage_Web .EntityTypeView_subpages { position: absolute !important; top: 0; right: 0; width: auto; } .SingleItem_WebPage_Web .EntityTypeView_subpages .ItemView_WebPage_Button.Same_Item { color: black; background-color: white; } .SingleItem_WebPage_Web .EntityTypeView_subpagesleaf { position: absolute !important; top: 0; right: 0; width: auto; } .SingleItem_WebPage_Web .EntityTypeView_subpagesleaf .ItemView_WebPage_Button.Same_Item { color: black; background-color: white; } .SingleItem_WebPage_Web .NoRecordsFound { font-size: 2em; } .SingleItem_WebPage_Web .Content .NoRecordsFound { display: block; font-size: 100%; padding: 1px; } .SingleItem_WebPage_Web .Field { border: 0; } .SingleItem_WebPage_Web .Field_BackgroundImage >.FieldValue { padding: 0 !important; } .SingleItem_WebPage_Web .Bottom { display: none !important; } .SingleItem_WebPage_Web .ItemView_WebPage_Button9 { width: 100%; padding-left: 8px; padding-right: 8px; margin: 0; } .SingleItem_WebPage { max-width: initial; left: 0; right: 0; top: 0; max-width: 100% !important; } .SingleItem_WebPage .CloseButton { display: none; } .SingleItem_WebPage .EntityType_WebPage { margin: 0 auto !important; } .SingleItem_WebPage .ItemView .EntityTypeViewBody { padding: 0; justify-content: center !important; display:flex; min-height: fit-content; } .SingleItem_WebPage .ScrollToTop { position: fixed; bottom: 1em; right: 1em; } .SingleItem_WebPage .FieldValue > .InputSpan a { border: none !important; } .SingleItem_WebClass .FieldSet_PreviewFS .ItemView_WebClass_Card { width: 90%; height: 90%; max-width: 90%; max-height: 90%; min-width: 90%; min-height: 80vh; } .SingleItem_WebClass .FieldSet_PreviewFS .ItemView_WebClass_Card .FieldSet_preview { left: 0; right: 0; top: 0; bottom: 0; } .SingleItem_WebClass .FieldSet_PreviewFS .ViewBody_ItemView_Card { padding:0; gap:0; } .SingleItem_WebClass .ColorFieldDIV { z-index: 9999; right: 160px; top: 36px; } .ItemView_WebPageZone_Card { counter-increment: CPZ; width: 100%; padding: 0 !important; display: grid !important; } .ItemView_WebPageZone_Card >.FieldSet_m { position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m::before { content: counters(CPZ, ".") " "; display: inline-block; background-color: transparent; width: 1em; padding: 0.25em 0.5em; text-align: center; position: absolute; left: 1.35em; top: 0.25em; font-size: 12px !important; bottom: auto; vertical-align: middle; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; z-index: 99999; } .ItemView_WebPage { border: 0; } .ItemView_WebPage_Button9 { width: auto; font-weight: 500; margin-left: 12px !important; margin-right: 12px !important; } .ItemView_WebPage_Web { margin: 0; border: 0; } .ItemView_WebPage_Web >.FieldSet_m { min-height: 60vh; max-width: 100%; } .ItemView_WebPage_Card { width: 100% !important; max-width: 1024px; margin: 0 auto; display: block; background-color: white !important; border: var(--border1); } .ItemView_WebPage_Card .Field_Name { width: 25%; } .ItemView_WebPage_Card .Field_Name .FieldValue .InputSpan a:before { counter-increment: counterPageCard; content: counters(counterPageCard, ".") " "; margin-right: 1em; opacity: 0.5; } .ItemView_WebPage_Card .Field_Name .InputSpan a { text-align: left !important; } .ItemView_WebPage_Card .Field_URLPath { width: 30%; } .ItemView_WebPage_Card .Field_URLPath .InputSpan a { text-align: left !important; } .ItemView_WebPage_Card .Field_HideRoot .InputSpan { display: none !important; } .ItemView_WebPage_Card .Field_Active .InputSpan { display: none !important; } .ItemView_WebPage_Card >.FieldSet >.EntityTypeView_subs { margin-left: 3em !important; width: calc(100% - 3em); } .ItemView_WebPage_Card .OpenAction { background-color: transparent; color: #279510; } .ItemView_WebPage_Card .Button { display: flex; flex-direction: center; align-content: center; justify-content: center; flex: 1 !important; } .ItemView_WebPage_Card .Button .ImageClass { font-size: 12px !important; inset: 0 !important; position: relative !important; } .ItemView_WebPage_Card .Button .ButtonImage { font-size: 12px !important; inset: 0 !important; position: relative !important; } .ItemView_WebPage_Card .Button .ButtonTitle { font-size: 9px !important; } .ItemView_WebPage_Button.ItemClicked { color: red; } .ItemView_WebPage_Button { border: 0; border-bottom: solid 2px transparent; box-shadow: 0 0 0 !important; } .ItemView_WebPage_Button .FieldValue .InputSpan a { padding-left: 1em; padding-right: 1em; } .ItemView_WebPage_Button .FieldSet_Hor * { pointer-events: none; } .ItemView_WebPage_Button .FieldSet_Ver * { pointer-events: none; } .ItemView_WebPage_Button FieldSet_Part * { pointer-events: none; } .ItemView_WebPage_Button img { max-height: 2em; } .ItemView_WebPage_Button .Field_Name a { white-space: nowrap; } .ItemView_WebPage_Button .Field { padding: 1px; } .ItemView_WebPage_Button:hover { background-color: #64cbf2; outline: 0; } .ItemView_WebPage_Menu { display: inline-block; position: relative; } .ItemView_WebPage_Square { width: 200px; margin: 1em !important; background-color: white !important; box-shadow: 0 0 5px silver; padding: 0; display: inline-block !important; } .ItemView_WebPage_Square .Field { padding: 0; margin: 0; } .ItemView_WebPage_Square .FieldValue { padding: 0; margin: 0; } .ItemView_WebPage_Square .Field_Image .FieldValue { padding: 0; margin: 0; } .ItemView_WebPage_Square .Field_Name { background-color: #cecece70; } .ItemView_WebPage_Square .Field_Name .FieldValue { text-align: center; } .ItemView_WebPage_Square img { height: 150px; margin: 0; padding: 0; } .ItemView_WebPage_Button.Style_HomePage { display: none !important; } .ItemView_WebPage_Breadscrum { display: inline-block; float: left; min-width: initial; max-width: initial; width: auto; } .ItemView_WebPage_Breadscrum .Parameters { display: none; } .ItemView_WebPage_Breadscrum_Breadscrum { display: inline-block; } .ItemView_WebPage_Breadscrum_Button { display: block; } .ItemView_WebPage_Breadscrum .FieldValue { padding: 0.5em 1em 0.5em 0.5em !important; } .ItemView_WebPage_Breadscrum .FieldValue:after { content: ">"; position: absolute; right: 0em; top: 0; padding: 0; opacity: 0.5; line-height: 3em; } .ItemView_WebPage_SubMenuHorizontal img { height: 64px; } .ItemView_WebPage_SubMenu { display: block !important; background-color: transparent; } .ItemView_WebPage_SubMenu img { height: 32px; } .ItemView_WebPage_SubMenu .Field_Name .InputSpan > a { text-align: left !important; font-size: 100%; padding: 0.5em; } .ItemView_WebPage_Button1 { margin: 1em !important; background-color: transparent; box-shadow: 0 0 0; width: 11em; display: inline-block !important; } .ItemView_WebPage_Button1 .Field_Image img { height: 8em; background-color: white; border-radius: 16px; box-shadow: 0 0 2px gray; object-fit: contain; min-height: 160px; max-height: 160px; } .ItemView_WebPage_Button1 .Field_Name { font-size: 125%; } .ItemView_WebPage_Button1 .Field_Name .FieldValue { text-align: center; } .ItemView_WebPage_Button1 .Field_Name a { text-align: center; max-width: 100%; justify-content: center; } .ItemView_WebPage_Button2 { margin: 1em !important; background-color: transparent; box-shadow: 0 0 0; width: 11em; display: inline-block !important; } .ItemView_WebPage_Button2 .Field_Image img { height: 8em; background-color: white; border-radius: 1em; box-shadow: 0 0 2px gray; } .ItemView_WebPage_Button2 .Field_Name { font-size: 125%; } .ItemView_WebPage_Button2 .Field_Name .FieldValue { text-align: center; } .ItemView_WebPage_Button2 .Field_Name a { text-align: center; max-width: 100%; justify-content: center; } .ItemView_WebPage_Button3 { width: 20em; margin: 0.5em !important; background-color: transparent; box-shadow: 0 0 0; } .ItemView_WebPage_Button3 .Field_Image { width: 3em !important; } .ItemView_WebPage_Button3 .Field_Image a { height: 3em; background-color: white; border-radius: 1em; box-shadow: 0 0 2px gray; } .ItemView_WebPage_CardURLPaths { max-width: 1024px; margin: 0 auto; } .ItemView_WebPage_CardURLPaths a { text-align: left !important; } .ItemView_WebPage_CardSEO { max-width: 1024px; margin: 0 auto; } .ItemView_WebPage_CardSEO .Field_Name { color: blue; } .ItemView_WebPage_CardSEO .Field_Name a { text-align: left !important; } .ItemView_WebPage_CardSEOHx .Field_Name { color: blue; } .ItemView_WebPage.ClickToURLCurrent { /*text-shadow: 0 0 2px black;*/ } .ItemView_WebPageZone { display: block; border: 0; margin: 0; padding: 0; } .ItemView_WebPageZone_CardImage { width: fit-content !important; margin: 0.5em; } .ItemView_WebPageZone_CardImage img { height: 100px; } .ItemView_WebPageZone_CardImage .FileDisplay .ImageFileName { display: block !important; } .ItemView_WebPageZone_BackgroundImage { width: fit-content !important; margin: 0.5em; } .ItemView_WebPageZone_BackgroundImage .Field_BackgroundImage { position: relative !important; } .ItemView_WebPageZone_BackgroundImage img { height: 100px; } .ItemView_WebPageZone_BackgroundImage .FileDisplay .ImageFileName { display: block !important; } .ItemView_WebPageZone_Card { margin: 0 !important; transform: initial !important; height: auto !important; counter-increment: CPZ; } .ItemView_WebPageZone_Card .FieldSet_t { background-color: rgba(255, 255, 255, 0.81); padding: 0; } .ItemView_WebPageZone_Card .FieldSet_t .FieldValue a { padding: 3px 5px !important; text-align: center; white-space:nowrap; border: 0; } .ItemView_WebPageZone_Card .FieldSet_t .Field_Class { position: absolute; right: 0; } .ItemView_WebPageZone_Card .FieldSet_t .FieldSet_td { justify-content: flex-start; } .ItemView_WebPageZone_Card .FieldSet_t .Field { padding: 0; margin: 0; } .ItemView_WebPageZone_Card .FieldSet_t2 { background-color: rgba(154, 198, 229,0.5) !important; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t { position: relative; font-size: 10px !important; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t * { background-color: transparent; font-size: 10px; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t .LineNumber { position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_tr { position: absolute; right: 0; left: 50%; top: 0; bottom: 0; z-index: 1; width: auto !important; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_tr .Text_settings { opacity: 0; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_trr { z-index: 10; position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_te { z-index: 10; position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t >.DirectionVer >.FieldSet_s { z-index: 10; position: relative; } .ItemView_WebPageZone_Card >.FieldSet_m >.FieldSet_t:hover >.DirectionVer > .FieldSet_tr .Text_settings { opacity: 1; } .ItemView_WebPageZone_Card .WebBackground { height: auto; } .ItemView_WebPageZone_Card .FieldSet_panelbody { border: solid 0 transparent; } .ItemView_WebPageZone_Card .FieldRichText { padding: 0; } .ItemView_WebPageZone_Card .FileDisplay { background-color: transparent; } .ItemView_WebPageZone_Card .NicEditContainer { background-color: transparent; } .ItemView_WebPageZone_Card .WebPageZoneTitleHeader { background-color: rgb(230, 230, 230,1) !important; box-shadow: -2px 0 4px rgba(230,230,230,0.8) inset,0 -2px 4px rgba(230,230,230,0.8) inset, 2px 0 4px rgba(0,0,0,0.2) inset, 0 2px 4px rgba(0,0,0,0.2) inset; color: #303030; } .ItemView_WebPageZone_Web { box-shadow: 0 0 0; border: 0; display: block; padding: 0; background-color: transparent; margin: 0; width: 100%; } .ItemView_WebPageZone_Web .EntityTypeViewBody > .Center > .Middle { border: 0 !important; } .ItemView_WebPageZone_Web .FieldSet_body { margin: 0 auto; margin: 0; } .ItemView_WebPageZone_Web .FieldSet_variantseriesbody { margin: 0 auto; margin: 0; } .ItemView_WebPageZone_Web .Field_Subject .FieldValue { text-align: left; } .ItemView_WebPageZone_Web .Field { padding: 0; margin: 0; } .ItemView_WebPageZone_Web .FieldSet_panelbody { height: 100%; width: 100%; } .ItemView_WebPageZone_Web .FieldSet_panelbody >* { height: 100%; } .ItemView_WebPageZone_Web input { background-color: white; } .ItemView_WebPageZone_Web textarea { background-color: white; } .ItemView_WebPageZone_Web .FieldImage img { height: auto; vertical-align: middle; max-width: 100%; max-height: 100%; } .ItemView_WebPageZone_Web >.FieldSet_panelbody >.FieldSet_panelbodyvertical { flex-direction: row; flex-wrap: nowrap; max-width: 100 !important; } .ItemView_WebPageZone_Web .Field_WebZoneLink { position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: transparent; z-index: 999; } .ItemView_WebPageZone_Web .FieldValue { padding: 0; margin: 0; } .ItemView_WebPageZone_Web .FieldSet_contentbody >.Field_Subject a { text-align: center !important; font-size: 120%; font-weight: 500; } .ItemView_WebPageZone input { line-height: initial; } .ItemView_WebPageZone select { line-height: initial; } .ItemView_WebPageZone .Field_BackgroundImage { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; } .ItemView_WebPageZone .Field_BackgroundVideo { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; } .ItemView_WebPageZone .Field_Image { align-items: center; align-content: center; justify-content: center; } .ItemView_WebPageZone .Field_Image >.FieldValue >video { width: 100%; height: auto !important; } .ItemView_WebPageZone .Mode_Display.Field_Subject { font-size: 130%; font-weight: 600; flex-direction: column; justify-content: center; } .ItemView_WebPageZone .Mode_Display.FieldRichText { white-space: normal; padding: 1px !important; flex-direction: column; } .ItemView_WebPageZone .EntityTypeView { border: solid 0 transparent !important; } .ItemView_WebPageZone .Field_Subject .FieldValue { text-align: center; } .ItemView_WebPageZone .ContentView .Center { position: relative !important; box-shadow: 0 0 0; } .ItemView_WebPageZone .ContentView .EntityTypeViewBody { position: relative !important; } .ItemView_WebPageZone_CustomerOrderDetail_BasketMicro .EntityTypeViewBody { position: static !important; } .ItemView_WebPageZone .FieldSet_Content { flex:1 } .ItemView_WebPageZone .FieldSet_Content .Content { height: 100%; } .ItemView_WebContent_CodeIcon { max-width: 120px; display: inline-block !important; } .ItemView_WebContent_CodeIcon .Field_Code { position: relative; font-size: 200% !important; max-width: 3em; margin: 0 auto !important; border: solid 5px gray !important; padding: 0.5em; border-radius: 25px; } .ItemView_WebContent_CodeIcon .Field_Code .InputSpan a { text-align: center; align-items: center; align-content: center; justify-content: center; font-size: 1em !important; border-radius: 25px; width: 4em !important; font-weight: 700; } .ItemView_WebContent_CodeIcon .Field_Code:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; border-radius: 20px; opacity: 0.3; z-index: 0; background: linear-gradient(to bottom, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); } .ItemView_WebContent_CodeIcon .Field_Subject { font-size: 75% !important; } .ItemView_WebContent_CodeIcon .Field_Subject a { text-align: center; align-items: center; align-content: center; justify-content: center; font-size: 1em !important; } .ItemView_WebContent_Grid { margin: 0; min-height: var(--cellSize); min-width: var(--cellSize) !important; width: var(--cellSize); max-width: var(--cellSize)*2; padding: 10px; gap: 0; margin: 0 !important; border: solid 0 rgba(127,127,127,0.2) !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject { font-size: 135% !important; font-weight: 500 !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject a { /*text-transform: uppercase !important;*/ justify-content: flex-start; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Summary { font-size: 110% !important; font-weight: 300; } .ItemView_WebContent_Grid .Field_BackgroundImage { position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; right: 0 !important; z-index: 0 !important; } .ItemView_WebContent_Grid .Field_BackgroundImage img { object-fit: cover !important; } .ItemView_WebContent_Grid .FieldSet_subs .FieldValue .InputSpan a { font-weight: 300 !important; padding-top: 4px; padding-bottom: 4px; } .ItemView_WebContent_Grid .ItemView { font-size: 80% } .ItemView_WebContent_OnlyImage { border-color: transparent; } .ItemView_WebContent_FollowUs { margin: 3px; padding: 3px; border-radius: 3px; } .ItemView_WebContent_FollowUs a { font-weight: normal; } .ItemView_WebContent_ImageSubjectSummary .Field_Summary { padding: 0 0.5em; } .ItemView_WebContent_Card { max-width: 600px; margin: 0 auto; display: block !important; background-color: white !important; } .ItemView_WebContent_Card .Field_Subject .FieldValue { text-align: left; } .ItemView_WebContent_Card .Field_Subject a { text-align: left !important; } .ItemView_WebContent_Article { width: 320px; max-width: 100%; margin: 1em; min-height: 200px; } .ItemView_WebContent_Article .Field_Subject a { text-align: left; } .ItemView_WebContent_Article .Field_Date { position: absolute; right: 0; top: 0; font-size: 80%; padding: 0; color: gray; } .ItemView_WebContent_Article .Field_Date a { padding: 0; } .ItemView_WebContent_Article .FieldSet_top { background-color: #f0f0f0; } .ItemView_WebContent_Contact { background-color: transparent; box-shadow: 0 0 0; } .ItemView_WebContent_Contact .Field_Subject .FieldValue { text-align: right; vertical-align: top; } .ItemView_WebContent_Contact .Field_Subject .FieldValue a { font-weight: normal; } .ItemView_WebContent_Contact .Field_Summary .FieldValue { text-align: left; } .ItemView_WebContent_Event { max-width: 320px; margin: 0 auto; } .ItemView_WebContent_Event .FieldSet_top { background-color: rgba(255,127,127,0.5); } .ItemView_WebContent_HTML { border: 0; } .ItemView_WebContent_Square { width: 15em; height: 13em; margin: 1em; } .ItemView_WebContent_Square .Field_Summary a { text-align: center !important; font-size: 90% !important; line-height: 1.5em; font-weight: normal; } .ItemView_WebContent_Square .Field_Subject { border-radius: 3em 3em 0 0; background-color: #8BC34A; } .ItemView_WebContent_LeftMenuLinkButton { padding:8px 0 ; } .ItemView_WebPageRoute_Card { display: block; max-width: 90%; margin: 0 auto; } .ItemView_WebImage { margin: 1em; width: auto; background-color: var(--white); } .ItemView_WebImage_Icon { max-width: 320px; box-shadow: 0 0 5px silver; } .ItemView_WebPagePart_Card { width: 100%; max-width: 30em !important; margin: 0 auto; display: block; background-color: white !important; } .ItemView_WebPagePart_Card .Field_Name a { text-align: left !important; } .ItemView_WebPagePart_Web { box-shadow: 0 0 0; border: 0; display: block; padding: 0; background-color: transparent; margin: 0; width: 100%; width: 100%; background-color: transparent; } .ItemView_WebContentGroup_Card { background-color: white; } .ItemView_WebContentCategory_Overview { max-width: 1100px; margin: 1px auto; width: 100%; background-color: white; } .ItemView_WebContentCategory_Overview .EntityType_WebContentGroup .ItemView { background-color: #ffe3e3ee; } .ItemView_WebContentCategory_Overview .EntityType_WebContent { background-color: #ffffb0aa; } .ItemView_WebContentCategory_Overview .EntityType_WebContent .ItemView { background-color: #fbfbccee; border-radius: 2em; } .ItemView_WebContentCategory_Overview .EntityTypeView { flex-direction: row; display: flex; border-left: solid 1px #f5f7fa !important; border-right: solid 1px #f5f7fa !important; } .ItemView_WebContentCategory_Overview .EntityTypeView .ItemView { width: auto; margin: 1px; font-size: 80%; min-width: 11em; } .ItemView_WebContentCategory_Overview .EntityTypeView .ItemView .Field_Name .InputSpan > a:before { content: var(--icon-Dot); font-family: '361'; } .ItemView_WebContentCategory_Overview .EntityTypeView .ItemView .Field_Subject .InputSpan > a:before { content: var(--icon-Dot); font-family: '361'; } .ItemView_WebClass_Card { width: 320px; height: 160px; max-width: 320px; max-height: 160px; min-width: 320px; min-height: 160px; padding: 0; margin: 0; position: relative; } .ItemView_WebClass_Card .FieldSet_preview { position:absolute; left: 32px; right: 32px; top: 32px; bottom: 32px; width: auto; height: auto; max-width: initial !important; max-height: initial !important; min-width: initial !important; min-height: initial !important; justify-content: center !important; } .MainContent >.SingleItem_WebPage { top: 0; left: 0; right: 0; min-height: 60vh; } .MainContent >.SingleItem_WebPage >.ItemBody >.Fields { padding: 0 2em; } .MainContent >.SingleItem_WebPage_Web { top: 0; left: 0; right: 0; min-height: 60vh; } .MainContent >.SingleItem_WebPage_Web >.ItemBody >.Fields { padding: 0; } .ViewBody_ItemView_Web { padding: 0 !important; } .Mobile .EntityTypeView_footerwebparts .ItemView_WebPageZone .ItemView_WebPageZone { display: inline-block; } .MenuItemView_WebPageZone_EditText { min-width: 360px; width: 60vh !important; } .MenuItemView_WebPageZone_Background { width: 320px; } .MenuItemView_WebPageZone_Background .Field { padding: 0; margin: 0; } .MenuItemView_WebPageZone_Settings { max-width: 100%; min-width: 40em; background-color: rgba(99,99,99,0.1); box-shadow: 0 0 0.5em grey; padding: 0em; margin: 0 auto; } .MenuItemView_WebPageZone_Settings select { color: blue !important; width: auto !important; } .MenuItemView_WebPageZone_Settings .FieldLabel { padding: 0; font-size: 85%; } .MenuItemView_WebPageZone_Settings .FieldLabel a { text-align: center; text-transform: uppercase; font-size: 85%; } .MenuItemView_WebPageZone_Settings .PanelHeaderTitle { padding: 0; position: relative; top: 0.25em; } .MenuItemView_WebPageZone_Settings .Field { padding: 0 !important; justify-content: center; align-items: flex-end; } .MenuItemView_WebPageZone_Settings .FieldValue { padding: 0 !important; } .MenuItemView_WebPageZone_Settings .Field_BackgroundImage img { max-width: 200px; max-height: 200px; } .MenuItemView_WebPageZone_Settings .FieldSet_actions { border-bottom: solid 1px rgba(127,127,127,0.25); } .MenuItemView_WebPageZone_Settings .FieldSet_actions .ProcedureButton ,.MenuItemView_WebPageZone_Settings .FieldSet_actions .DoScriptButton { padding: 0.5em; opacity: 0.5; } .MenuItemView_WebPageZone_Settings .FieldSet_actions .ProcedureButton:hover ,.MenuItemView_WebPageZone_Settings .FieldSet_actions .DoScriptButton:hover { opacity: 1; } .MenuItemView_WebPageZone_Settings .FieldSet_actions .ButtonTitle { display: none; } .MenuItemView_WebPageZone_Settings * { font-size: 11px; } .MenuItemView_WebPageZone_Settings .DirectionVer { gap: 0 !important; } .MenuItemView_WebPageZone_Settings .Button { padding: 0; } .MenuItemView_WebPage_HoverMenuPart { padding: 36px; background-image: url("/images/361logolight.svg"); background-repeat: no-repeat; } .MenuItemView_WebPage_HoverMenuHor { max-width: inherit; max-height: 45em; overflow: auto; overflow-x: hidden; margin: 1em 2em; } .MenuItemView_WebPage_HoverMenu { max-width: 15em; max-height: 45em; overflow: auto; overflow-x: hidden; } .MenuItemView_WebPage_HoverMenu .EntityTypeView_subs { padding: 0; } .MenuItemView_WebPage_HoverMenu .ItemView_WebPage_Menu { width: 280px; display: block; } .MenuItemView_WebPage_HoverMenu .ItemView_WebPage_Menu .FieldSet_subs { padding-left: 2em; } .Content_WebPagePart .ViewBody_Folder { flex-flow: column; place-content: flex-start; } .Content_WebPagePart .ViewBody_Folder >.ItemView { max-width: 500px; margin: auto; } .Content_webhome .View_ItemView_OnlyImage.EntityType_WebContent.EntityTypeView_Overview .FieldValue img { height: 40em !important; } .Content .EntityTypeView.EntityType_WebPage { border: solid 0 transparent !important; } .SelectionsMenu .ItemView_WebPage_Button9 { width: 100%; } .SelectionsMenu .ItemView_WebPageZone_Web.Mode_Display.Style_WebZoneIsPageLink { opacity: 0.85; } .SelectionsMenu .ItemView_WebPageZone_Web.Mode_Display.Style_WebZoneIsPageLink:hover { opacity: 1; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab { position: relative !important; top: 0 !important; left: 0; right: 0; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab .TabHeader { position: relative !important; top: 0 !important; left: 0; right: 0; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab .TabBody { position: relative !important; top: 0 !important; left: 0; right: 0; padding: 0; } .PageZone_header .ItemView_WebPage_Button { position: relative; bottom: 0; display: flex; margin: 1px; justify-content: center; } .PageZone_header .ItemView_WebPageZone_Web .FieldSet_panelbody { align-items: center !important; align-items: center !important; } .FieldSet_breadscrum .ItemView:after { content: none; } .Style_WebPageZone_2_4 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .Style_ReferencesPanel.ItemView_WebPageZone .Mode_Display.Field_Subject a { white-space: nowrap; } .Style_WebPageHeader .ItemView_WebPageZone .Mode_Display.Field_Subject { font-size: 100%; } .Style_HomePage .WebPageTitle { display: none; } .Style_SelectLanguage { max-width: 10rem; } .Style_SelectLanguage .Label { display: none; } .Style_gap1em { gap:1em; } .Style_Max320 { max-width: 320px; } .Style_MaxM { max-width: 340px; } .Style_TopBar { min-height: 2em; background-color: #003975 !important; color:#ffffff !important; } .Style_TopBar * { color:#ffffff !important; } .Style_TopBar .Logon .UserImage { height: 22px; opacity: 1; } .Style_MainHeader { font-size: 14px; } .Style_fitcontent { max-width:fit-content !important; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary { max-width: 1200px; margin: auto !important; gap:var(--gap); } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; border: 1px solid #607d8b3b; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Image img { max-height: 240px; min-height: 240px; object-fit: cover; min-width:100%; object-position: center; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject { color: #0097A7; font-weight: 500; border-bottom: 1px solid #00ACC1; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject .InputSpan > a { justify-content: center; text-align: center; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Summary { align-content: flex-start; } .Style_newscard .FieldSet_contentbody > .Field_Subject .InputSpan > a { justify-content: center; padding: 3rem 0 2rem; text-decoration: underline; color:#003975; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary { max-width: 1200px; margin: auto !important; gap:var(--gap); } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { background-color: #ffffff; border: 1px solid #607d8b3b; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Image img { max-height: 120px; min-height: 120px; object-fit: cover; min-width:100%; object-position: center; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject { font-weight: 500; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Subject .InputSpan > a { justify-content: center; text-align: center; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary .Field_Summary { align-content: flex-start; } .Style_newscardmini .FieldSet_contentbody > .Field_Subject .InputSpan > a { justify-content: center; padding: 3rem 0 2rem; text-decoration: underline; color:#003975; } .Style_Dark { background-color: #010f1e !important; } .Style_Dark * { color:#CFD8DC !important; } .Style_Dark .Style_minilink .ViewBody_ItemView_OnlyImage { flex-direction: row !important; justify-content: center; gap: 8px; } .Style_Dark .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage { max-width: fit-content; min-width: fit-content; margin: 0; } .Style_Dark .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage img { filter: brightness(1) invert(1); min-height: 24px; } .Style_Dark .Style_contact .Style_WebPageZone_1_1 .FieldSet_right { max-width:fit-content !important; min-width:fit-content !important; padding-right: 1rem; padding-top: 1rem; } .Style_Dark .Style_contact .Style_WebPageZone_1_1 .FieldSet_right .Field_Image { max-width: fit-content; min-width: fit-content; margin: 0; } .Style_Dark .Style_contact .Style_WebPageZone_1_1 .FieldSet_right .Field_Image img { filter: brightness(1) invert(1); min-height: 24px; max-height:32px; } .Style_minilink .ViewBody_ItemView_OnlyImage { flex-direction: row !important; justify-content: center; gap: 8px; justify-content: flex-start; align-content: center; } .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage { max-width: fit-content; min-width: fit-content; margin: 0; } .Style_minilink .ViewBody_ItemView_OnlyImage .ItemView_WebContent_OnlyImage img { filter: brightness(1) invert(1); min-height: 16px; } .Style_Flex1 { flex:1 !important; } .Style_Flex2 { flex:2 !important; } .Style_Flex3 { flex:3 !important; } .Style_Flex4 { flex:4 !important; } .Style_Flex5 { flex:5 !important; } .Style_websectiontitle .FieldValue { justify-content: center; padding: 3rem 0 2rem; text-decoration: underline; color: #003975; font-size: 1.75rem !important; display: flex !important; align-content: center; font-weight: 600; } .Style_DijitalDonusumPlatformu .FieldValue { display: flex !important; justify-content: center !important; } .Style_VButton .EntityTypeView_contentonlybuttonimages { grid-template-columns: repeat(4, 1fr); padding: 10px !important; font-size: 120%; grid-gap: 24px; display: grid !important; align-content: center; } .Style_VButton .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { justify-content: center; box-shadow: 0 0 12px 0 #546e7a1a; border: 1px solid #607d8b24; border-radius: 12px; padding: 12px; } .Style_tabtitlefull .OneByOnePanelBody { padding: 0 0 8px 0; border-top: 1px solid #CFD8DC; border-bottom: 1px solid #CFD8DC; justify-content: center; gap: 12px; } .Style_tabtitlefull .OneByOnePanelBody div { min-width:fit-content; border: 0; font-size: 14px; border-top:3px solid transparent; color:#a6abcd; margin:0; } .Style_tabtitlefull .OneByOnePanelBody div.Selected { border-top:3px solid #ed1a39; color:#ed1a39; font-weight: 400; } .Style_tgsd1 .FieldSet_cardtype4 { justify-content: center !important; } .Style_tgsd1 .FieldSet_cardtype4 .FieldSet_topImage img { min-height: 120px; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary { gap:12px; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { max-width: 360px; border: 1px solid #78909c45; box-shadow: 0 0 8px #78909c2b; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary .Field_Title { font-size: 1.25em; line-height: 1; font-weight: 600; color: #263238; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary .Field_Summary > .InputSpan > a { line-height: 1.2; font-weight: 300; color: #455A64; } .Style_footersosyalV .EntityTypeView_contentonlybuttonimages { flex-direction: row; justify-content: center; } .Style_footersosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { max-width:fit-content; margin:0; } .Style_footersosyalmini .EntityTypeView_contentonlybuttonimages { flex-direction: row; justify-content: left; align-content: center; } .Style_footersosyalmini .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { max-width:fit-content; margin:0; } .Style_footersosyalmini .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage img { width:24px; } .Style_footersosyalmini.Style_colorwhite img { filter: invert(1); } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages { flex-direction: row; align-content: center; } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage { max-width:fit-content; margin:0; min-width: 32px; } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage .Field_Image { max-width: fit-content; } .Style_topsosyalV .EntityTypeView_contentonlybuttonimages .ItemView_WebContent_OnlyImage .Field_Image img { max-width:16px; filter: invert(1); } .Style_MWFitcontent { max-width:fit-content; } .Style_langmini { min-width: fit-content; padding-right: 12px; } .Style_langmini .LanguageList { margin:0 !important; } .Style_langmini .LanguageList > span { padding:4px 8px !important; } .Style_langmini.Style_white .LanguageList { background-color: #ffffff !important; } .Style_loginmini .Button_Login { background-color:#ffffff !important; } .Style_loginmini .Logon { background-color: #ffffff !important; color: #303030; } .Style_loginmini .Logon .UserImage { height:16px !important; margin: 1px 4px 1px 0 !important; } .Style_FontSize1q { font-size:125%; } .Style_FontSize1h { font-size:150%; } .Style_FontSize1t { font-size:175%; } .Style_kart14 .FieldSet_right { flex:1; padding:12px; } .Style_kart14 .FieldSet_left { flex:3; padding:12px; } .Style_column4 .EntityTypeViewBody .ItemView { max-width:23% !important; } .Style_JCCenter .ViewBody { justify-content: center !important; } .Style_JCCenter .ViewBody.MicroView.View_ItemView_Button9 { justify-content: center !important; } .Style_JCCenter .ViewBody.MicroView.View_ItemView_Button9 .ItemView { margin: auto 6px !important; } .Style_JCCenter .ViewBody .ItemView { margin: auto 4px; } .Style_JCLeft .ViewBody { justify-content: left !important; } .Style_JCLeft .ViewBody.MicroView.View_ItemView_Button9 { justify-content: left !important; } .Style_JCLeft .ViewBody.MicroView.View_ItemView_Button9 .ItemView { margin: auto 6px !important; } .Style_JCLeft .ViewBody .ItemView { margin: auto 4px; } .Style_JCRight .ViewBody { justify-content: right !important; } .Style_JCRight .ViewBody.MicroView.View_ItemView_Button9 { justify-content: right !important; } .Style_JCRight .ViewBody.MicroView.View_ItemView_Button9 .ItemView { margin: auto 6px !important; } .Style_JCRight .ViewBody .ItemView { margin: auto 4px; } .Style_iframe1 { height: 100% !important; } .Style_iframe1 .FieldSet_IFrame { height: 100% !important; } .Style_iframe1 .FieldSet_IFrame .FieldSubType_IFrame { height: 100% !important; } .Style_justImgSlider .swiper-slide.row .col-sm-12 { min-width:100% !important; max-width:100% !important; width:100% !important; } .Style_justImgSlider .swiper-slide.row .col-sm-12.tex1 { display:none !important; } .Style_justImgSlider .swiper-slide.row .col-sm-12 img { aspect-ratio: 34 / 9; width: 100% !important; object-fit: cover; } .Style_justImgSlider .swiper.mySwiper .swiper-slide { background: #ffffff !important; } .Style_gap30 >.FieldSet_panelbody >.EntityType_WebPageZone { gap:30px; } .Style_bglibefore::before { background-color: #1d2233 !important; opacity: 0.8 !important; bottom: 0; content: "" !important; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } .Style_ILH .FieldSet_contentonlybuttonimages { flex-direction: row; } .Style_ILH .FieldSet_contentonlybuttonimages >.ItemView_WebContent_OnlyImage { flex:1; } .Style_ILH2 .FieldSet_contentonlybuttonimages { flex-direction: row; gap:12px; } .Style_ILH2 .FieldSet_contentonlybuttonimages >.ItemView_WebContent_OnlyImage { flex: 0; background-color: #e7e7e7; padding: 12px; max-width: 48px; width: 48px; min-width: 48px; border-radius: 50%; } .Style_bgtransparent .EntityTypeView { background-color: transparent !important; } .Style_NewslatterForm .Field >.FieldLabel a { padding-left:0; padding-bottom:14px; } .Style_NewslatterForm .Field >.FieldLabel a span { font-weight: 400; font-size: 15px; color: #000; } .Style_NewslatterForm .Field >.FieldValue { border:2px solid #38454a; } .Style_NewslatterForm .Field >.FieldValue input { border:0 solid transparent !important; font-size: 16px; background-color: transparent; padding: 14px; } .Style_headerSection { background-color: #fff; } .Style_headerSection .StartLogo img { max-width: 100%; max-height: 90px; min-height: 40px; padding: 0; width: 300px; height: 90px; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9 { border-bottom:2px solid transparent; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9 .InputSpan { font-weight: 300; font-size: 16px; text-transform: uppercase; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9.ClickToURLCurrent { border-bottom-color:#003975; } .Style_headerSection .FieldSet_rootpagesbody .ItemView_WebPage_Button9.ClickToURLCurrent .InputSpan { font-weight: 400; } .Style_Googlemap iframe { position: relative; min-height: 400px; padding: 16px; background-color: #fff; border: 1px solid #c9ccd0; } .WebPageTitle { font-size: 125%; color: darkblue; padding: 0.5em; max-width: 1280px !important; margin: 0 auto; } .WebPageTitle .Field { display: block; text-align: center; } .WebPageTitle a { padding: 0; border: 0; box-shadow: 0 0 0; display: block; text-align: center; } .WebPageTitle .FieldValue { border: 0 !important; box-shadow: 0 0 0 !important; } .WebPageLink { position: absolute; right: 0; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent !important; color: transparent !important; } .WebPageLink * { position: absolute; right: 0; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent !important; color: transparent !important; } .WebPageZoneActions { width: 2em; table-layout: auto; } .WebPageZoneActions:before { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 1em; padding: 0.5em; display: inline-block; } .WebPageZoneActions:hover >.DirectionVer { display: block !important; } .WebPageZoneActions >.DirectionVer { display: none !important; width: auto; float: right; height: auto; position: absolute; right: 0; table-layout: auto; z-index: 10000; width: 2em !important; } .WebPageZoneActions >.DirectionVer >.ProcedureButton { display: block !important; width: auto !important; height: 2em; background-color: rgb(154, 198, 229) !important; } .WebPageZoneTitleHeader { opacity: 0.75; } .WebPageZoneTitleHeader:hover { opacity: 1.0; } .WebPageZoneTitleHeader:hover .ProcedureButton { opacity: 1.0; } .WebPageZoneTitleHeader:hover >.DirectionVer >.WebPageZoneActions >.DirectionVer { display: block !important; } .WebPageZoneTitleHeader .ProcedureButton { padding: 3px !important; margin: 0; visibility: visible !important; opacity: 0.5; font-size: 1.5em !important; display: flex; } .WebSiteForm_PageFooter { min-height: 20em; background-color: rgba(127,127,127,0.1); padding: 1em; } .WebSiteForm_PageFooter .EntityType_WebPage .ViewBody { text-align: center; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap { opacity: 0.7; font-size: 100%; font-weight: normal; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap a { font-weight: normal; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap .Field_Name { margin: 0 0.5em; padding: 0.5em; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap .ItemView_WebPage_SiteMap { display: block; font-size: 100%; } .WebSiteForm_PageFooter .ItemView_WebPage_SiteMap:hover { box-shadow: 0 0 0; opacity: 1.0; } .WebSiteForm_PageHeader .Field_Logo img { max-height: 80px; } .WebSiteForm .Panel_MyAccount { padding: 0.5em; text-transform: uppercase; padding-left: 1em; } .WebSiteForm .Panel_MyAccount:before { content: "\f007"; font-weight: bold; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0.5em; font-size: 150%; } .WebSiteForm .Panel_MyBag { padding: 0.5em; text-transform: uppercase; padding-left: 1em; } .WebSiteForm .Panel_MyBag:before { content: "\f290"; font-weight: bold; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 0.5em; font-size: 150%; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone { display: flex; flex: 1; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content { display: flex; flex: 1; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content .ContentView { display:flex; flex:1; flex-direction: column; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content .ContentView .Panel { display:flex; flex: 1; } .ItemView_WebPageZone >.FieldSetPanel .EntityTypeViewBody .ItemView_WebPageZone .FieldSet_Content .ContentView >div:only-child { flex: 1; } .ItemCardBM { display: flex; flex-direction: column; } .ItemCardBM .FieldImage img { height: 150px !important; width:100%; } .ItemCardBM .Field_Name { font-weight: bold !important; text-transform: uppercase; } .ItemCard { box-shadow: var(--cardShadow) !important; background-color: white !important; padding: 8px; border-radius: 10px; max-width: 220px; } .ItemCardBM { background-color: white !important; padding: 8px; border: 1px solid #d8d8d8 !important; border-radius: 10px; max-width: 274px !important; margin: 0; } .ItemCardBM .Field_Subject >InputSpan > a { text-align: center; } .ItemCardTitle { font-size: 130%; font-weight: 600; font-size: 150%; font-weight: 600; } .ItemCardGroup .InputSpan a { padding-bottom: 0; padding-top: 0; font-style: italic; font-size: 80%; } .ItemCardSummary { font-weight: 400; font-size: 90%; } .ItemCardSummary .InputSpan a { max-height: 6em; overflow: hidden; justify-content: flex-start; align-items: flex-start; line-height: 1.25em; } .ItemCardYatay { margin: 8px !important; border: 1px solid #d8d8d8 !important; background-color: white !important; padding: 8px; border-radius: 10px; max-width: calc(100% - 32px); } .ItemCardProjeler { margin: 8px !important; background-color: white !important; padding: 8px; border-radius: 10px; max-width: 270px; border: 1.5px solid #D8D8D8; } .ItemCardProjeler .ItemCardSummary { font-weight: 400 !important; font-size: 19px !important; line-height: 30px !important; } .ItemCard.ratio img { aspect-ratio: 3/2; object-fit: cover; } .ItemCardBM.ratiohorizon img { aspect-ratio: 3/2; object-fit: cover; } .ItemCardYatay.ratiohorizon img { aspect-ratio: 3/2; object-fit: cover; } .ItemCardBM.ratio img { aspect-ratio: 3/2; object-fit: cover; } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button { padding: 10px 0px !important; font-size: 12px; } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button > .ImageSpan ,.Page_Cockpit .PageZone_ES > .EntitySelector >.Button > .ImageClass { display:none !important; } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button .ButtonText { font-size: 80% } .Page_Cockpit .PageZone_ES > .EntitySelector >.Button:after { bottom: 0; } .Page_Cockpit .SingleItem > div { background-color: transparent; border: 0; } .Page_Cockpit.Page .PageZone_Left .LeafNav { height: 100%; width: 100%; box-sizing: border-box; box-shadow: 0 0 0 !important; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton { display: flex; flex-direction: column; align-content: stretch; justify-content: space-evenly; flex: 1; padding: calc(var(--cellSize) / 20); flex-wrap: nowrap; align-items: stretch; padding: 0 !important; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton > .NavImage { padding: 8px; margin: 6px 6px 0 6px; opacity: 0.9; border-radius: 40%; border: solid 1px silver; background-color: white; text-align: center; font-size: 2em; aspect-ratio: 1 / 1; width: auto; height: 40px; margin: 0 auto; display: flex; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton > .NavTitle { padding: 1px !important; font-size: 80%; text-align: center; opacity: 1; border: 0; font-weight: 600 !important; color: #37474F; border-radius: 0 !important; } .Page_Cockpit.Page .PageZone_Left .LeafNav .NavButton > .NavTitle span { padding: 4px; text-align: left; } .Page_Cockpit.Page .PageZone_Left .LeafNav.Selected .NavImage { box-shadow: 0 0 0.25em black; border: 0; } .Page_Cockpit.Page .PageZone_Right .LeafNav { height: 100%; width: 100%; box-sizing: border-box; box-shadow: 0 0 0 !important; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton { display: flex; flex-direction: column; align-content: stretch; justify-content: space-evenly; flex: 1; padding: calc(var(--cellSize) / 20); flex-wrap: nowrap; align-items: stretch; padding: 0 !important; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton > .NavImage { padding: 8px; margin: 6px 6px 0 6px; opacity: 0.9; border-radius: 40%; border: solid 1px silver; background-color: white; text-align: center; font-size: 2em; aspect-ratio: 1 / 1; width: auto; height: 40px; margin: 0 auto; display: flex; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton > .NavTitle { padding: 1px !important; font-size: 80%; text-align: center; opacity: 1; border: 0; font-weight: 600 !important; color: #37474F; border-radius: 0 !important; } .Page_Cockpit.Page .PageZone_Right .LeafNav .NavButton > .NavTitle span { padding: 4px; text-align: left; } .Page_Cockpit.Page .PageZone_Right .LeafNav.Selected .NavImage { box-shadow: 0 0 0.25em black; border: 0; } .BODYPage_Cockpit .SelectionsMenu_EntitySelector:after { content: none; top: 6em; display: none; } .BODYPage_Cockpit .SelectionsMenu_EntitySelector { min-width: 0 !important; width: auto; left: auto !important; max-width: 320px; } .BODYPage_Cockpit .EntityTypeView { border:0px !important; } .MyBox { background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; margin-bottom: 10px; } .SingleItem { --cardcolor: RGB(0, 0, 128); padding-left: var(--gap); padding-right: var(--gap); } .SingleItem .InternetItemType { width: auto; left: 2.5em; padding: 0; width: fit-content !important; opacity: 1; font-size: 12px; color: #78909C; } .SingleItem .InternetItemType .InputSpan > a { padding: 0 0 0.35em 0.5em; } .SingleItem .InternetItemProps { bottom: 0; width: auto; left: 0; right: 0; padding: 0; width: auto !important; } .SingleItem .InternetItemProps .Field { padding: 0; } .SingleItem .InternetItemProps .LabelPositionLeft > .FieldLabel > a { align-items: flex-end; justify-content: flex-end; } .SingleItem .InternetItemHeader .Middle:has(.NoRecordsFound) { display:none !important; } .SingleItem .InternetItemHeader .Middle .NoRecordsFound { display:none !important; } .SingleItem .InternetItemName { position: absolute; top: 0; left: 0; font-weight: bold; font-size: 14px; max-width: fit-content !important; max-height: 45px; color: rgb(255 255 255) !important; background-color: #546e7a !important; border-radius: 10px 0 10px 0 !important; letter-spacing: 5px; padding: 10px 20px; } .SingleItem_Project_Internet .ItemBody { overflow: inherit; } .SingleItem_Project_Internet .FieldSetPanel .TabHeader { margin-left: -10px; } .SingleItem_Project_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; min-height: fit-content; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_Project_Internet .FieldSet_mc >.sticky { display: block; position: sticky; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_Event_Internet .ItemBody { overflow: inherit; } .SingleItem_Event_Internet .FieldSetPanel .TabHeader { margin-left: -10px; } .SingleItem_Event_Internet .FieldSet_Toolbox >.sticky { display: block; position: sticky; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_Event_Internet .ProjectOwnerUserPanel { font-size: 100%; display: block; margin: 0 auto; max-width: 25em; width: 25em; border-radius: 4px; border: var(--buttonBorder); background: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; min-height: 77px; max-height: 77px; margin-right: 2px; } .SingleItem_Event .CardPicture img ,.SingleItem_Event .CardPicture svg { border-radius: 8px; border: solid 1px #d9d9d9; padding: 8px; max-height: 75px; min-height: 75px; margin-left: 15px; max-width: 75px; margin-top: -10px; background: #ffffff; } .SingleItem_UserSummary { --cardcolor: RGB(135, 206, 235); } .SingleItem_UserSummary .CardBannerLeft { flex: 1; max-width: 50px; } .SingleItem_UserSummary .CardPicture img ,.SingleItem_UserSummary .CardPicture svg { border-radius: 8px 0 0 0; } .SingleItem_UserSummary .CardMain .CardPicture { justify-content: flex-start; align-items: flex-start; } .SingleItem_UserSummary .CardBanner::before { content: var(--icon-User); font-family: "361"; position: absolute; left: 0; top: 0; font-size: 160px; opacity: 0.1; } .SingleItem_Community { --cardcolor: RGB(65, 105, 225); } .SingleItem_Community .CardMain .CardBanner .Field_Name { padding-top: 0.7em; } .SingleItem_Community .CardMain .CardPicture { padding: 8px; flex-direction: column; align-content: baseline; } .SingleItem_Community .CardPicture img ,.SingleItem_Community .CardPicture svg { border-radius: 8px; border: solid 1px #d9d9d9; padding: 8px; max-height: 75px; min-height: 75px; margin-left: 15px; max-width: 75px; margin-left: 30px; margin-top: 0px; background: #ffffff; } .SingleItem_Community .CardBanner::before { content: var(--icon-Users); font-family: "361"; position: absolute; left: 0; top: 0; font-size: 160px; opacity: 0.1; } .SingleItem_Community .CardSummary .FieldValue > img { display: block; text-align: center; margin-left: 20px; margin-right: 10px; max-width: 30px; max-height: 30px; border-radius: 8px; } .SingleItem_Community_Internet .ProjectOwnerUserPanel { font-size: 100%; display: block; margin: 0 auto; max-width: 25em; width: 25em; border-radius: 4px; border: var(--buttonBorder); background: #ffffff; border: 1px solid #d8d8d8; border-radius: 10px; min-height: 74px; max-height: 74px; margin-right: 2px; } .SingleItem_Location { --cardcolor: var(--locationColor); } .SingleItem_Location_Internet .FieldSet_mc { display: flex; } .SingleItem_Location_Internet .FieldSet_mc >.sticky { display: flex; top: 5em; background: #ffffff !important; border: 1px solid #D9D9D9; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); border-radius: 10px; box-sizing: border-box; } .SingleItem_CommunityCause .CardMain .CardBanner .Field_Name { font-size: 150%; } .SingleItem_CommunityCause .CardMain .CardPicture img ,.SingleItem_CommunityCause .CardMain .CardPicture svg { border-radius: 8px; background-color: transparent !important; width: auto; height: 100%; max-height: 100px; } .SelectionsMenu.SelectionsMenu_OnClickMenuForm:has( .WebEditBox ) { left: 10% !important; min-width: 80% !important; min-height:50%; box-shadow:0 0 20vh 1rem #000000; } .SelectionsMenu.SelectionsMenu_OnClickMenuForm:has( .WebEditBox ) .MenuItemView_WebPageZone_EditText { min-width:100%; } .CardMain { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; position: relative; gap: 16px; } .CardMain .ReadOnly .InputSpan a { background-color: transparent; } .CardMain .CardActions { padding: 8px; } .CardMain .CardPicture { padding: 0; height: 100%; } .CardMain .CardPicture img ,.CardMain .CardPicture svg { width: auto; height: 100%; max-height: 130px; background-color: white; color: #80808080; } .CardMain .CardPictureUser { align-items: inherit !important; height: 100%; border-radius: 180px; border: solid 1px gray; max-height: 100px; min-height: 100px; margin-left: 30px; max-width: 100px; min-width: 100px; margin-top: 60px !important; padding: 0 !important; background-color: #ff0000; } .CardMain .CardSummary { margin-top: 20px; } .CardMain .CardSummary .Field_Subject a { padding-top: 0; padding-bottom: 0; } .CardMain .CardSummary .Field { padding-top: 0px; } .CardMain .CardSummary .Field_Name .InputSpan a { font-weight: bold; font-size: 150%; } .CardMain .TabHeader { border-bottom: 1px solid rgba(136, 134, 134, 0.5); } .CardMain .TabHeader >span { flex: 0; width: auto; } .CardMain .TabButton { border: 0 !important; } .CardMain .TabButton >span { white-space: nowrap; padding-left: 1em; padding-right: 1em; } .CardMain .CardUserName .InputSpan a { background-color: transparent; margin-top: -115px; margin-left: 142px; } .CardMainProject { width: 100%; flex: 1; margin: 0 auto; display: flex; flex-direction: column; position: relative; gap: 0 !important; background-color: transparent !important; } .CardBanner { min-height: 170px; color: white; background-color: var(--cardColor); border-radius: 10px 10px 0 0; position: relative; display: flex !important; align-items: flex-end; justify-content: flex-end; flex-direction: column; padding-bottom: 1em; flex: 1; } .CardBanner .CardIcons { padding: 0; position: absolute !important; left: 0; top: 0; flex-wrap: wrap; } .CardBanner .CardIcons img { margin-right: -10px !important; } .CardBanner .CardActions { position: absolute; right: 10px; bottom: -52px; } .CardBanner .CardActionsUser { position: absolute; right: 10px; bottom: 10px; } .CardBannerRight { width: auto; background: #ff0000 !important; } .CardActions .Button { color: #546E7A !important; background-color: #FFFFFF !important; box-shadow: none !important; /*max-height: 30px !important;*/ border-radius: 1.5em !important; display: flex; gap: 4px; flex-direction: row; align-items: center; border: 1px dashed #0097A7; padding: var(--inputPadding); } .CardActions .Button:hover { color: #43A5FF !important; border: 1px solid #43A5FF; transition: 0.4s; } .CardActions .Button .ButtonImage { max-width: 16px; min-width: 16px; color: #0097A7; } .CardActions .Button .ButtonTitle { text-wrap: nowrap; max-width: fit-content; } .CardActions .Button.DoScriptButton_MemberCancel { color: #D81B60 !important; border: 1px dashed #D81B60; min-width: 100%; } .CardActions .Button.DoScriptButton_MemberCancel .ButtonImage { color: #D81B60 ; } .CardHeader { flex: 0; margin: 0px auto; width: 100%; padding: 0; } .CardTabs { margin-left: 30px !important; margin-right: 30px !important; flex: 1; min-height: 200px; margin-left: 20px; border: solid 0px #d9d9d9; border-radius: 0px; } .CurrentUser__Guest .PageZone_body .PageZone_Left ,.CurrentUser__Guest .PageZone_body .PageZone_Right { display:none !important; } .CurrentUser_Person.BODYPage_Cockpit .PageZone_header >.DirectionVer { gap:0 !important; } .CurrentUser_Person.BODYPage_Cockpit .PageZone_body >.DirectionVer { gap:0 !important; } .CurrentUser_Person.BODYPage_Cockpit .PageZone_body >.DirectionVer .PageZone_Center { max-width: 100%; overflow-x: hidden; } .Content_MyAccountButton { display: flex; justify-content: flex-end !important; } .Content_MyAccountButton .UserET_User { flex-direction: row-reverse; } .Content_MyAccountButton .Panel_s { justify-content: center !important; } .Page_Cockpit .Panel { display: flex; flex-direction: column; /*gap: var(--gap);*/ /**arayüzleri bozuyor */ } .Page_Cockpit .Panel.row { display: flex;flex-direction: row; } .Gap1 .ViewBody_ItemView { gap:var(--gap); } .ViewBody_ItemView_ImageTitleSummaryinternet { max-width: 1200px; margin: auto !important; gap:var(--gap); } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { background-color: #ffffff; border: 1px solid #607d8b3b; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Image img { max-height: 240px; min-height: 240px; object-fit: cover; min-width:100%; object-position: center; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Title { color: #0097A7; font-weight: 500; border-bottom: 1px solid #00ACC1; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Title .InputSpan > a { justify-content: center; text-align: center; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet .Field_Summary { align-content: flex-start; } .Domain_TGSD.BODYPage_Cockpit { background-color: #ffffff !important; } .Domain_TGSD.BODYPage_Cockpit .Style_footerlogo { min-height: fit-content; } .Domain_TGSD.BODYPage_Cockpit .Style_footerlogo picture img { min-width: 360px; } .Domain_TGSD.BODYPage_Cockpit .Style_footermain { background-image: url(./file/WebImage/Image/a2533f16-c40e-02d7-6ac1-9e5397cae89e/footerbg_tgsd.svg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding-top:100px; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper-slide.row .col-sm-12 { min-width:100% !important; max-width:100% !important; width:100% !important; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper-slide.row .col-sm-12.tex1 { display:none !important; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper-slide.row .col-sm-12 img { aspect-ratio: 16 / 6; width: 100% !important; object-fit: cover; } .Domain_TGSD.BODYPage_Cockpit .Style_herosld .swiper.mySwiper .swiper-slide { background: #ffffff !important; } .Domain_TGSD.BODYPage_Cockpit .ItemBody { border-radius: 0 !important; } .Domain_TGSD.BODYPage_MobileFullWebPage { background-color: #ffffff !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_footerlogo { min-height: fit-content; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_footerlogo picture img { min-width: 360px; min-height: 90px; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_footermain { background-image: url(./file/WebImage/Image/a2533f16-c40e-02d7-6ac1-9e5397cae89e/footerbg_tgsd.svg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding-top:100px; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper-slide.row .col-sm-12 { min-width:100% !important; max-width:100% !important; width:100% !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper-slide.row .col-sm-12.tex1 { display:none !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper-slide.row .col-sm-12 img { aspect-ratio: 16 / 6; width: 100% !important; object-fit: cover; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper.mySwiper .swiper-slide { background: #ffffff !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .ItemBody { border-radius: 0 !important; } .MainContentDIV:has(>.SingleItem_Product_Internet.SingleItem_Product) { max-width: 1320px; margin:0 auto; } .SingleItem_Article { max-width: 1200px; margin: 0 auto; } .SingleItem_Article_Home .EmptyImage { display: none } .SingleItem_Article_Home .FieldSet_m { gap: 0; } .SingleItem_Article_Home .FieldSet_b >* { max-width: 650px !important; gap: 0; margin: 0 auto; } .SingleItem_Article_Home .FieldSet_b .Field_Title { font-size: 2em; font-weight: 700; padding: 8px 0 16px 0 !important } .SingleItem_Article_Home .FieldSet_b .Field_Summary { font-weight: 600; font-size: 1.25em; } .SingleItem_Article_Home .FieldSet_b .Field { padding: 1px 0; } .SingleItem_Article_Home .FieldSet_b .Field .InputSpan a { padding: 4px 0; } .SingleItem_Article_Home .FieldSet_r { max-width: 320px !important; } .SingleItem_Article_Home .Field_Image img { width: 100%; height: auto !important; } .SingleItem_Article_Home .FieldSet_relatednews .EntityTypeViewBody { background-color: transparent; border: 0; box-shadow: 0 0 0; } .SingleItem_Article_Home .FieldSet_relatednews .ViewBody { background-color: transparent; min-height: 25em; } .SingleItem_Article_Home .FieldSet_relatednews .ViewBody .ItemView { width: 100%; margin-bottom: 8px; } .SingleItem_Article_Home .FieldSet_relatednews .ViewBody .ItemView .Field_Title { font-size: 1.1em; font-weight: 600; text-transform: uppercase; } .SingleItem_Article_Home .FieldSet_comments .Parameters .InputSpan { width: 100%; } .SingleItem_Article_Home .SingleItem .ReadOnly > .InputSpan > a { border: 0 !important; box-shadow: 0 0 0 !important; } .SingleItem_Article_Home .ItemView_ArticleWriter_Card img { max-height: 200px; } .SingleItem_Article_Home .Field_Body img { height: auto !important; } .SingleItem_Article_Internet .CloseButton { display: none; } .SingleItem_Article_Edit img.ImageIsEmpty { max-height: 100px } .SingleItem_ArticleWriter_Home .Field_FullName a { text-align: center; justify-content: center; font-size: 1.5em; font-weight: 700; text-transform: uppercase; } .SingleItem_ArticleWriter_Home .Field_Image img { max-height: 200px; } .ItemView_Article { background-color: var(--white) !important; } .ItemView_Article_ImageTitle .Field_Image { flex: 5 !important; } .ItemView_Article_ImageTitle .Field_Title { flex: 1; } .ItemView_Article_Summary { background-color: white; } .ItemView_Article_Summary .FieldSet_tit { justify-content: center; } .ItemView_Article_Summary { display: block; } .ItemView_Article_Summary .Field_Writer { position: absolute; bottom: 0; } .ItemView_Article_Summary .Field_Writer .InputSpan a { position: absolute; bottom: 0; padding: 1px; left: 1em; color: #ef8b06; } .ItemView_Article_Card { min-width: 320px; width: 100%; height: auto; } .ItemView_Article_Card .FieldSet_t2a { padding: 0; gap: 0; max-width: 100px; min-height: 100px; display: flex; border-radius: 8px; max-height: 100px; } .ItemView_Article_Card .FieldSet_t2a img { border-radius: 8px; } .ItemView_Article_ImageTitleSummary { max-width: 480px; } .ItemView_Article_ImageTitle { width: 180px; } .ItemView_Article_SliderCard .FieldSet_title { position: absolute; bottom: 0; top: 0; left: 0; right: 0; height: 100%; width: 100%; } .ItemView_Article_SliderCard .FieldSet_title .Field { background-color: rgba(255,255,255,0.5); font-size: 2em; padding: 8px 16px; letter-spacing: 1px; } .ItemView_Article_SliderCard .FieldSet_img { position: absolute; bottom: 0; left: 0; top: 0; right: 0; width: 100%; height: 100%; } .ItemView_Article_DateTitle { background-color: white; } .ItemView_Article img { object-fit: cover; } .ItemView_Article_PostViewCard { background-color: white; border-radius: var(--gap); box-shadow: 0 0 8px 0px #607d8b14 !important; margin: unset; border:var(--border2) !important; } .ItemView_Article_PostViewCard .FieldSet_editFS { max-width: 3rem; justify-content: center; padding: 0.5rem; } .ItemView_Article_PostViewCard .Field_Title { border-left: 4px solid #00BCD4 !important; background-color: rgb(248 250 251); } .ItemView_Article_PostViewCard .Field_Summary { padding: 1.5rem 0.5rem 0.5rem ; font-size: 1.25rem; color: #455A64; line-height: 1.25; } .ItemView_Article_PostViewCard .Field_Type { justify-content: flex-end; color: #455A64 !important; font-size: 1.25rem; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; } .ItemView_Article_PostViewCard .ItemView_Person_OwnerCard .FieldSet_r1 { padding: 4px 0 0 8px; } .ItemView_Article_PostViewCard .ItemView_Person_OwnerCard .Field_Picture > img { border-radius: 4px; } .ItemView_Article_PostViewCard .Field_Keywords > .InputSpan >a { padding-left: 1.5rem; padding-bottom:1.5rem; color: #1a5bbf; } .ItemView_Article_PostViewCard .Field_Image img { min-width: 100%; } .ItemView_Article_Title { min-height: 3em; } .ItemView_Article_Title .FieldSet { justify-content: center !important; } .ItemView_ArticleWriter { max-width: 320px; } .ItemView_ArticleWriter_LastArticle .Field_FullName { font-size: 1.25em !important; font-weight: 600; text-transform: uppercase; } .ItemView_ArticleWriter_LastArticle .Field_Description { font-style: italic; font-weight: 300; opacity: 0.8; } .ItemView_ArticleWriter_LastArticle .Field_Image { flex: 1 } .ItemView_ArticleWriter_LastArticle .Field_Image img { object-fit: cover; max-height: 200px; } .ItemView_ArticleWriter_LastArticle { max-width: 310px; margin: 4px !important; background-color: white !important; padding: 8px; } .ItemView_ArticleWriter_LastArticle .Field { padding: 0; } .ItemView_ArticleWriter_LastArticle .Field .InputSpan a { padding: 4px; } .ItemView_ArticleWriter_LastArticle .Field_FullName { font-size: 2em; font-weight: 600; } .ItemView_ArticleWriter_LastArticle .Field_LastArticle { font-size: 1.5em; font-weight: 500; flex: 1; justify-content: flex-end; } .ItemView_ArticleWriter_LastArticle .Field_LastArticle .InputSpan a { display: flex; align-content: flex-end; align-items: flex-end; } .ItemView_ArticleCategory_Summary { display: block !important; width: auto; margin-top: 1em !important; margin-bottom: 1em !important; border-top: solid 1px #80808040 !important; padding-top: 1em !important; } .ItemView_ArticleCategory_Summary >.FieldSet_m >.Field_Name { font-size: 200%; font-weight: 700; } .ItemView_ArticleCategory_Summary .ItemView_Article_ImageTitle { width: 100%; } .ItemView_ArticleCategory_Summary .ItemView_Article_ImageTitle .FieldSet_m { flex-direction: row; flex-wrap: nowrap; } .ItemView_ArticleCategory_Summary .ItemView_Article_ImageTitle .FieldSet_m .Field_Image { max-width: 100px; } .ItemView_ArticleCategory_Summary .ItemView_Article_ImageTitle .FieldSet_m img { height: auto; max-width: 100px; } .ItemView_ArticleCategory_Summary .ItemView_Article_Title .InputSpan > a { padding: 4px; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles { display: grid; grid-template-columns: 1.75fr 1.25fr 1fr; grid-template-rows: repeat(10, auto); grid-column-gap: 8px; grid-row-gap: 0px; align-items: center; justify-content: center; align-content: center; padding: 8px; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView { height: 100% !important; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(15) { grid-area: 9 / 3 / 10 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(14) { grid-area: 8 / 3 / 9 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(13) { grid-area: 7 / 3 / 8 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(12) { grid-area: 6 / 3 / 7 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(11) { grid-area: 5 / 3 / 6 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(10) { grid-area: 4 / 3 / 5 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(9) { grid-area: 3 / 3 / 4 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(8) { grid-area: 2 / 3 / 3 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(7) { grid-area: 1 / 3 / 2 / 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(6) { grid-area: 9 / 2 / 11 / 3; height: 100%; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(6) .Field_Image { display: initial; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(5) { grid-area: 7 / 2 / 9 / 3; height: 100%; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(5) .Field_Image { display: initial; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(4) { grid-area: 5 / 2 / 7 / 3; height: 100%; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(4) .Field_Image { display: initial; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(3) { grid-area: 3 / 2 / 5 / 3; height: 100%; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(3) .Field_Image { display: initial; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(2) { grid-area: 1 / 2 / 3 / 3; height: 100%; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(2) .Field_Image { display: initial; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(1) { grid-area: 1 / 1 / 11 / 2; height: 100% !important; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(1) .Field_Image { display: initial; width: 100%; max-width: 100%; flex: 4; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(1) .Field_Title { flex: 1; font-size: 200%; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(1) .FieldSet_m { flex-direction: column; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(1) .FieldSet_m img { max-width: 100%; object-fit: cover; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle .InputSpan > a { padding: 4px; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle .Field_Image { display: none; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle .Field_Title { font-size: 125%; flex: auto; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(16) { grid-area: 10 / 3 / 11 / 4; } .ItemView_ArticleCategory_Button { display: block !important; width: auto; } .ItemView_AssetType_Home { background-color: white !important; padding: 0.5em; } .ItemView_ArticleZone_Internet { background-color: transparent; } #Panel_left .ItemView_Article_Card { width: 320px; height: auto; } .FieldSet_MR .ItemView_Article_Card { width: 100%; height: auto; } .newsImg { height: 100%; } .newsImg >img { height: 100%; object-fit: cover; } .newsSummary1 >.InputSpan > a { padding: 0.2em 0.2em; font-size: 0.8em; max-height: 3.3em; overflow: hidden; display: flex; text-align: justify; align-items: flex-start; color: #607D8B; } .Content_TopLine img { width: 160px !important; } .EntityType_ArticleCategory.View_ItemView_Button { display: flex !important; flex-direction: row !important; } .EntityType_Article.View_ItemView_SliderCard .ItemView_Article_SliderCard { width: 100%; height: 100%; max-height: 100%; } .EntityType_Article.View_ItemView_SliderCard .EntityTypeViewBody > .Center > .Middle { display: flex; } .EntityType_Article.View_ItemView_SliderCard .OneByOnePanelBody > div { color: transparent; } .EntityType_Article.View_ItemView_SliderCard .OneByOnePanelBody > div:before { content: var(--icon-Dot); font-family: "361"; color: black; display: inline-block; } .EntityType_Article.View_ItemView_PostViewCard .ViewBody_ItemView_PostViewCard { gap: 1.5rem; padding:12px; } .EntityType_Article.FieldSet_etfs .ViewBody_ItemView_Card { gap:6px; } @media only screen and (max-width: 480px) { :root { --fieldLabelWidth: 7em; } body .Style_DisableOnMobile { display:none !important; } .PageZone_footer.PageFooter > .Button >.ButtonTitle { display: none; } .Solutions .SolutionGroup_Cockpits .Button .ButtonText { font-size: 1em; } .Solutions .SolutionGroup_Cockpits .Solution_Body .Button { min-width: 33%; max-width: 33%; } .ItemHeader { padding: 4px; } .ItemStates { padding: 0; } .SingleItem_Subscriber_Request { font-size: 100%; padding: 0.5em 1.5rem; } .SingleItem .SubItemButtons { top: 55%; padding-top: 0; bottom: 0; height: fit-content; position: fixed; transform: translateY(-50%); } .SingleItem .SubItemButtons >.SubItemButton { padding: 0.5rem 0; } .SingleItem .Field.LabelPositionTop { border: solid 0 transparent; border-top: solid 0 transparent; border-bottom: solid 0 transparent; } .SingleItemHeader { --inputPadding: 0; } .SingleItemHeader .FieldSet_c { border-left: 0; border-right: 0; padding: 1px; } .SingleItemHeader .FieldSet_l { padding: 1px; } .Document_ScrollEnded .SingleItemType { padding: 1em; } .Panel_KPIs { flex: 0; gap: var(--gap); padding: var(--gap); display: flex; flex-direction: row !important; justify-content: center !important; align-items: stretch !important; flex-wrap: wrap; } .Panel_KPIs .AggregateLabel { opacity: 1; color: #37474F; font-size: 0.8em; padding: 0 !important; line-height: 1; text-align: center; text-wrap: nowrap; max-width: 7em; overflow: hidden; } .Panel_KPIs .AggregateValue { font-weight: 600; padding: 4px !important; font-size: 1.2em; padding: 0 !important; justify-content: center !important; color: #009688; } .Panel_KPIs .Aggregate { min-width: 30%; min-height: auto; max-width: 30% !important; } .Panel_KPIs .Mode_Edit:has(>.Aggregate) { margin: 0; } .Content .HomeContentMenu .NavBranch { width: 100%; } .TabPanel_Tab .TabBody { padding: 0; } .TabPanel .TabHeader { border-radius: 0; justify-content: flex-start; margin: 0; padding: 0; } .LoginForm >form { font-size: 100%; } .EntityTypeView.GridColumn2 .ViewBody { grid-template-columns: auto; } .EntityTypeView.GridColumn3 .ViewBody { grid-template-columns: auto; } .EntityTypeView.GridColumn4 .ViewBody { grid-template-columns: auto; } .FilesDisplay >.FileDisplay { margin: 4px 0; } .OFHidden.View_List .ListMiddle { position: relative; } .OFHidden.View_List .ListMiddle .ListBody > .ListTable { position: relative; } .Panel_KPIs { gap:12px !important; } .Panel_KPIs .PanelHasHeader .PanelHeader { background-color: #e0e0fa !important; height: auto !important; border-radius: 0 !important; } .ContentHeader { border-radius: 0; margin: 0; } .ContentHeader .Aggregate { box-shadow: 0 0 4px gray; max-width: 160px; min-width: 160px; } .ContentHeaderTitle { font-size: 2em; } .ContentHeaderDescription { font-size: 1em; } .ContentHeader .Panel_kpis { gap: 8px; justify-content: center !important; padding-left: 0; padding-right: 0; zoom: 0.66; } .ContentHeader .Panel_KPIs { gap: 8px; justify-content: center !important; padding-left: 0; padding-right: 0; zoom: 0.66; } .ContentHeader .Panel_metrics { gap: 8px; justify-content: center !important; padding-left: 0; padding-right: 0; zoom: 0.66; } .SingleItem_DBCBusinessCard .Field_VCARD { display: block; } .SingleItem_DBCBusinessCard .Field_VCARD .FieldValue { flex-direction: column; } .SingleItem_DBCBusinessCard .Field_VCARD .FieldValue img { width: 100%; min-width: 100%; min-height: initial; } .ItemView_Person_Header .FieldSet_l { padding: 1px; } .ItemView_Person_ImageCardSmall { width: 105px; font-size: 0.75em; } .ItemView_Person_MyAccount .DirectionVer { gap:var(--gap) !important; } .ItemView_WorkPeriod_NowWork { max-width: var(--mobilecardwidth); width: var(--mobilecardwidth); margin: 4px auto !important; border:1px dashed #ccc !important; } .ItemView_Activity_Card { width: 100%; max-width: calc(100% - 1em); padding: 0.4em; } .EntityType_Activity.MicroView .EntityTypeViewBody > .Center > .Middle { margin: 0; } .EntityType_Activity .ViewBody_ItemView_Card .GroupByMode_Ver .FolderGroupBy { width: 100%; max-width: calc(100% - 2em); } .EntityType_EventSession.View_ItemView_BasicCard .FolderGroupByTab { display: flex; flex: 1; min-height: 100%; position: relative; } .EntityType_EventSession.View_ItemView_BasicCard .ViewBody_ItemView_BasicCard { height: auto; } .EntityType_EventSession.View_ItemView_BasicminiCard .FolderGroupByTab { display: flex; flex: 1; min-height: 100%; position: relative; } .EntityType_EventSession.View_ItemView_BasicminiCard .ViewBody_ItemView_BasicminiCard { height: auto; } .ItemView_EventPerson_Card { max-width: 100%; } .EntityTypeView_Katilimcilar .ViewBody_ItemView_Card { flex-direction: column; gap: 1px; padding: 0.25em 0.5em; justify-content: start; } .SingleItem_Event_Internet .FieldSet_Header .Field_Subject .InputSpan > a { justify-content: center; align-content: center; text-align: center; font-size: 20px; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer { justify-content: space-between !important; background-color: #f6f8f9; font-size: 12px; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer .Field .FieldLabel > a { justify-content: center !important; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer .Field_StartDate { color:#21976b; } .SingleItem_Event_Internet .FieldSet_Header .FieldSet_t2 .DirectionVer .Field_EndDate { color:#97215e; } .ItemView_Poll_Slider { min-width: 320px; max-width: 320px; } .ItemView_NormStaff_Tree { margin-left: 0; margin-right: 0; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field { padding: .25em !important; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .InputSpan > a { font-size: 1.4em; } .ItemView_NormStaff_OpenPosition .FieldSet_t2 .Field .FieldLabel span { font-size:.75em } .EntityType_Membership .ItemView_Membership_InternetCardV { max-width:320px; } @media (max-width: 768px){ } @media print{ } .ItemView_WebPage_Square { zoom: 0.75; } .ItemView_WebPage_Square .Field_Name { background-color: transparent !important; color: #02407a; text-transform: uppercase; } .ItemView_WebPage_Button1 { margin: 0em !important; width: 10rem; } .ItemView_WebPage_Button1 .Field_Image img { min-height: 64px; max-height: 80px; padding: 8px; border-radius: 16px !important; } .ItemView_WebPage_Button1 .Field_Name a { padding-left: 4px; padding-right: 4px; padding-top: 4px; } .ItemView_WebPageZone_Web { height: auto !important; padding: inherit !important; transform: initial !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject { font-size: 100% !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Summary { font-size: 100% !important; } .MainContent >.SingleItem_WebPage >.ItemBody >.Fields { padding: 0; } .SelectionsMenu .MenuItemView_WebPageZone_Settings .TabPanel_Tab .TabBody { padding: 0; } .Style_gap1em { gap:12px; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 90% !important; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 45% !important; } .Style_VButton .EntityTypeView_contentonlybuttonimages { grid-template-columns: repeat(2, 1fr); padding: 10px !important; font-size: 120%; grid-gap: 12px; display: grid !important; align-content: center; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { min-width: 320px; } .Style_column4 .EntityTypeViewBody .ItemView { max-width: 90% !important; } .Style_marginautomobile { margin:auto !important; } .BODYPage_Cockpit .SelectionsMenu_EntitySelector { max-width: 100%; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { max-width: 90% !important; } .Domain_TGSD.BODYPage_MobileFullWebPage .Style_herosld .swiper.mySwiper { min-height: auto !important; } .ItemView_Article_ImageTitle { width: 48%; } .ItemView_ArticleWriter_LastArticle { max-width: 100%; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles { display: flex; } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(15) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(14) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(13) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(12) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(11) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(10) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(9) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(8) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(7) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(6) { display: none } .ItemView_ArticleCategory_Summary .View_ItemView_ImageTitle.EntityType_Article.EntityTypeView_articles .ItemView_Article_ImageTitle:nth-child(16) { display: none } } @media only screen and (min-width: 481px) and (max-width: 1024px) { body .Style_DisableOnTablet { display:none !important; } .SingleItem .EntityType_EventSponsorship .ViewBody_ItemView_MinlogoCard { position: absolute; } @media (max-width: 768px){ } @media print{ } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Subject { font-size: 100% !important; } .ItemView_WebContent_Grid >.FieldSet_m >.Field_Summary { font-size: 100% !important; } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 45% !important; margin: 0 !important; } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width: 20% !important; margin: 0 !important; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary { padding: 12px !important; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { min-width: 360px; } .Style_column4 .EntityTypeViewBody .ItemView { max-width: 45% !important; margin: 0 !important; } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { max-width: 45% !important; margin: 0 !important; } } @media only screen and (min-width: 1025px) { body .Style_DisableOnDesktop { display:none !important; } .ItemView_AgendaItem_HoverCard .FieldSet_t2 { justify-content: space-between !important; display: flex; flex-direction: row; max-width: fit-content; } .SingleItem .EntityType_EventSponsorship .ViewBody_ItemView_MinlogoCard { position: absolute; } .EntityType_Membership .ItemView_Membership_InternetCardV { max-width:240px; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_act { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_EditBtn { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_LOBtn { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar .FieldSet_FIBtn { visibility: hidden; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_act { visibility: visible; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_EditBtn { visibility: visible; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_LOBtn { visibility: visible; } .ItemView_FormTemplateZone_DesignCard .FieldSet_toolbar:hover .FieldSet_FIBtn { visibility: visible; } @media (max-width: 768px){ } @media print{ } .Style_newscard .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width:30% !important; margin:0 !important } .Style_newscardmini .ViewBody_ItemView_ImageSubjectSummary .ItemView_WebContent_ImageSubjectSummary { max-width:15% !important; margin:0 !important } .Style_minilink .ViewBody_ItemView_OnlyImage { padding-left: 7rem; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary { padding: 12px !important; } .Style_makalebbo1 .EntityTypeView_articleimagetitlesummary .ItemView_Article_ImageTitleSummary { min-width: 360px; } .Style_column4 .EntityTypeViewBody .ItemView { max-width:23% !important; margin:0 !important } .ViewBody_ItemView_ImageTitleSummaryinternet .ItemView_Article_ImageTitleSummaryinternet { max-width:30% !important; margin:0 !important } } /* ENTITY : [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; } /* ENTITY : [BUSINESSMANAGEMENT] Project. */ .ItemView_Project_Card { display: block !important; width: 100%; } .ItemView_ProjectStage_Card { max-width: 800px; margin: 0 auto; display: block; } .ItemView_ProjectArticle_Card { display: block; width: 100%; } .View_ItemView_Card.EntityType_Project.EntityTypeView { margin: 0 auto; max-width: 1200px; } .EntityType_ProjectAsset.View_ItemView_Card { margin: 0 auto; max-width: 1200px; } .SiteMapItem .FieldSet_t { flex: 1; } /* ENTITY : [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; } /* ENTITY : [SYSTEM] QRCode. */ .FieldSet_Reader .HTMLWidget_Reader { /*height: 50vh !important; */ width: 100%; padding: 1rem; margin: 0 auto; } .HTMLWidget_Reader { /* height: 50vh !important; */ width: 100%; padding: 1rem; } .HTMLWidget_Reader #reader { /* height: 50vh !important;*/ max-width: 100%; width: 100% !important; display: flex; } .ItemView_Person .EntityTypeView_qrcodereader { overflow: auto; max-width: 100% !important; max-height: 100% !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 */