diff --git a/Docs/ActualToDo.md b/Docs/ActualToDo.md index 1a9e6e0..08f001e 100644 --- a/Docs/ActualToDo.md +++ b/Docs/ActualToDo.md @@ -48,13 +48,13 @@ Per completare - stato ordine - [x] ordinamento - [ ] aggiungere data promessa consegna: dato sul db, valore default (+30gg?), gestione filtro... -- [ ] aggiungere calcolo (FAKE) dei prezzi -- [ ] aggiungere company x ordini (x viste DCA almeno) -- [ ] gestione modifica descrizione/codice ordini (da aprte del cliente finale) -- [ ] aggiunta gestione DCA x conferma prezzi e tempistiche -- [ ] aggiunta gestione DCA x approvazione ordini +- [x] aggiungere calcolo (FAKE) dei prezzi +- [x] aggiungere company x ordini (x viste DCA almeno) +- [x] gestione modifica descrizione/codice ordini (da p\rte del cliente finale) +- [x] aggiunta gestione DCA x conferma prezzi e tempistiche +- [x] aggiunta gestione DCA x approvazione ordini - [ ] verifica HW con Filippo/Emmanuele da info ABH/Kit -- [ ] verificare significato della dicitura "Model Number": cosa indica esattamente? è corretta sul db? è calcolata correttametne da interfaccia? +- [ ] verificare significato della dicitura "Model Number": cosa indica esattamente? è corretta sul db? è calcolata correttamente da interfaccia? ### DCA Order Mans @@ -68,7 +68,7 @@ Per completare: - [x] sistemare con paginatore max 3 righe x 4 porte - [x] fix button verde add-new - [x] ombreggiatura blocco -- [ ] gestione calcolo prezzi (almeno fake) +- [x] gestione calcolo prezzi (fake, random) ### DoorDefinition BaseParams - [x] conteggio num modifiche da salvare @@ -90,7 +90,41 @@ Sistemare: - [x] fix cancel/save: globale x Hardware oppure x ognuno con icona? - [x] verificare perché NON si aggiorna al salvataggio pagina dei 18 hw - [x] mancano il totale componenti x ogni hw attivato -- [ ] aggiungere icone/immagini x gli HW da inserire nelle porte +- [x] aggiungere icone/immagini x gli HW da inserire nelle porte + + +### Import componenti DOOR + +Procedura per import componenti, sempre GLOBALE (= TUTTI) + +- [x] definizione cartelle di base: + - [x] (A) R:\WebDoor\CurComp x componenti ATTUALI/cottenti/approvati + - [x] (B) R:\WebDoor\NewComp x componenti DA valutare x import +- [x] scansione della cartella (B) +- [x] ciclo x ogni file della cartella B + - [x] rilevo path (assoluto e relativo = togliendo parte (B)) + - [x] calcolo MD5 + - [x] rilevo lenght + - [x] rilevo last mod + - [ ] cerco sul DB record x il PATH (RELATIVO) in oggetto (opzionalmente unique sul db) +- [ ] salvo datetime = adesso +- [ ] in base alla verifica precedente mi tengo set in memoria dalla lista del DB con + - [ ] NON trovo record --> registro nuovo record, con stato = new (=1) + - [ ] trovo record + - [ ] SE cambia MD5/lenght/(last mod?) --> registro stato MOD (=2) + lastCheck = adesso + - [ ] se NON cambia --> registro lastCheck = adesso + stato CONFIRM ( =0) +- [ ] verifico TUTTI i record del DB, e quelli con lastCheck < adesso --> segno come ELIMINATI (=3) +- [ ] step di check puntuale: TUTTI quelli con stato > 0 sono mostrati x azione (1 check x ogni riga, con seleziona tutti/nessuno) +- [ ] l'utente deve poter VEDERE la differenza tra i file (modificati) di (A) e (B) (con diff tramite modale, ...) +- [ ] l'utente checca 0/+ righe e clicca su CONFERMA: si cicla x TUTTE le righe checked x aggiornarle sul DB + - [ ] le righe NUOVE confermate --> sono registrate (con valid from...), stato CONFIRM ( =0), viene copiato file/cartelle da (B) ad (A) + - [ ] le righe modificate --> si registra modifica, stato CONFIRM ( =0), viene sovrascritto/sostituito file/cartelle da (B) ad (A) + - [ ] le righe eliminate --> si imposta cancellazione logica (validUntil), stato DELETED ( =-1), viene sovrascritto/sostituito file/cartelle da (B) ad (A) +- [ ] le righe NON checked, ma NON aggiorno sul DB: + - [ ] se erano nuove (=1) --> elimino dal DB (e NON copio folder) + - [ ] se erano modificate (=2) --> riporto a stato precedente (0/-1) (e NON copio) + - [ ] se erano eliminate (=3) --> riporto a 0 (e NON faccio nulla) + #### Report @@ -98,7 +132,7 @@ Sistemare: - [x] Esportabile in pdf, comprensivo di "check pdf fatto da tizio alle ..." ## Componenti -- [ ] costruire libreria componenti (ad esmepio waiter/loader) da siti di esempio componenti in EgwCoreLib.Razor +- [x] costruire libreria componenti (ad esempio waiter/loader) da siti di esempio componenti in EgwCoreLib.Razor --> ProgressBar e nuovi Loader ### Top diff --git a/Docs/ActualToDo.pdf b/Docs/ActualToDo.pdf index 9f4a92f..01f11a9 100644 Binary files a/Docs/ActualToDo.pdf and b/Docs/ActualToDo.pdf differ diff --git a/Docs/General Architecture.md b/Docs/General Architecture.md index 65e1fea..3828e02 100644 --- a/Docs/General Architecture.md +++ b/Docs/General Architecture.md @@ -307,6 +307,6 @@ In particular we expect to have some data auto-calculated (ex time from CAM), wh | Date | Edit | Version | Note | |------------|----------------|:-------:|-----------------:| -| 2022.11.09 | S.E. Locatelli | 0.2 | Draft completion | | 2022.11.03 | S.E. Locatelli | 0.1 | Initial draft | -| 2023.03.21 | Z. Majid | 0.4 | Grammar Fixes | +| 2022.11.09 | S.E. Locatelli | 0.2 | Draft completion | +| 2023.03.21 | Z. Majid | 0.4 | Grammar Fixes | diff --git a/Docs/General Architecture.pdf b/Docs/General Architecture.pdf index 47aa44c..397e6e1 100644 Binary files a/Docs/General Architecture.pdf and b/Docs/General Architecture.pdf differ diff --git a/Docs/NoteFix.md b/Docs/NoteFix.md new file mode 100644 index 0000000..d3aa4a1 --- /dev/null +++ b/Docs/NoteFix.md @@ -0,0 +1,58 @@ +# Appunti fix vari + +La sistemazione è gestita direttametne con commit git... +## Traduzione + + Ci sono ancora lemmi di interfaccia gestiti come numerici, NON è lo standard definito: + - ok a lemmi "UI_" + - lemmi devono essere "self explaining" + - eventualmente nel naming il cosa/dove, accettabile **UI_BtnOk** o **UI_BtnKo**, ma anche **UI_OrderPage_title** + +... da sistemare GLOBALMENTE (= Zac...) x gli esistenti, mi occupo di creare correttamente solo i nuovi... + +## NavMenuHorizontal + + +Ci sono alcne cose che non funzionano: + + + - i pulsanti si disallineano (icona/testo) con size schermo sotto fhd (va gestito almeno da 1376 in orizzontale...) + +![Buttons KO](images/NoteFix_01.png "Buttons KO") + - typo: flex warp indica che la pagina deve caricarsi a velocità warp (superluminare) come in star trek? MAGARI!!!! + +```csharp + + + + + +``` + - il navbar toggler che non funziona... + - opzioni utente con username (email) x esteso: troppo grande, ridotto + +## Modale Door + +La pagina modale della porta permetteva sia la modifica imperativa delle quantità che la modifica del resto gestita tramite controllo CurrDoor / CurrDoorClone per approvare/annullare intervento complessivo + +Questo portava ad una situazione di errore in caso di modifica (es descrizioen door) + modifica quantità + +Eliminato metodo esplicito modifica quantità (da service + DB), gestito come modifica "locale" del dato qta (che quindi eredita il controllo qty >=0) + +## Modale Ordini + +- Aggiunta modale x editing ordine cliente +- Aggiunta modale x gestione editing DCA (data consegna...) + +## HwSingleInstance + +La gestione del calcolo "variato" non funziona bene/sempre +- errori in fase di calcolo +- usare funzione come check è sub ottimale +- i valori creati x clone NON sono veri cloni (di fatto punta ad obj originali) + +--> riscritta logica vaori originali/correnti ed editing... \ No newline at end of file diff --git a/Docs/NoteFix.pdf b/Docs/NoteFix.pdf new file mode 100644 index 0000000..07e41e1 Binary files /dev/null and b/Docs/NoteFix.pdf differ diff --git a/Docs/README_manuale.txt b/Docs/README_manuale.txt new file mode 100644 index 0000000..8dc03be --- /dev/null +++ b/Docs/README_manuale.txt @@ -0,0 +1,3 @@ +Per sistemare il manuale da ilias copiare il file delos.css qui allegato in + +C:\Users\samuele.steamw\source\WebDoorCreator\WebDoorCreator.UI\wwwroot\help\templates\default \ No newline at end of file diff --git a/Docs/delos.css b/Docs/delos.css new file mode 100644 index 0000000..d42e509 --- /dev/null +++ b/Docs/delos.css @@ -0,0 +1,20127 @@ +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-Bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-Italic.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-Italic.woff') format('woff'); + font-weight: 400; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-BoldItalic.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-BoldItalic.woff') format('woff'); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-Light.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-Light.woff') format('woff'); + font-weight: 300; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-LightItalic.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-LightItalic.woff') format('woff'); + font-weight: 300; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-Semibold.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-Semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-SemiboldItalic.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-SemiboldItalic.woff') format('woff'); + font-weight: 600; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-ExtraBold.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-ExtraBold.woff') format('woff'); + font-weight: 800; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('fonts/OpenSansWeb/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('fonts/OpenSansWeb/OpenSans-ExtraBoldItalic.woff') format('woff'); + font-weight: 800; + font-style: italic; +} +@font-face { + font-family: 'Open Sans Emoji'; + src: url('fonts/OpenSansEmoji/OpenSansEmoji.ttf') format('truetype'), url('fonts/OpenSansEmoji/OpenSansEmoji.otf') format('otf'); + font-style: normal; +} +@font-face { + font-family: 'il-icons'; + src: url('fonts/Iconfont/il-icons.woff') format('woff'), url('fonts/Iconfont/il-icons.ttf') format('truetype'); + font-weight: 300; + font-style: normal; +} +/* rtl-review is this font safe for RTL languages? */ +/* rtl-review */ +[dir="ltr"] * { + direction: ltr; + unicode-bidi: embed; +} +[dir="rtl"] * { + text-align: right; + direction: rtl; + unicode-bidi: embed; +} +bdo[dir="ltr"] { + direction: ltr; + unicode-bidi: bidi-override; +} +bdo[dir="rtl"] { + direction: rtl; + unicode-bidi: bidi-override; +} +/* +/* rtl-review */ +/* with specifics imports +add [dir="rtl"] SELECTOR ([dir="ltr"] is default) +to elements with different left/right margin, padding, border, position, float, clear, text-align and, when needed, Background-position. +In theory, you should also invert shadow... but i think we could postpone this to another release... +All parts that aren't checked yet are actually marked with "rtl-review" +*/ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background-color: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +@font-face { + font-family: "Glyphicons Halflings"; + src: url("../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot"); + src: url("../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../../node_modules/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: "Glyphicons Halflings"; + font-style: normal; + font-weight: 400; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.glyphicon-asterisk:before { + content: "\002a"; +} +.glyphicon-plus:before { + content: "\002b"; +} +.glyphicon-euro:before, +.glyphicon-eur:before { + content: "\20ac"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-cloud:before { + content: "\2601"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse-down:before { + content: "\e159"; +} +.glyphicon-collapse-up:before { + content: "\e160"; +} +.glyphicon-log-in:before { + content: "\e161"; +} +.glyphicon-flash:before { + content: "\e162"; +} +.glyphicon-log-out:before { + content: "\e163"; +} +.glyphicon-new-window:before { + content: "\e164"; +} +.glyphicon-record:before { + content: "\e165"; +} +.glyphicon-save:before { + content: "\e166"; +} +.glyphicon-open:before { + content: "\e167"; +} +.glyphicon-saved:before { + content: "\e168"; +} +.glyphicon-import:before { + content: "\e169"; +} +.glyphicon-export:before { + content: "\e170"; +} +.glyphicon-send:before { + content: "\e171"; +} +.glyphicon-floppy-disk:before { + content: "\e172"; +} +.glyphicon-floppy-saved:before { + content: "\e173"; +} +.glyphicon-floppy-remove:before { + content: "\e174"; +} +.glyphicon-floppy-save:before { + content: "\e175"; +} +.glyphicon-floppy-open:before { + content: "\e176"; +} +.glyphicon-credit-card:before { + content: "\e177"; +} +.glyphicon-transfer:before { + content: "\e178"; +} +.glyphicon-cutlery:before { + content: "\e179"; +} +.glyphicon-header:before { + content: "\e180"; +} +.glyphicon-compressed:before { + content: "\e181"; +} +.glyphicon-earphone:before { + content: "\e182"; +} +.glyphicon-phone-alt:before { + content: "\e183"; +} +.glyphicon-tower:before { + content: "\e184"; +} +.glyphicon-stats:before { + content: "\e185"; +} +.glyphicon-sd-video:before { + content: "\e186"; +} +.glyphicon-hd-video:before { + content: "\e187"; +} +.glyphicon-subtitles:before { + content: "\e188"; +} +.glyphicon-sound-stereo:before { + content: "\e189"; +} +.glyphicon-sound-dolby:before { + content: "\e190"; +} +.glyphicon-sound-5-1:before { + content: "\e191"; +} +.glyphicon-sound-6-1:before { + content: "\e192"; +} +.glyphicon-sound-7-1:before { + content: "\e193"; +} +.glyphicon-copyright-mark:before { + content: "\e194"; +} +.glyphicon-registration-mark:before { + content: "\e195"; +} +.glyphicon-cloud-download:before { + content: "\e197"; +} +.glyphicon-cloud-upload:before { + content: "\e198"; +} +.glyphicon-tree-conifer:before { + content: "\e199"; +} +.glyphicon-tree-deciduous:before { + content: "\e200"; +} +.glyphicon-cd:before { + content: "\e201"; +} +.glyphicon-save-file:before { + content: "\e202"; +} +.glyphicon-open-file:before { + content: "\e203"; +} +.glyphicon-level-up:before { + content: "\e204"; +} +.glyphicon-copy:before { + content: "\e205"; +} +.glyphicon-paste:before { + content: "\e206"; +} +.glyphicon-alert:before { + content: "\e209"; +} +.glyphicon-equalizer:before { + content: "\e210"; +} +.glyphicon-king:before { + content: "\e211"; +} +.glyphicon-queen:before { + content: "\e212"; +} +.glyphicon-pawn:before { + content: "\e213"; +} +.glyphicon-bishop:before { + content: "\e214"; +} +.glyphicon-knight:before { + content: "\e215"; +} +.glyphicon-baby-formula:before { + content: "\e216"; +} +.glyphicon-tent:before { + content: "\26fa"; +} +.glyphicon-blackboard:before { + content: "\e218"; +} +.glyphicon-bed:before { + content: "\e219"; +} +.glyphicon-apple:before { + content: "\f8ff"; +} +.glyphicon-erase:before { + content: "\e221"; +} +.glyphicon-hourglass:before { + content: "\231b"; +} +.glyphicon-lamp:before { + content: "\e223"; +} +.glyphicon-duplicate:before { + content: "\e224"; +} +.glyphicon-piggy-bank:before { + content: "\e225"; +} +.glyphicon-scissors:before { + content: "\e226"; +} +.glyphicon-bitcoin:before { + content: "\e227"; +} +.glyphicon-btc:before { + content: "\e227"; +} +.glyphicon-xbt:before { + content: "\e227"; +} +.glyphicon-yen:before { + content: "\00a5"; +} +.glyphicon-jpy:before { + content: "\00a5"; +} +.glyphicon-ruble:before { + content: "\20bd"; +} +.glyphicon-rub:before { + content: "\20bd"; +} +.glyphicon-scale:before { + content: "\e230"; +} +.glyphicon-ice-lolly:before { + content: "\e231"; +} +.glyphicon-ice-lolly-tasted:before { + content: "\e232"; +} +.glyphicon-education:before { + content: "\e233"; +} +.glyphicon-option-horizontal:before { + content: "\e234"; +} +.glyphicon-option-vertical:before { + content: "\e235"; +} +.glyphicon-menu-hamburger:before { + content: "\e236"; +} +.glyphicon-modal-window:before { + content: "\e237"; +} +.glyphicon-oil:before { + content: "\e238"; +} +.glyphicon-grain:before { + content: "\e239"; +} +.glyphicon-sunglasses:before { + content: "\e240"; +} +.glyphicon-text-size:before { + content: "\e241"; +} +.glyphicon-text-color:before { + content: "\e242"; +} +.glyphicon-text-background:before { + content: "\e243"; +} +.glyphicon-object-align-top:before { + content: "\e244"; +} +.glyphicon-object-align-bottom:before { + content: "\e245"; +} +.glyphicon-object-align-horizontal:before { + content: "\e246"; +} +.glyphicon-object-align-left:before { + content: "\e247"; +} +.glyphicon-object-align-vertical:before { + content: "\e248"; +} +.glyphicon-object-align-right:before { + content: "\e249"; +} +.glyphicon-triangle-right:before, +.il-tree li.il-tree-node.expandable > .node-line:before { + content: "\e250"; +} +.glyphicon-triangle-left:before { + content: "\e251"; +} +.glyphicon-triangle-bottom:before, +.il-tree li.il-tree-node.expandable[aria-expanded="true"] > .node-line:before { + content: "\e252"; +} +.glyphicon-triangle-top:before { + content: "\e253"; +} +.glyphicon-console:before { + content: "\e254"; +} +.glyphicon-superscript:before { + content: "\e255"; +} +.glyphicon-subscript:before { + content: "\e256"; +} +.glyphicon-menu-left:before { + content: "\e257"; +} +.glyphicon-menu-right:before { + content: "\e258"; +} +.glyphicon-menu-down:before { + content: "\e259"; +} +.glyphicon-menu-up:before { + content: "\e260"; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #161616; + background-color: #f0f0f0; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #4c6586; + text-decoration: none; +} +a:hover, +a:focus { + color: #3a4c65; + text-decoration: underline; +} +a:focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; + outline-offset: 0px; +} +a:focus:focus-visible { + outline: 2px solid #FFFFFF; + outline-offset: 5px; +} +a:focus:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 0px; +} +.img-thumbnail { + padding: 4px; + line-height: 1.42857143; + background-color: #f0f0f0; + border: 1px solid #ddd; + border-radius: 0px; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} +[role="button"] { + cursor: pointer; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: 400; + line-height: 1; + color: #777777; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 22px; +} +h2, +.h2 { + font-size: 19px; +} +h3, +.h3 { + font-size: 19px; +} +h4, +.h4 { + font-size: 17px; +} +h5, +.h5 { + font-size: 16px; +} +h6, +.h6 { + font-size: 14px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +mark, +.mark { + padding: 0.2em; + background-color: #fcf8e3; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-nowrap { + white-space: nowrap; +} +.text-lowercase { + text-transform: lowercase; +} +.text-uppercase { + text-transform: uppercase; +} +.text-capitalize { + text-transform: capitalize; +} +.text-muted { + color: #737373; +} +.text-primary { + color: #4c6586; +} +a.text-primary:hover, +a.text-primary:focus { + color: #3a4c65; +} +.text-success { + color: #3c763d; +} +a.text-success:hover, +a.text-success:focus { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover, +a.text-info:focus { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover, +a.text-warning:focus { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover, +a.text-danger:focus { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #4c6586; +} +a.bg-primary:hover, +a.bg-primary:focus { + background-color: #3a4c65; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover, +a.bg-success:focus { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover, +a.bg-info:focus { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover, +a.bg-warning:focus { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover, +a.bg-danger:focus { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.42857143; +} +dt { + font-weight: 700; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #777777; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: "\2014 \00A0"; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + text-align: right; + border-right: 5px solid #eeeeee; + border-left: 0; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ""; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: "\00A0 \2014"; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857143; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 0px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 0px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 700; + box-shadow: none; +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + color: #333333; + word-break: break-all; + word-wrap: break-word; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 0px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +.row { + margin-right: -15px; + margin-left: -15px; +} +.row-no-gutters { + margin-right: 0; + margin-left: 0; +} +.row-no-gutters [class*="col-"] { + padding-right: 0; + padding-left: 0; +} +.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} +.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; + width: 100%; +} +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: auto; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: auto; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: auto; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: auto; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11, + .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: auto; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: auto; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: auto; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: auto; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +table { + background-color: transparent; +} +table col[class*="col-"] { + position: static; + display: table-column; + float: none; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + display: table-cell; + float: none; +} +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #737373; + text-align: left; +} +th { + text-align: left; +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #ddd; +} +.table .table { + background-color: #f0f0f0; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-of-type(odd) { + background-color: white; +} +.table-hover > tbody > tr:hover { + background-color: #f5f5f5; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr:hover > .active, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr:hover > .success, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr:hover > .info, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr:hover > .warning, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr:hover > .danger, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +.table-responsive { + min-height: 0.01%; + overflow-x: auto; +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: 700; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + appearance: none; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"].disabled, +input[type="checkbox"].disabled, +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + cursor: not-allowed; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; + outline-offset: 0px; +} +input[type="file"]:focus:focus-visible, +input[type="radio"]:focus:focus-visible, +input[type="checkbox"]:focus:focus-visible { + outline: 2px solid #FFFFFF; + outline-offset: 5px; +} +input[type="file"]:focus:focus-visible::after, +input[type="radio"]:focus:focus-visible::after, +input[type="checkbox"]:focus:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +output { + display: block; + padding-top: 4px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +.form-control { + display: block; + width: 100%; + height: 25px; + padding: 3px 8px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #8198b7; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(129, 152, 183, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(129, 152, 183, 0.6); +} +.form-control::-moz-placeholder { + color: #6f6f6f; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #6f6f6f; +} +.form-control::-webkit-input-placeholder { + color: #6f6f6f; +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #eeeeee; + opacity: 1; +} +.form-control[disabled], +fieldset[disabled] .form-control { + cursor: not-allowed; +} +textarea.form-control { + height: auto; +} +@media screen and (-webkit-min-device-pixel-ratio: 0) { + input[type="date"].form-control, + input[type="time"].form-control, + input[type="datetime-local"].form-control, + input[type="month"].form-control { + line-height: 25px; + } + input[type="date"].input-sm, + input[type="time"].input-sm, + input[type="datetime-local"].input-sm, + input[type="month"].input-sm, + .input-group-sm input[type="date"], + .input-group-sm input[type="time"], + .input-group-sm input[type="datetime-local"], + .input-group-sm input[type="month"] { + line-height: 28px; + } + input[type="date"].input-lg, + input[type="time"].input-lg, + input[type="datetime-local"].input-lg, + input[type="month"].input-lg, + .input-group-lg input[type="date"], + .input-group-lg input[type="time"], + .input-group-lg input[type="datetime-local"], + .input-group-lg input[type="month"] { + line-height: 38px; + } +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + position: relative; + display: block; + margin-top: 10px; + margin-bottom: 10px; +} +.radio.disabled label, +.checkbox.disabled label, +fieldset[disabled] .radio label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; +} +.radio label, +.checkbox label { + min-height: 20px; + padding-left: 20px; + margin-bottom: 0; + font-weight: 400; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-top: 4px \9; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + position: relative; + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + font-weight: 400; + vertical-align: middle; + cursor: pointer; +} +.radio-inline.disabled, +.checkbox-inline.disabled, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +.form-control-static { + min-height: 34px; + padding-top: 4px; + padding-bottom: 4px; + margin-bottom: 0; +} +.form-control-static.input-lg, +.form-control-static.input-sm { + padding-right: 0; + padding-left: 0; +} +.input-sm { + height: 28px; + padding: 4px 6px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +select.input-sm { + height: 28px; + line-height: 28px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.form-group-sm .form-control { + height: 28px; + padding: 4px 6px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +.form-group-sm select.form-control { + height: 28px; + line-height: 28px; +} +.form-group-sm textarea.form-control, +.form-group-sm select[multiple].form-control { + height: auto; +} +.form-group-sm .form-control-static { + height: 28px; + min-height: 32px; + padding: 5px 6px; + font-size: 12px; + line-height: 1.5; +} +.input-lg { + height: 38px; + padding: 6px 12px; + font-size: 18px; + line-height: 1.33; + border-radius: 0px; +} +select.input-lg { + height: 38px; + line-height: 38px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.form-group-lg .form-control { + height: 38px; + padding: 6px 12px; + font-size: 18px; + line-height: 1.33; + border-radius: 0px; +} +.form-group-lg select.form-control { + height: 38px; + line-height: 38px; +} +.form-group-lg textarea.form-control, +.form-group-lg select[multiple].form-control { + height: auto; +} +.form-group-lg .form-control-static { + height: 38px; + min-height: 38px; + padding: 7px 12px; + font-size: 18px; + line-height: 1.33; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 31.25px; +} +.form-control-feedback { + position: absolute; + top: 0; + right: 0; + z-index: 2; + display: block; + width: 25px; + height: 25px; + line-height: 25px; + text-align: center; + pointer-events: none; +} +.input-lg + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback { + width: 38px; + height: 38px; + line-height: 38px; +} +.input-sm + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback { + width: 28px; + height: 28px; + line-height: 28px; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline, +.has-success.radio label, +.has-success.checkbox label, +.has-success.radio-inline label, +.has-success.checkbox-inline label { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + background-color: #dff0d8; + border-color: #3c763d; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline, +.has-warning.radio label, +.has-warning.checkbox label, +.has-warning.radio-inline label, +.has-warning.checkbox-inline label { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #8a6d3b; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline, +.has-error.radio label, +.has-error.checkbox label, +.has-error.radio-inline label, +.has-error.checkbox-inline label { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + background-color: #f2dede; + border-color: #a94442; +} +.has-error .form-control-feedback { + color: #a94442; +} +.has-feedback label ~ .form-control-feedback { + top: 25px; +} +.has-feedback label.sr-only ~ .form-control-feedback { + top: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #565656; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .form-control-static { + display: inline-block; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 4px; + margin-top: 0; + margin-bottom: 0; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 24px; +} +.form-horizontal .form-group { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + padding-top: 4px; + margin-bottom: 0; + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + right: 15px; +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 7px; + font-size: 18px; + } +} +@media (min-width: 768px) { + .form-horizontal .form-group-sm .control-label { + padding-top: 5px; + font-size: 12px; + } +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + padding: 3px 8px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 0px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; + outline-offset: 0px; +} +.btn:focus:focus-visible, +.btn:active:focus:focus-visible, +.btn.active:focus:focus-visible, +.btn.focus:focus-visible, +.btn:active.focus:focus-visible, +.btn.active.focus:focus-visible { + outline: 2px solid #FFFFFF; + outline-offset: 5px; +} +.btn:focus:focus-visible::after, +.btn:active:focus:focus-visible::after, +.btn.active:focus:focus-visible::after, +.btn.focus:focus-visible::after, +.btn:active.focus:focus-visible::after, +.btn.active.focus:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +.btn:hover, +.btn:focus, +.btn.focus { + color: #4c6586; + text-decoration: none; +} +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +a.btn.disabled, +fieldset[disabled] a.btn { + pointer-events: none; +} +.btn-default { + color: #4c6586; + background-color: #fefefe; + border-color: #d0d0d0; +} +.btn-default:focus, +.btn-default.focus { + color: #4c6586; + background-color: #e5e5e5; + border-color: #909090; +} +.btn-default:hover { + color: #4c6586; + background-color: #e5e5e5; + border-color: #b1b1b1; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: #4c6586; + background-color: #e5e5e5; + background-image: none; + border-color: #b1b1b1; +} +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: #4c6586; + background-color: #d3d3d3; + border-color: #909090; +} +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus { + background-color: #fefefe; + border-color: #d0d0d0; +} +.btn-default .badge { + color: #fefefe; + background-color: #4c6586; +} +.btn-primary { + color: #fff; + background-color: #4c6586; + border-color: #435976; +} +.btn-primary:focus, +.btn-primary.focus { + color: #fff; + background-color: #3a4c65; + border-color: #151b24; +} +.btn-primary:hover { + color: #fff; + background-color: #3a4c65; + border-color: #2d3b4f; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + color: #fff; + background-color: #3a4c65; + background-image: none; + border-color: #2d3b4f; +} +.btn-primary:active:hover, +.btn-primary.active:hover, +.open > .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open > .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open > .dropdown-toggle.btn-primary.focus { + color: #fff; + background-color: #2d3b4f; + border-color: #151b24; +} +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus { + background-color: #4c6586; + border-color: #435976; +} +.btn-primary .badge { + color: #4c6586; + background-color: #fff; +} +.btn-success { + color: #fff; + background-color: #6ea03c; + border-color: #618d35; +} +.btn-success:focus, +.btn-success.focus { + color: #fff; + background-color: #557b2e; + border-color: #223112; +} +.btn-success:hover { + color: #fff; + background-color: #557b2e; + border-color: #436124; +} +.btn-success:active, +.btn-success.active, +.open > .dropdown-toggle.btn-success { + color: #fff; + background-color: #557b2e; + background-image: none; + border-color: #436124; +} +.btn-success:active:hover, +.btn-success.active:hover, +.open > .dropdown-toggle.btn-success:hover, +.btn-success:active:focus, +.btn-success.active:focus, +.open > .dropdown-toggle.btn-success:focus, +.btn-success:active.focus, +.btn-success.active.focus, +.open > .dropdown-toggle.btn-success.focus { + color: #fff; + background-color: #436124; + border-color: #223112; +} +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled.focus, +.btn-success[disabled].focus, +fieldset[disabled] .btn-success.focus { + background-color: #6ea03c; + border-color: #618d35; +} +.btn-success .badge { + color: #6ea03c; + background-color: #fff; +} +.btn-info { + color: #fff; + background-color: #dcb496; + border-color: #d6a683; +} +.btn-info:focus, +.btn-info.focus { + color: #fff; + background-color: #cf9970; + border-color: #a36536; +} +.btn-info:hover { + color: #fff; + background-color: #cf9970; + border-color: #c68655; +} +.btn-info:active, +.btn-info.active, +.open > .dropdown-toggle.btn-info { + color: #fff; + background-color: #cf9970; + background-image: none; + border-color: #c68655; +} +.btn-info:active:hover, +.btn-info.active:hover, +.open > .dropdown-toggle.btn-info:hover, +.btn-info:active:focus, +.btn-info.active:focus, +.open > .dropdown-toggle.btn-info:focus, +.btn-info:active.focus, +.btn-info.active.focus, +.open > .dropdown-toggle.btn-info.focus { + color: #fff; + background-color: #c68655; + border-color: #a36536; +} +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled.focus, +.btn-info[disabled].focus, +fieldset[disabled] .btn-info.focus { + background-color: #dcb496; + border-color: #d6a683; +} +.btn-info .badge { + color: #dcb496; + background-color: #fff; +} +.btn-warning { + color: #fff; + background-color: #B54F00; + border-color: #9c4400; +} +.btn-warning:focus, +.btn-warning.focus { + color: #fff; + background-color: #823900; + border-color: #1c0c00; +} +.btn-warning:hover { + color: #fff; + background-color: #823900; + border-color: #5e2900; +} +.btn-warning:active, +.btn-warning.active, +.open > .dropdown-toggle.btn-warning { + color: #fff; + background-color: #823900; + background-image: none; + border-color: #5e2900; +} +.btn-warning:active:hover, +.btn-warning.active:hover, +.open > .dropdown-toggle.btn-warning:hover, +.btn-warning:active:focus, +.btn-warning.active:focus, +.open > .dropdown-toggle.btn-warning:focus, +.btn-warning:active.focus, +.btn-warning.active.focus, +.open > .dropdown-toggle.btn-warning.focus { + color: #fff; + background-color: #5e2900; + border-color: #1c0c00; +} +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled.focus, +.btn-warning[disabled].focus, +fieldset[disabled] .btn-warning.focus { + background-color: #B54F00; + border-color: #9c4400; +} +.btn-warning .badge { + color: #B54F00; + background-color: #fff; +} +.btn-danger { + color: #fff; + background-color: #d00; + border-color: #c40000; +} +.btn-danger:focus, +.btn-danger.focus { + color: #fff; + background-color: #aa0000; + border-color: #440000; +} +.btn-danger:hover { + color: #fff; + background-color: #aa0000; + border-color: #860000; +} +.btn-danger:active, +.btn-danger.active, +.open > .dropdown-toggle.btn-danger { + color: #fff; + background-color: #aa0000; + background-image: none; + border-color: #860000; +} +.btn-danger:active:hover, +.btn-danger.active:hover, +.open > .dropdown-toggle.btn-danger:hover, +.btn-danger:active:focus, +.btn-danger.active:focus, +.open > .dropdown-toggle.btn-danger:focus, +.btn-danger:active.focus, +.btn-danger.active.focus, +.open > .dropdown-toggle.btn-danger.focus { + color: #fff; + background-color: #860000; + border-color: #440000; +} +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled.focus, +.btn-danger[disabled].focus, +fieldset[disabled] .btn-danger.focus { + background-color: #d00; + border-color: #c40000; +} +.btn-danger .badge { + color: #d00; + background-color: #fff; +} +.btn-link { + font-weight: 400; + color: #4c6586; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link.active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #3a4c65; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #777777; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 6px 12px; + font-size: 18px; + line-height: 1.33; + border-radius: 0px; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 4px 6px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +tr.collapse.in { + display: table-row; +} +tbody.collapse.in { + display: table-row-group; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition-property: height, visibility; + -o-transition-property: height, visibility; + transition-property: height, visibility; + -webkit-transition-duration: 0.35s; + transition-duration: 0.35s; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px dashed; + border-top: 4px solid \9; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropup, +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 14px; + text-align: left; + list-style: none; + background-color: white; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: 400; + line-height: 1.42857143; + color: #161616; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + color: #000000; + text-decoration: none; + background-color: #e2e8ef; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + background-color: #4c6586; + outline: 0; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #777777; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + right: 0; + left: auto; +} +.dropdown-menu-left { + right: auto; + left: 0; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #777777; + white-space: nowrap; +} +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 4px dashed; + border-bottom: 4px solid \9; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 2px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; + } + .navbar-right .dropdown-menu-left { + right: auto; + left: 0; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn, +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + display: table-cell; + float: none; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +.btn-group-justified > .btn-group .dropdown-menu { + left: auto; +} +[data-toggle="buttons"] > .btn input[type="radio"], +[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], +[data-toggle="buttons"] > .btn input[type="checkbox"], +[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-right: 0; + padding-left: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group .form-control:focus { + z-index: 3; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 38px; + padding: 6px 12px; + font-size: 18px; + line-height: 1.33; + border-radius: 0px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 38px; + line-height: 38px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 28px; + padding: 4px 6px; + font-size: 12px; + line-height: 1.5; + border-radius: 0px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 28px; + line-height: 28px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 3px 8px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #ccc; + border-radius: 0; +} +.input-group-addon.input-sm { + padding: 4px 6px; + font-size: 12px; + border-radius: 0px; +} +.input-group-addon.input-lg { + padding: 6px 12px; + font-size: 18px; + border-radius: 0px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + z-index: 2; + margin-left: -1px; +} +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 5px 10px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #777777; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #777777; + text-decoration: none; + cursor: not-allowed; + background-color: transparent; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #4c6586; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0px 0px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + cursor: default; + background-color: #f0f0f0; + border: 1px solid #dddddd; + border-bottom-color: transparent; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 0px 0px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #f0f0f0; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #fff; + background-color: #4c6586; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 0px 0px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #f0f0f0; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar { + position: relative; + min-height: 40px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + padding-right: 15px; + padding-left: 15px; + overflow-x: visible; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-right: 0; + padding-left: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +.navbar-fixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-device-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-brand { + float: left; + height: 40px; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand > img { + display: block; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + padding: 9px 10px; + margin-right: 15px; + margin-top: 3px; + margin-bottom: 3px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0px; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 768px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + } +} +.navbar-form { + padding: 10px 15px; + margin-right: -15px; + margin-left: -15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 7.5px; + margin-bottom: 7.5px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .form-control-static { + display: inline-block; + } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control { + width: auto; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio label, + .navbar-form .checkbox label { + padding-left: 0; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 768px) { + .navbar-form .form-group { + margin-bottom: 5px; + } + .navbar-form .form-group:last-child { + margin-bottom: 0; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + padding-top: 0; + padding-bottom: 0; + margin-right: 0; + margin-left: 0; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + margin-bottom: 0; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 7.5px; + margin-bottom: 7.5px; +} +.navbar-btn.btn-sm { + margin-top: 6px; + margin-bottom: 6px; +} +.navbar-btn.btn-xs { + margin-top: 9px; + margin-bottom: 9px; +} +.navbar-text { + margin-top: 10px; + margin-bottom: 10px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-right: 15px; + margin-left: 15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + margin-right: -15px; + } + .navbar-right ~ .navbar-right { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777; +} +.navbar-default .navbar-nav > li > a { + color: #777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + color: #555; + background-color: #e7e7e7; +} +@media (max-width: 768px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-toggle { + border-color: #ddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #ddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-link { + color: #777; +} +.navbar-default .navbar-link:hover { + color: #333; +} +.navbar-default .btn-link { + color: #777; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #333; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #ccc; +} +.navbar-inverse { + background-color: #222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #9d9d9d; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a { + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + color: #fff; + background-color: #080808; +} +@media (max-width: 768px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #9d9d9d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; + } +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-link { + color: #9d9d9d; +} +.navbar-inverse .navbar-link:hover { + color: #fff; +} +.navbar-inverse .btn-link { + color: #9d9d9d; +} +.navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link:focus { + color: #fff; +} +.navbar-inverse .btn-link[disabled]:hover, +fieldset[disabled] .navbar-inverse .btn-link:hover, +.navbar-inverse .btn-link[disabled]:focus, +fieldset[disabled] .navbar-inverse .btn-link:focus { + color: #444; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 0px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 3px 8px; + margin-left: -1px; + line-height: 1.42857143; + color: #4c6586; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + z-index: 2; + color: #3a4c65; + background-color: #eeeeee; + border-color: #ddd; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 3; + color: #fff; + cursor: default; + background-color: #4c6586; + border-color: #4c6586; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #777777; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 6px 12px; + font-size: 18px; + line-height: 1.33; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 4px 6px; + font-size: 12px; + line-height: 1.5; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} +.pager { + padding-left: 0; + margin: 20px 0; + text-align: center; + list-style: none; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #777777; + cursor: not-allowed; + background-color: #fff; +} +.label { + display: inline; + padding: 0.2em 0.6em 0.3em; + font-size: 75%; + font-weight: 700; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.25em; +} +a.label:hover, +a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #777777; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #5e5e5e; +} +.label-primary { + background-color: #4c6586; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #3a4c65; +} +.label-success { + background-color: #6ea03c; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #557b2e; +} +.label-info { + background-color: #dcb496; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #cf9970; +} +.label-warning { + background-color: #B54F00; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #823900; +} +.label-danger { + background-color: #d00; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #aa0000; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #B54F00; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge, +.btn-group-xs > .btn .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #4c6586; + background-color: #B54F00; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding-top: 30px; + padding-bottom: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron, +.container-fluid .jumbotron { + padding-right: 15px; + padding-left: 15px; + border-radius: 0px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron, + .container-fluid .jumbotron { + padding-right: 60px; + padding-left: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #f0f0f0; + border: 1px solid #ddd; + border-radius: 0px; + -webkit-transition: border 0.2s ease-in-out; + -o-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-right: auto; + margin-left: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #4c6586; +} +.thumbnail .caption { + padding: 9px; + color: #161616; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 0px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable, +.alert-dismissible { + padding-right: 35px; +} +.alert-dismissable .close, +.alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #2b542c; +} +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #245269; +} +.alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #66512c; +} +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #843534; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #bbb; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #4c6586; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar, +.progress-bar-striped { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar, +.progress-bar.active { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #6ea03c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #435976; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #B54F00; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #d00; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media-body { + width: 10000px; +} +.media-object { + display: block; +} +.media-object.img-thumbnail { + max-width: none; +} +.media-right, +.media > .pull-right { + padding-left: 10px; +} +.media-left, +.media > .pull-left { + padding-right: 10px; +} +.media-left, +.media-right, +.media-body { + display: table-cell; + vertical-align: top; +} +.media-middle { + vertical-align: middle; +} +.media-bottom { + vertical-align: bottom; +} +.media-heading { + margin-top: 0; + margin-bottom: 5px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + padding-left: 0; + margin-bottom: 20px; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} +.list-group-item:first-child { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +.list-group-item.disabled, +.list-group-item.disabled:hover, +.list-group-item.disabled:focus { + color: #777777; + cursor: not-allowed; + background-color: #eeeeee; +} +.list-group-item.disabled .list-group-item-heading, +.list-group-item.disabled:hover .list-group-item-heading, +.list-group-item.disabled:focus .list-group-item-heading { + color: inherit; +} +.list-group-item.disabled .list-group-item-text, +.list-group-item.disabled:hover .list-group-item-text, +.list-group-item.disabled:focus .list-group-item-text { + color: #777777; +} +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + z-index: 2; + color: #fff; + background-color: #4c6586; + border-color: #4c6586; +} +.list-group-item.active .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading, +.list-group-item.active .list-group-item-heading > small, +.list-group-item.active:hover .list-group-item-heading > small, +.list-group-item.active:focus .list-group-item-heading > small, +.list-group-item.active .list-group-item-heading > .small, +.list-group-item.active:hover .list-group-item-heading > .small, +.list-group-item.active:focus .list-group-item-heading > .small { + color: inherit; +} +.list-group-item.active .list-group-item-text, +.list-group-item.active:hover .list-group-item-text, +.list-group-item.active:focus .list-group-item-text { + color: #c2cddc; +} +a.list-group-item, +button.list-group-item { + color: #555; +} +a.list-group-item .list-group-item-heading, +button.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item:hover, +button.list-group-item:hover, +a.list-group-item:focus, +button.list-group-item:focus { + color: #555; + text-decoration: none; + background-color: #f5f5f5; +} +button.list-group-item { + width: 100%; + text-align: left; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success, +button.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading, +button.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +button.list-group-item-success:hover, +a.list-group-item-success:focus, +button.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +button.list-group-item-success.active, +a.list-group-item-success.active:hover, +button.list-group-item-success.active:hover, +a.list-group-item-success.active:focus, +button.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info, +button.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading, +button.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +button.list-group-item-info:hover, +a.list-group-item-info:focus, +button.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +button.list-group-item-info.active, +a.list-group-item-info.active:hover, +button.list-group-item-info.active:hover, +a.list-group-item-info.active:focus, +button.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning, +button.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading, +button.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +button.list-group-item-warning:hover, +a.list-group-item-warning:focus, +button.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +button.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +button.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus, +button.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger, +button.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading, +button.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +button.list-group-item-danger:hover, +a.list-group-item-danger:focus, +button.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +button.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +button.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus, +button.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: white; + border: 1px solid transparent; + border-radius: 0px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 9px 12px; + border-bottom: 1px solid transparent; + border-top-left-radius: -1px; + border-top-right-radius: -1px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a, +.panel-title > small, +.panel-title > .small, +.panel-title > small > a, +.panel-title > .small > a { + color: inherit; +} +.panel-footer { + padding: 9px 12px; + background-color: #f9f9f9; + border-top: 1px solid #dddddd; + border-bottom-right-radius: -1px; + border-bottom-left-radius: -1px; +} +.panel > .list-group, +.panel > .panel-collapse > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item, +.panel > .panel-collapse > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child, +.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-left-radius: -1px; + border-top-right-radius: -1px; +} +.panel > .list-group:last-child .list-group-item:last-child, +.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: -1px; + border-bottom-left-radius: -1px; +} +.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.list-group + .panel-footer { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table, +.panel > .panel-collapse > .table { + margin-bottom: 0; +} +.panel > .table caption, +.panel > .table-responsive > .table caption, +.panel > .panel-collapse > .table caption { + padding-right: 15px; + padding-left: 15px; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-left-radius: -1px; + border-top-right-radius: -1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { + border-top-left-radius: -1px; + border-top-right-radius: -1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: -1px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: -1px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: -1px; + border-bottom-left-radius: -1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { + border-bottom-right-radius: -1px; + border-bottom-left-radius: -1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: -1px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: -1px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive, +.panel > .table + .panel-body, +.panel > .table-responsive + .panel-body { + border-top: 1px solid #ddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + margin-bottom: 0; + border: 0; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse > .panel-body, +.panel-group .panel-heading + .panel-collapse > .list-group { + border-top: 1px solid #dddddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; +} +.panel-default { + border-color: none; +} +.panel-default > .panel-heading { + color: #161616; + background-color: #f9f9f9; + border-color: none; +} +.panel-default > .panel-heading + .panel-collapse > .panel-body { + border-top-color: none; +} +.panel-default > .panel-heading .badge { + color: #f9f9f9; + background-color: #161616; +} +.panel-default > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: none; +} +.panel-primary { + border-color: none; +} +.panel-primary > .panel-heading { + color: #161616; + background-color: #f9f9f9; + border-color: none; +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: none; +} +.panel-primary > .panel-heading .badge { + color: #f9f9f9; + background-color: #161616; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: none; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-heading .badge { + color: #dff0d8; + background-color: #3c763d; +} +.panel-success > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-heading .badge { + color: #d9edf7; + background-color: #31708f; +} +.panel-info > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-heading .badge { + color: #fcf8e3; + background-color: #8a6d3b; +} +.panel-warning > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse > .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-heading .badge { + color: #f2dede; + background-color: #a94442; +} +.panel-danger > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: #ebccd1; +} +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0; + overflow: hidden; +} +.embed-responsive .embed-responsive-item, +.embed-responsive iframe, +.embed-responsive embed, +.embed-responsive object, +.embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} +.embed-responsive-16by9 { + padding-bottom: 56.25%; +} +.embed-responsive-4by3 { + padding-bottom: 75%; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 0px; +} +.well-sm { + padding: 9px; + border-radius: 0px; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + appearance: none; +} +.breadcrumb { + /* padding: 0 15px; + margin-bottom: 20px; */ + padding: 0 0px; + margin-bottom: 0px; + list-style: none; + background-color: transparent; + border-radius: 0px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + padding: 0 5px; + color: #4c6586; + content: " \e606\00a0"; +} +.breadcrumb > .active { + color: #3a4c65; +} +.modal-open { + overflow: hidden; +} +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + outline: 0; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.42857143; +} +.modal-body { + position: relative; + padding: 15px; +} +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.42857143; + line-break: auto; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + white-space: normal; + font-size: 12px; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} +.tooltip.right { + padding: 0 5px; + margin-left: 3px; +} +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} +.tooltip.left { + padding: 0 5px; + margin-left: -3px; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-left .tooltip-arrow { + right: 5px; + bottom: 0; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + left: 5px; + margin-bottom: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + right: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + left: 5px; + margin-top: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 400; + line-height: 1.42857143; + line-break: auto; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + word-wrap: normal; + white-space: normal; + font-size: 14px; + background-color: #f9f9f9; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow:after { + content: ""; + border-width: 10px; +} +.popover.top > .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} +.popover.top > .arrow:after { + bottom: 1px; + margin-left: -10px; + content: " "; + border-top-color: #f9f9f9; + border-bottom-width: 0; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} +.popover.right > .arrow:after { + bottom: -10px; + left: 1px; + content: " "; + border-right-color: #f9f9f9; + border-left-width: 0; +} +.popover.bottom > .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); +} +.popover.bottom > .arrow:after { + top: 1px; + margin-left: -10px; + content: " "; + border-top-width: 0; + border-bottom-color: #f9f9f9; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + right: 1px; + bottom: -10px; + content: " "; + border-right-width: 0; + border-left-color: #f9f9f9; +} +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + background-color: #f9f9f9; + border-bottom: 1px solid #ececec; + border-radius: -1px -1px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +@media all and (transform-3d), (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform 0.6s ease-in-out; + -moz-transition: -moz-transform 0.6s ease-in-out; + -o-transition: -o-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000px; + -moz-perspective: 1000px; + perspective: 1000px; + } + .carousel-inner > .item.next, + .carousel-inner > .item.active.right { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + left: 0; + } + .carousel-inner > .item.prev, + .carousel-inner > .item.active.left { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + left: 0; + } + .carousel-inner > .item.next.left, + .carousel-inner > .item.prev.right, + .carousel-inner > .item.active { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + left: 0; + } +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + background-color: rgba(0, 0, 0, 0); + opacity: 0.5; + filter: alpha(opacity=50); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control.right { + right: 0; + left: auto; + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + margin-top: -10px; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; + margin-left: -10px; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; + margin-right: -10px; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + font-family: serif; + line-height: 1; +} +.carousel-control .icon-prev:before { + content: "\2039"; +} +.carousel-control .icon-next:before { + content: "\203a"; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); + border: 1px solid #fff; + border-radius: 10px; +} +.carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; +} +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -10px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -10px; + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -10px; + } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, +.clearfix:after, +.dl-horizontal dd:before, +.dl-horizontal dd:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-header:before, +.modal-header:after, +.modal-footer:before, +.modal-footer:after, +.il-table-presentation-row .il-table-presentation-row-expanded:before, +.il-table-presentation-row .il-table-presentation-row-expanded:after { + display: table; + content: " "; +} +.clearfix:after, +.dl-horizontal dd:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-header:after, +.modal-footer:after, +.il-table-presentation-row .il-table-presentation-row-expanded:after { + clear: both; +} +.center-block { + display: block; + margin-right: auto; + margin-left: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table !important; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table !important; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table !important; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table !important; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table !important; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +.visible-print-block { + display: none !important; +} +@media print { + .visible-print-block { + display: block !important; + } +} +.visible-print-inline { + display: none !important; +} +@media print { + .visible-print-inline { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; +} +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} +.badge { + font-size: 9px; + margin-left: -4px; + position: absolute; +} +.il-counter-novelty { + padding: 2px 4px; + margin-top: -5px; + background-color: #B54F00; +} +.il-counter-status { + padding: 2px 4px; + margin-top: 10px; + background-color: #737373; +} +.panel { + border: none; +} +.panel .panel-heading.ilHeader, +.panel .panel-heading.ilBlockHeader { + background-color: #f9f9f9; + margin: 0; + padding: 9px 12px; + padding-bottom: 4px; + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel .panel-heading.ilHeader h2, +.panel .panel-heading.ilBlockHeader h2, +.panel .panel-heading.ilHeader h2.ilHeader, +.panel .panel-heading.ilBlockHeader h2.ilHeader { + margin: 0; + color: #161616; + font-size: 19px; + line-height: 1.33; + font-weight: 600; +} +.panel .panel-heading.ilHeader h3, +.panel .panel-heading.ilBlockHeader h3, +.panel .panel-heading.ilHeader h3.ilHeader, +.panel .panel-heading.ilBlockHeader h3.ilHeader { + margin: 0; + color: #161616; + font-size: 17px; +} +.panel .panel-heading.ilHeader h4, +.panel .panel-heading.ilBlockHeader h4, +.panel .panel-heading.ilHeader h4.ilBlockHeader, +.panel .panel-heading.ilBlockHeader h4.ilBlockHeader { + margin: 0; + color: #161616; + font-size: 16px; +} +.panel .panel-heading.ilHeader .dropdown > button.dropdown-toggle, +.panel .panel-heading.ilBlockHeader .dropdown > button.dropdown-toggle { + color: white; +} +.panel .panel-body { + padding: 6px 12px; + background-color: white; +} +.panel-flex .panel-heading { + display: flex; + justify-content: space-between; + flex-flow: row wrap; +} +.panel-flex .ilHeader { + display: flex; +} +.panel-flex h3.ilHeader { + flex-grow: 99; + flex-shrink: 1; + line-height: 21px; + order: 1; +} +.panel-flex .ilBlockHeader h4, +.panel-flex .ilHeader h4 { + flex-grow: 99; + flex-shrink: 1; + order: 1; +} +.panel-flex .il-viewcontrol-sortation { + flex-shrink: 1; + order: 2; + margin-right: 8px; + margin-left: auto; +} +.panel-flex .panel-heading .dropdown { + flex-shrink: 1; + order: 3; +} +.panel-flex .il-viewcontrol-pagination, +.panel-flex .il-viewcontrol-section { + flex-grow: 1; + flex-shrink: 1; + flex-basis: 100%; + order: 4; + background-color: #f9f9f9; + text-align: center; + padding-top: 8px; +} +.panel-primary h3.ilHeader { + font-weight: 600; +} +.panel-secondary .panel-heading.ilHeader { + padding: 6px 12px; +} +.panel-secondary .panel-heading.ilHeader h4 { + padding-top: 4px; + padding-bottom: 4px; +} +.panel-secondary .panel-heading.ilHeader h2.ilHeader { + font-size: 17px; +} +.panel-secondary .panel-heading.ilHeader h3.ilHeader { + font-size: 17px; +} +.panel-secondary .panel-body .il-item-group { + margin: 0 -12px; +} +.panel-secondary .panel-body .il-item-group h3 { + padding: 6px 12px; +} +.panel-secondary .panel-body .il-item-group h4 { + padding: 6px 12px; +} +.panel-secondary .panel-body .il-item-group:first-child { + margin: -6px -12px 0 -12px; +} +.panel-secondary .panel-body .il-item-group .il-item { + padding-left: 12px; +} +.panel-secondary .panel-body .il-item-group .il-item .media-right { + vertical-align: middle; +} +.panel-secondary .il-panel-listing-std-container > h2, +.panel-secondary .panel-body h4 { + display: block; + padding: 6px 0; + font-size: 14px; + color: #161616; + margin: 0; +} +.panel-secondary .il-std-item-container:not(:last-child) { + border-bottom: 1px solid #f0f0f0; +} +.panel-sub { + margin: -6px -12px; +} +.panel-sub .panel-body { + margin: 0; +} +.panel-sub:first-child .panel-heading { + padding: 9px 12px; +} +.il-panel-report .thumbnail { + margin-bottom: 0; +} +.il-panel-report > .panel-body > .panel { + margin-bottom: 6px; +} +.il-panel-report .panel-heading { + min-height: 34px; +} +.il-panel-listing-std-container { + background-color: #f9f9f9; + margin-bottom: 20px; +} +.il-panel-listing-std-container > h2 { + color: #161616; + font-size: 19px; + font-weight: 600; + float: left; + padding: 9px 12px; + padding-bottom: 4px; + margin: 0; + line-height: 1.33; +} +.il-panel-listing-std-container .dropdown { + float: right; +} +.il-panel-listing-std-container > .dropdown { + padding: 9px 12px; +} +.il-panel-listing-std-container > .dropdown:not(:last-child) { + padding-bottom: 4px; +} +.il-card { + padding: 0 0 6px 0; + width: 100%; + position: relative; + background-color: white; + border: none; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0px 0px rgba(0, 0, 0, 0.15); + /* see bug #24947 */ +} +.il-card .il-card-image-container { + width: 100%; + padding-top: 100%; + position: relative; +} +.il-card .il-card-image-container a:focus-visible { + position: static; +} +.il-card img.img-responsive, +.il-card img.img-standard { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + max-height: 100%; + margin: auto; + z-index: 100; +} +.il-card a { + overflow: hidden; +} +.il-card .card-title .btn, +.il-card .card-title a { + font-size: 14px; +} +.il-card.thumbnail { + margin-bottom: 0px; + font-size: 12px; +} +.il-card.thumbnail:focus-within .il-card-repository-head { + z-index: 400; +} +.il-card.thumbnail a:focus-visible { + overflow: visible; +} +.il-card .card-highlight { + background: #B54F00; + height: 6px; + width: 100%; +} +.il-card .card-no-highlight { + background-color: transparent; + height: 6px; + width: 100%; +} +.il-card .caption { + padding-top: 6px; + overflow-wrap: break-word; + word-break: break-word; +} +.il-card .caption h5 { + margin: 6px 0 0 0; +} +.il-card .caption dl dt { + font-weight: normal; + color: #6f6f6f; + padding-top: 6px; +} +.il-card .il-card-repository-head { + background-color: rgba(0, 0, 0, 0.5); + position: absolute; + top: 0; + left: 0; + right: 0; + height: 47px; + padding: 0 6px; + z-index: 300; +} +.il-card .il-card-repository-head .icon.outlined { + filter: invert(1); +} +.il-card .il-card-repository-head .icon.outlined.disabled { + filter: invert(1); +} +.il-card .il-card-repository-head > div { + padding: 6px 6px; + float: left; +} +.il-card .il-card-repository-head .il-chart-progressmeter-box { + width: 41px; + height: 39px; +} +.il-card .il-card-repository-head .il-chart-progressmeter-box > .il-chart-progressmeter-container .il-chart-progressmeter-viewbox { + max-width: 100%; + filter: brightness(1.2); +} +.il-card .il-card-repository-head > div.il-card-repository-dropdown { + float: right; + padding: 9px 6px; +} +.il-card .il-card-repository-head > div.il-card-repository-dropdown > .dropdown > button { + background-color: inherit; + border: #dddddd 1px solid; + width: 29px; + height: 29px; +} +.il-card .il-card-repository-head > div.il-card-repository-dropdown > .dropdown > button span.caret { + display: block; + margin-left: auto; + margin-right: auto; +} +.il-card .il-card-repository-head > div.il-card-repository-dropdown > .dropdown > button:focus-visible { + overflow: visible; + outline-offset: 4px; +} +.il-panel-report .il-card { + background-color: #f9f9f9; +} +@media (min-width: 768px) { + .row-eq-height .il-card { + display: flex; + flex-direction: column; + } + .row-eq-height .il-card .card-title { + flex-grow: 2; + } +} +/* see bug #25920, limit size of cards for small screens */ +@media (max-width: 768px) { + .il-card { + max-width: 350px; + margin-right: auto; + margin-left: auto; + } +} +.il-deck .row { + margin-left: -5px; + margin-right: 0; +} +.il-deck .row > div { + padding-left: 5px; + padding-right: 5px; + margin-bottom: 6px; +} +.il-deck .row.row-eq-height:before { + content: none !important; +} +.il-deck .row.row-eq-height:after { + content: none !important; +} +.row-eq-height { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + flex-wrap: wrap; +} +.row-eq-height > div { + display: flex; +} +.il-upload-file-item.row [class*="col-"].col-no-padding { + padding-left: 0; + padding-right: 0; +} +.il-upload-file-item.standard { + background: white; + border: 1px solid #757575; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + margin-bottom: 4px; +} +.il-upload-file-item.standard .file-info { + padding: 3px 8px; + line-height: 1.42857143; + border-radius: 0; + font-size: 12px; + border: 1px solid transparent; + color: #161616; + display: inline-block; +} +.il-upload-file-item.standard .remove button { + margin: 2px 7px 0 0; +} +.il-dropzone.row [class*="col-"].col-no-padding { + padding-left: 0; + padding-right: 0; +} +.il-dropzone.standard { + background: white; + border: 1px dashed #757575; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + margin-bottom: 4px; +} +.il-dropzone.standard .dz-message { + padding: 3px 8px; + line-height: 1.42857143; + border-radius: 0; + font-size: 12px; + border: 1px solid transparent; + color: #757575; + display: inline-block; +} +.il-dropzone.wrapper { + padding: 1px; +} +.il-dropzone.darkened-highlight { + z-index: 1100; + position: relative; + border: 1px dashed #757575; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + background: #FFFFD6; +} +.il-dropzone.default-highlight { + border: 1px dashed #757575; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + background: #FFFFD6; +} +.il-dropzone.drag-hover { + border: 1px dashed #5b5b5b; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + background-color: #FFF9BC; +} +.btn { + font-size: 12px; +} +.btn:focus-visible { + position: relative; + outline: 2px solid #FFFFFF; + outline-offset: 4px; +} +.btn:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +.btn:active, +.btn.engaged { + outline: none; +} +input.btn { + display: inline-block; + min-width: 60px; + vertical-align: top; +} +@media (max-width: 768px) { + input.btn { + min-width: 0; + } +} +.btn-default { + color: white; + background-color: #4c6586; + border-color: #4c6586; +} +.btn-default:focus, +.btn-default.focus { + color: white; + background-color: #3a4c65; + border-color: #1e2835; +} +.btn-default:hover { + color: white; + background-color: #3a4c65; + border-color: #36485f; +} +.btn-default:active, +.btn-default.active, +.open > .dropdown-toggle.btn-default { + color: white; + background-color: #3a4c65; + background-image: none; + border-color: #36485f; +} +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: white; + background-color: #2d3b4f; + border-color: #1e2835; +} +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled.focus, +.btn-default[disabled].focus, +fieldset[disabled] .btn-default.focus { + background-color: #4c6586; + border-color: #4c6586; +} +.btn-default .badge { + color: #4c6586; + background-color: white; +} +.btn-default:focus-visible { + position: relative; +} +.btn-primary { + color: white; + background-color: #557b2e; + border-color: #557b2e; +} +.btn-primary:focus, +.btn-primary.focus { + color: white; + background-color: #3b5620; + border-color: #151e0b; +} +.btn-primary:hover { + color: white; + background-color: #3b5620; + border-color: #364e1d; +} +.btn-primary:active, +.btn-primary.active, +.open > .dropdown-toggle.btn-primary { + color: white; + background-color: #3b5620; + background-image: none; + border-color: #364e1d; +} +.btn-primary:active:hover, +.btn-primary.active:hover, +.open > .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open > .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open > .dropdown-toggle.btn-primary.focus { + color: white; + background-color: #293c16; + border-color: #151e0b; +} +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled.focus, +.btn-primary[disabled].focus, +fieldset[disabled] .btn-primary.focus { + background-color: #557b2e; + border-color: #557b2e; +} +.btn-primary .badge { + color: #557b2e; + background-color: white; +} +.btn[disabled], +.btn.btn-tag[disabled], +fieldset[disabled] .btn, +fieldset[disabled] .btn.btn-tag, +.btn[disabled]:hover, +.btn.btn-tag[disabled]:hover, +fieldset[disabled] .btn:hover, +fieldset[disabled] .btn.btn-tag:hover, +.btn[disabled]:focus, +.btn.btn-tag[disabled]:focus, +fieldset[disabled] .btn:focus, +fieldset[disabled] .btn.btn-tag:focus, +.btn[disabled]:active, +.btn.btn-tag[disabled]:active, +fieldset[disabled] .btn:active, +fieldset[disabled] .btn.btn-tag:active, +.btn[disabled].active, +.btn.btn-tag[disabled].active, +fieldset[disabled] .btn.active, +fieldset[disabled] .btn.btn-tag.active { + background-color: #b0b0b0; + border-color: #b0b0b0; + color: #000000; + cursor: default; +} +.btn.engaged, +.btn.btn-tag.engaged, +.btn.engaged:hover, +.btn.btn-tag.engaged:hover, +.btn.engaged:active, +.btn.btn-tag.engaged:active, +.btn.engaged.active, +.btn.btn-tag.engaged.active { + background-color: white; + color: #161616; +} +button > .glyphicon { + pointer-events: none; +} +a[disabled], +a fieldset[disabled] , +a[disabled]:hover, +a fieldset[disabled] :hover, +a[disabled]:focus, +a fieldset[disabled] :focus, +a[disabled]:active, +a fieldset[disabled] :active, +a[disabled].active, +a fieldset[disabled] .active { + background-color: #b0b0b0; + color: #000000; + border-color: #b0b0b0; + padding: 0; + cursor: default; +} +.il-btn-month .dropdown-menu { + min-width: 250px; +} +.btn-tag { + display: inline-block; + white-space: nowrap; + padding: 1px 5px; + margin: 2px 4px 2px 0; + border-radius: 3px; +} +.btn-tag.btn-tag-relevance-verylow { + border-color: #b0b0b0; + background-color: #b0b0b0; + color: #000000; +} +.btn-tag.btn-tag-relevance-low { + border-color: #a5b8ba; + background-color: #a5b8ba; + color: #000000; +} +.btn-tag.btn-tag-relevance-middle { + border-color: #95c5ca; + background-color: #95c5ca; + color: #000000; +} +.btn-tag.btn-tag-relevance-high { + border-color: #85d1da; + background-color: #85d1da; + color: #000000; +} +.btn-tag.btn-tag-relevance-veryhigh { + border-color: #75deea; + background-color: #75deea; + color: #000000; +} +.btn-link { + padding: 0; + text-align: left; + white-space: normal; +} +.btn-bulky { + width: 100%; +} +.il-btn-with-loading-animation { + background-image: url("images/loader.svg"); + background-repeat: no-repeat; + background-position: right center; + padding-right: 18px; +} +.close { + color: #737373; + opacity: 1; +} +.close:hover, +.close:focus { + color: #2c2c2c; + opacity: 1; +} +.btn-tag { + display: inline-block; + white-space: nowrap; + padding: 1px 5px; + margin: 2px 4px 2px 0; + border-radius: 3px; +} +.btn-tag.btn-tag-inactive { + cursor: default !important; +} +.btn-tag.btn-tag-relevance-verylow { + background-color: #b0b0b0; + color: #000000; +} +.btn-tag.btn-tag-relevance-low { + background-color: #a5b8ba; + color: #000000; +} +.btn-tag.btn-tag-relevance-middle { + background-color: #95c5ca; + color: #000000; +} +.btn-tag.btn-tag-relevance-high { + background-color: #85d1da; + color: #000000; +} +.btn-tag.btn-tag-relevance-veryhigh { + background-color: #75deea; + color: #000000; +} +.il-toggle-button { + position: relative; + display: inline-block; + height: 19px; + padding-left: 25px; + padding-right: 25px; + border-radius: 40px; + cursor: pointer; +} +.il-toggle-button .il-toggle-switch { + position: absolute; + top: -4px; + left: -6%; + width: 25px; + height: 25px; + border-radius: 40px; + -webkit-transition: all 0.25s ease-in-out; + /* Safari */ + transition: all 0.25s ease-in-out; +} +.il-toggle-button.on { + background: #6ea03c; + border: 1px solid #bfbfbf; +} +.il-toggle-button.on .il-toggle-label-on { + position: absolute; + top: 0; + left: 5px; + font-weight: 600; + font-size: 0.9em; + color: white; +} +.il-toggle-button.on .il-toggle-switch { + left: 53%; + background: #f9f9f9; + border: 1px solid #bfbfbf; +} +.il-toggle-button.off { + background: #f9f9f9; + border: 1px solid #bfbfbf; +} +.il-toggle-button.off .il-toggle-label-off { + position: absolute; + top: 0; + left: 23px; + font-weight: 600; + font-size: 0.9em; +} +.il-toggle-button.off .il-toggle-switch { + background: #f9f9f9; + border: 1px solid #bfbfbf; +} +.il-toggle-button.unavailable { + background: #cdcdcd; + border: 1px solid #bfbfbf; +} +.il-toggle-button.unavailable .il-toggle-switch { + background: #797979; + border: 1px solid #bfbfbf; +} +.ilToolbar .il-toggle-button { + bottom: 3px; +} +.ilToolbar label { + font-size: 12px; +} +h4.il-divider { + padding: 4px 6px; + margin-bottom: 0px; + background-color: white; + display: block; + font-size: 12px; + line-height: 1.5; + color: #161616; +} +hr.il-divider-with-label { + display: none; +} +.il-divider-vertical:before { + content: "\2022"; + padding-left: 6px; + padding-right: 6px; +} +.dropdown .btn { + text-align: left; +} +.dropdown hr { + margin: 6px 0; +} +.dropdown h4 { + margin: 3px 0; +} +ul.dropdown-menu { + background-color: white; + font-weight: normal; + border: 0 none; + -webkit-box-shadow: 3px 9px 9px 0 rgba(0, 0, 0, 0.3); + box-shadow: 3px 9px 9px 0 rgba(0, 0, 0, 0.3); +} +ul.dropdown-menu > li { + padding: 0; +} +ul.dropdown-menu > li > .btn { + display: block; + width: 100%; + clear: both; + padding: 3px 10px; + font-weight: normal; + font-size: 14px; + line-height: 1.42857143; + background-color: transparent; + color: #161616; + white-space: nowrap; +} +ul.dropdown-menu > li > .btn:hover, +ul.dropdown-menu > li > .btn:focus { + text-decoration: none; + color: #000000; + background-color: #e2e8ef; +} +.il-maincontrols-slate-content .dropdown-menu { + right: 0; + left: inherit; +} +.il-std-item-container:not(:last-child) { + border-bottom: 2px solid #f0f0f0; +} +.il-item { + background-color: white; + position: relative; + padding: 12px; +} +.il-item:before, +.il-item:after { + display: table; + content: " "; +} +.il-item:after { + clear: both; +} +.il-item:before, +.il-item:after { + display: table; + content: " "; +} +.il-item:after { + clear: both; +} +.il-item .il-item-title { + font-size: 14px; + display: inline-block; +} +.il-item .il-item-title .btn-link, +.il-item .il-item-title a { + font-size: inherit; + line-height: 1.42857143; +} +.il-item .il-item-title .btn-link:focus-visible, +.il-item .il-item-title a:focus-visible { + display: block; +} +.il-item .il-item-divider { + clear: both; + padding: 10px 0 0 0; + margin: 0 0 10px 0; + border: 0 none; + background: none; + border-bottom: dashed 0.5px #dddddd; +} +.il-item .dropdown { + display: inline-block; + float: right; +} +.il-item .il-item-description { + padding: 10px 0 0 0; + font-size: 12px; + clear: both; +} +.il-item .il-item-property-name { + font-size: 12px; + color: #6f6f6f; + overflow: hidden; +} +.il-item .il-item-property-value { + font-size: 12px; + overflow: hidden; +} +.il-item .col-sm-9 > .row { + clear: both; +} +.il-item .row .row > .col-md-6 { + margin-bottom: 6px; +} +.il-item-marker { + border-left: 5px solid; +} +.il-item-group { + clear: both; + background-color: #f9f9f9; +} +.il-item-group > h3 { + float: left; + color: #161616; + font-size: 17px; + font-weight: normal; + padding: 9px 12px; + margin: 0; +} +.il-item-group .dropdown { + float: right; +} +.il-item-group-items { + clear: both; +} +.il-item-notification-replacement-container:not(:first-child) .il-notification-item { + margin-top: 6px; +} +.il-notification-item { + padding-right: 15px; +} +.il-notification-item .il-item-notification-title { + display: inline-block; + margin: 0; +} +.il-notification-item .il-item-additional-content { + clear: both; +} +.il-notification-item .row { + margin-right: 0px; +} +.il-notification-item .dropdown { + margin-top: -20px; +} +@media only screen and (min-width: 769px) { + .panel-secondary .il-item { + padding: 6px 6px; + width: 100%; + } + .panel-secondary .il-item .il-item-title { + word-break: break-word; + } + .panel-secondary .il-item .il-item-description { + padding-top: 0; + font-size: 11px; + word-break: break-word; + } + .panel-secondary .il-item .col-sm-3 { + margin-top: 3px; + margin-left: 0; + width: 45px; + } + .panel-secondary .il-item .col-sm-3 img { + width: 40px; + } + .panel-secondary .il-item .col-sm-9 { + width: calc(100% - 45px); + } + .panel-secondary .il-item .col-md-6 { + width: 100%; + } +} +/* otherwise dropdowns in items with icon do not work */ +.il-std-item .media .media-body, +.il-std-item .media, +.il-notification-item .media, +.il-notification-item .media .media-body { + overflow: visible; +} +@media only screen and (max-width: 768px) { + .il-item .il-item-divider { + padding: 10px 0 0 0; + margin: 0; + border-bottom: 0; + } + .il-panel-listing-std-container .il-item .media-left { + min-width: 44px; + } + .panel-secondary .il-item .media-body { + width: auto; + } +} +.il-viewcontrol-sortation .dropdown-toggle .caret { + border: none; + vertical-align: initial; + width: 8px; + height: 8px; +} +.il-viewcontrol-sortation .dropdown-toggle .caret:before { + content: "\21f5"; +} +.il-viewcontrol-pagination .dropdown { + display: inline; +} +.il-viewcontrol-pagination .btn { + vertical-align: top; +} +.il-viewcontrol-pagination .btn.engaged { + background-color: white; + padding: 0px 6px 0px 6px; + border: 1px solid #4c6586; + font-weight: normal; +} +.il-viewcontrol-pagination .dropdown-toggle { + padding-top: 0; + padding-bottom: 0; +} +.ilBlockContent .il-viewcontrol-section .btn.btn-default { + background-color: transparent; + border: 0; + color: #4c6586; + padding: 3px 3px; +} +.il-viewcontrol-pagination .engaged, +.il-viewcontrol-mode .engaged { + pointer-events: none; + cursor: default; +} +.il-viewcontrol-mode .btn + .btn { + border-left-color: #dddddd; +} +.il-viewcontrol-mode .btn:not(:last-child):hover { + border-right-color: #dddddd; +} +.panel-secondary .il-viewcontrol-section .btn-default, +.panel-secondary .il-viewcontrol-section .btn-default:active { + background-color: transparent; + border-color: transparent; + color: #4c6586; + box-shadow: none; +} +.breadcrumb_wrapper { + width: 100%; + display: inline-grid; + background: white; +} +.breadcrumb_wrapper .breadcrumb { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + direction: rtl; + text-align: left; + margin: 0; + font-weight: 600; + font-size: 12px; + padding: 4px; + padding-left: 100px; +} +.breadcrumb_wrapper .breadcrumb span.crumb a { + color: #4c6586; +} +.breadcrumb_wrapper .breadcrumb span.crumb a:hover { + color: #3a4c65; +} +.breadcrumb_wrapper .breadcrumb span.crumb a:focus { + border: 3px solid #0078D7; +} +.breadcrumb_wrapper .breadcrumb span.crumb a:focus::after { + content: none; +} +.breadcrumb_wrapper .breadcrumb > span + span:before { + content: " \e606"; + color: #737373; + padding: 8px 10px; + font-family: "il-icons"; +} +/* Breadcrumb */ +.breadcrumb { + margin: 0.8em 0 20px 0; + font-size: 90%; +} +.breadcrumb > li + li:before { + font-family: 'il-icons'; +} +@media only screen and (max-width: 768px) { + .breadcrumb { + margin: 0 0 0 0; + padding: 0 5px; + } +} +/************/ +/* ScaleBar */ +/************/ +.il-chart-scale-bar { + min-width: 100px; + overflow: hidden; + margin: 0; + padding: 0; + list-style-type: none; +} +.il-chart-scale-bar > li { + float: left; + padding: 0 2px; +} +.il-chart-scale-bar > li:last-child { + padding-right: 0; +} +.il-chart-scale-bar > li:first-child { + padding-left: 0; +} +.il-chart-scale-bar-item { + font-size: 11px; + padding: 1px 5px; + color: #161616; + text-align: center; + background-color: #e0e0e0; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.il-chart-scale-bar-active { + color: white; + background-color: #4c6586; +} +/*****************/ +/* ProgressMeter */ +/*****************/ +.il-chart-progressmeter-box { + overflow: hidden; + position: relative; +} +.il-chart-progressmeter-box.fixed-size { + width: 350px; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container { + position: relative; + min-width: 80px; + max-width: 800px; + width: 100%; + height: auto; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox { + display: block; + max-width: 80%; + min-width: 80px; + max-height: 800px; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle-bg { + stroke: #dddddd; + fill: none; + stroke-width: 6; + stroke-linecap: round; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle { + fill: none; + stroke-linecap: round; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-multicircle .il-chart-progressmeter-circle { + stroke-width: 1.66666667; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-monocircle .il-chart-progressmeter-circle { + stroke-width: 4; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle.no-success { + stroke: #d9534f; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle.success { + stroke: #6ea03c; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle.not-active { + stroke: #f0ad4e; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle.active { + stroke: #aaaaaa; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-text text { + text-anchor: middle; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-text .text-score { + font-size: 7.5px; + font-weight: bold; + fill: #000000; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-text .text-comparision { + font-size: 2.5px; + fill: #000000; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-text .text-score-info, +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-text .text-comparision-info { + font-size: 2.5px; + fill: #bcbcbc; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-needle { + transform-origin: 24.6066px 22.8934px; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-needle .il-chart-progressmeter-needle-border { + stroke: #bcbcbc; + stroke-width: 0.1; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-needle .il-chart-progressmeter-needle-fill { + fill: #efefef; + stroke-width: 0; +} +.il-chart-progressmeter-box .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-needle.no-needle { + display: none; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container { + min-width: 20px; + max-width: 250px; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container .il-chart-progressmeter-viewbox { + min-width: 20px; + max-height: 250px; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle-bg { + stroke: #dddddd; + stroke-width: 5; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle { + stroke-width: 5; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle.no-success { + stroke: #d9534f; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-circle.success { + stroke: #6ea03c; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-needle { + stroke: #bcbcbc; + fill: none; + stroke-width: 4; + stroke-linecap: round; + transform-origin: 25px 23.25px; +} +.il-chart-progressmeter-box.il-chart-progressmeter-mini .il-chart-progressmeter-container .il-chart-progressmeter-viewbox .il-chart-progressmeter-needle.no-needle { + stroke: transparent; +} +.il-standard-form { + background-color: white; + margin-top: 6px; +} +.il-standard-form .il-standard-form-cmd { + float: right; +} +.il-standard-form .il-standard-form-cmd .btn { + display: inline-block; + min-width: 60px; + vertical-align: top; +} +@media (max-width: 768px) { + .il-standard-form .il-standard-form-cmd .btn { + min-width: 0; + } +} +.il-standard-form .il-standard-form-header, +.il-standard-form .il-standard-form-footer, +.il-standard-form .il-section-input-header { + background-color: #f0f0f0; + color: #161616; +} +.il-standard-form .il-standard-form-header h2, +.il-standard-form .il-section-input-header h2 { + font-size: 19px; + padding-top: 12px; + padding-bottom: 4px; +} +.il-standard-form .il-standar-form-header-byline, +.il-standard-form .il-section-input-header-byline { + font-size: 12px; +} +.il-standard-form .il-standard-form-header + .il-section-input { + margin-top: -22.14285715px; + padding: 0; +} +.il-standard-form .il-standard-form-header + .il-section-input .il-section-input-header h2 { + margin-top: 0; + padding-top: 0; +} +.il-standard-form .il-dependant-group { + background-color: #f9f9f9; + padding: 4px 0; +} +.il-standard-form .il-dependant-group .form-group { + margin: 0; +} +.il-standard-form input[type="radio"], +.il-standard-form input[type="checkbox"] { + height: unset; + width: unset; +} +.input-group-addon { + padding: 3px 8px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #161616; + text-align: center; + background-color: #f9f9f9; + border: 1px solid #a6a6a6; + border-radius: 0; +} +.form-horizontal .help-block { + color: #161616; + font-size: 85%; + margin: 2px 0 4px; + padding: 0; + clear: both; +} +.form-horizontal .help-block:last-child { + margin: 2px 0 10px; +} +.form-horizontal .help-block.alert-danger { + margin: 4px 0 0; + padding: 0 4px 0 4px; + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.il-input-tag { + --tags-focus-border-color: #4c6586; + --tag-bg: #4c6586; + --tag-hover: #4c6586; + --tag-text-color: white; + --tag-invalid-color: #4c6586; + --tag-invalid-bg: #4c6586; + --tag-remove-bg: #4c6586; + --tag-remove-btn-color: white; + --tag-remove-btn-bg--hover: #4c6586; + --tag-hide-transition: 0s; + line-height: 1.42857143; +} +.il-input-tag-container { + height: auto; + min-height: 1.42857143; +} +.il-input-tag-container .il-input-tag { + border: none; + box-shadow: none; + outline: none; + padding: 0 0px 4px; + line-height: 1.42857143; + font-weight: 700 !important; + margin-bottom: 6.6px; +} +.il-input-tag-container .il-input-tag .tagify__tag { + margin-top: 0; +} +.il-input-tag-container.disabled { + background-color: #EEEEEE; + cursor: not-allowed; +} +.il-input-tag-container.disabled .tagify__tag { + cursor: not-allowed; +} +.il-input-tag-container.disabled .form-control { + background-color: #EEEEEE; +} +.il-input-password .revelation-glyph { + float: right; + margin-top: -21px; + margin-right: 5px; +} +.il-input-password .revelation-reveal { + display: block; +} +.il-input-password .revelation-mask { + display: none; +} +.revealed.il-input-password .revelation-reveal { + display: none; +} +.revealed.il-input-password .revelation-mask { + display: block; +} +.il-input-radio .form-control.il-input-radiooption { + height: unset; + border: unset; + background-color: unset; +} +.il-input-multiselect { + list-style: none; + padding-left: 0px; +} +.il-standard-form textarea { + height: 76px; +} +.il-filter .col-md-4, +.il-filter .col-md-6 { + padding-top: 6px; + padding-bottom: 6px; + padding-right: 0px; +} +.il-filter .glyphicon-ok { + font-size: unset; + text-align: unset; +} +.il-filter input { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.il-filter .input-group { + width: 100%; + height: 25px; + table-layout: fixed; +} +.il-filter .input-group select { + width: 100%; + height: 25px; + border: 1px solid #757575; + background-color: white; +} +.il-filter .leftaddon { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + width: 30%; +} +.il-filter .rightaddon { + overflow: visible; + white-space: nowrap; + text-overflow: ellipsis; + width: 10%; +} +.il-filter .rightaddon .glyphicon { + top: 0; +} +.il-filter-bar { + display: flex; + padding: 4px 12px; +} +.il-filter-bar .il-filter-bar-opener { + flex: 1; +} +.il-filter-bar .il-filter-bar-opener .btn-bulky { + display: inline-flex; + width: 100%; + background-color: initial; + font-size: 1.2em; +} +.il-filter-bar .il-filter-bar-opener .btn-bulky .glyph { + padding-right: 0.3em; +} +.il-filter-bar .il-filter-bar-toggle { + float: right; + padding-left: 10px; +} +.il-filter-controls { + position: absolute; + bottom: 0px; + padding-left: 15px; + padding-bottom: 6px; +} +.il-filter-controls .btn-bulky { + width: auto; + background-color: initial; + font-size: 14px; +} +.il-filter-inputs-active { + background-color: #f9f9f9; + padding: 4px 8px; +} +.il-filter-inputs-active span { + display: inline-block; + margin: 4px 8px 4px 0; + padding: 0 8px; + float: left; + background-color: white; + font-size: 0.8em; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 90vw; +} +.il-filter-input-section { + border-top: 1px solid #dddddd; + position: relative; + padding-bottom: 40px; + padding-right: 12px; + margin: 0; +} +.il-filter-input-section .il-input-multiselect { + margin: 0.8em; +} +.il-filter-field { + cursor: text; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +@media (max-width: 768px) { + .il-filter .webui-popover { + position: static; + max-width: none; + } + .il-filter .webui-popover.bottom > .webui-arrow, + .il-filter .webui-popover.bottom-right > .webui-arrow, + .il-filter .webui-popover.bottom-left > .webui-arrow { + display: none; + } + .il-filter .webui-popover.bottom, + .il-filter .webui-popover.bottom-left, + .il-filter .webui-popover.bottom-right { + padding: 4px; + margin-top: 0; + border: 0; + box-shadow: none; + background-color: #f9f9f9; + } +} +.il-filter.disabled .il-filter-inputs-active span { + color: #b0b0b0; +} +.il-filter-add-list ul { + list-style: none; + margin: 0; + padding: 0; +} +.il-filter-add-list ul li > button { + padding: 6px 12px; + display: block; + width: 100%; +} +.il-input-duration .form-group.row { + width: 50%; + float: left; +} +.il-input-file .il-input-file-dropzone { + background: white; + border: 1px dashed #757575; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + margin-bottom: 6px; + padding: 6px 12px; +} +.il-input-file .il-input-file-dropzone.dz-max-files-reached { + background-color: #F4F4F4; + border-color: #F4F4F4; +} +.il-input-file .il-input-file-dropzone.dz-max-files-reached button.btn { + background-color: #F4F4F4; + border-color: #F4F4F4; + color: #757575; +} +.il-input-file .il-input-file-dropzone.dz-drag-hover { + border: 1px dashed #5b5b5b; + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + background-color: #FFF9BC; +} +.il-input-file .il-input-file-fileinfo, +.il-input-file .il-input-file-error { + padding: 6px 12px; +} +.il-input-file .il-input-file-fileinfo { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; +} +.il-input-file .il-input-file-fileinfo .il-input-file-fileinfo-title { + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; + -webkit-flex: 3 0 auto; + -ms-flex: 3 0 auto; + flex: 3 0 auto; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.il-input-file .il-input-file-fileinfo .il-input-file-fileinfo-title span { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.il-input-file .il-input-file-fileinfo .il-input-file-fileinfo-size { + -webkit-order: 2; + -ms-flex-order: 2; + order: 2; + -webkit-flex: 0 0 50px; + -ms-flex: 0 0 50px; + flex: 0 0 50px; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} +.il-input-file .il-input-file-fileinfo .il-input-file-fileinfo-close { + -webkit-order: 3; + -ms-flex-order: 3; + order: 3; + -webkit-flex: 0 1 20px; + -ms-flex: 0 1 20px; + flex: 0 1 20px; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + align-self: auto; +} +.il-table-presentation-viewcontrols { + background-color: #e2e8ef; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.il-table-presentation-viewcontrols > div { + padding: 6px; +} +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged) { + color: #4c6586; + background-color: white; + border-color: #4c6586; +} +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):focus, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).focus { + color: #4c6586; + background-color: #e6e6e6; + border-color: #1e2835; +} +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):hover { + color: #4c6586; + background-color: #e6e6e6; + border-color: #36485f; +} +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):active, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).active, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged) { + color: #4c6586; + background-color: #e6e6e6; + background-image: none; + border-color: #36485f; +} +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):active:hover, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).active:hover, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):hover, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):active:focus, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).active:focus, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):focus, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):active.focus, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).active.focus, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).focus { + color: #4c6586; + background-color: #d4d4d4; + border-color: #1e2835; +} +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).disabled:hover, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged)[disabled]:hover, +fieldset[disabled] .il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):hover, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).disabled:focus, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged)[disabled]:focus, +fieldset[disabled] .il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged):focus, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).disabled.focus, +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged)[disabled].focus, +fieldset[disabled] .il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged).focus { + background-color: white; + border-color: #4c6586; +} +.il-table-presentation-viewcontrols .btn-default:not(.disabled):not(.engaged) .badge { + color: white; + background-color: #4c6586; +} +.il-table-presentation-viewcontrols .btn-default.engaged { + color: white; + background-color: #4c6586; + border-color: #4c6586; +} +.il-table-presentation-viewcontrols .btn-default.engaged:focus, +.il-table-presentation-viewcontrols .btn-default.engaged.focus { + color: white; + background-color: #3a4c65; + border-color: #1e2835; +} +.il-table-presentation-viewcontrols .btn-default.engaged:hover { + color: white; + background-color: #3a4c65; + border-color: #36485f; +} +.il-table-presentation-viewcontrols .btn-default.engaged:active, +.il-table-presentation-viewcontrols .btn-default.engaged.active, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default.engaged { + color: white; + background-color: #3a4c65; + background-image: none; + border-color: #36485f; +} +.il-table-presentation-viewcontrols .btn-default.engaged:active:hover, +.il-table-presentation-viewcontrols .btn-default.engaged.active:hover, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default.engaged:hover, +.il-table-presentation-viewcontrols .btn-default.engaged:active:focus, +.il-table-presentation-viewcontrols .btn-default.engaged.active:focus, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default.engaged:focus, +.il-table-presentation-viewcontrols .btn-default.engaged:active.focus, +.il-table-presentation-viewcontrols .btn-default.engaged.active.focus, +.open > .dropdown-toggle.il-table-presentation-viewcontrols .btn-default.engaged.focus { + color: white; + background-color: #2d3b4f; + border-color: #1e2835; +} +.il-table-presentation-viewcontrols .btn-default.engaged.disabled:hover, +.il-table-presentation-viewcontrols .btn-default.engaged[disabled]:hover, +fieldset[disabled] .il-table-presentation-viewcontrols .btn-default.engaged:hover, +.il-table-presentation-viewcontrols .btn-default.engaged.disabled:focus, +.il-table-presentation-viewcontrols .btn-default.engaged[disabled]:focus, +fieldset[disabled] .il-table-presentation-viewcontrols .btn-default.engaged:focus, +.il-table-presentation-viewcontrols .btn-default.engaged.disabled.focus, +.il-table-presentation-viewcontrols .btn-default.engaged[disabled].focus, +fieldset[disabled] .il-table-presentation-viewcontrols .btn-default.engaged.focus { + background-color: #4c6586; + border-color: #4c6586; +} +.il-table-presentation-viewcontrols .btn-default.engaged .badge { + color: #4c6586; + background-color: white; +} +.il-table-presentation-viewcontrols .il-viewcontrol-pagination { + order: 1; +} +.il-table-presentation-viewcontrols .il-viewcontrol-mode { + order: 2; +} +.il-table-presentation-viewcontrols .il-viewcontrol-sortatio { + order: 3; +} +.il-table-presentation-row { + background-color: #f9f9f9; + border-top: 1px solid #ddd; + margin: 0; + padding-top: 6px; + padding-bottom: 6px; + position: relative; + white-space: nowrap; +} +.il-table-presentation-row .il-table-presentation-actions { + right: 10px; + position: absolute; +} +.il-table-presentation-row .il-table-presentation-row-controls, +.il-table-presentation-row .il-table-presentation-row-contents { + display: inline-block; + vertical-align: top; +} +.il-table-presentation-row .il-table-presentation-row-controls { + width: 5%; + padding-left: 6px; +} +.il-table-presentation-row .il-table-presentation-row-controls .il-table-presentation-row-controls-collapser { + display: none; + /*initially hidden*/ +} +.il-table-presentation-row .il-table-presentation-row-controls .il-table-presentation-row-controls-expander { + display: block; + /*initially visible*/ +} +.il-table-presentation-row .il-table-presentation-row-contents { + white-space: normal; + width: 95%; +} +.il-table-presentation-row .il-table-presentation-actions { + margin: 5px 0; +} +.il-table-presentation-row .il-table-presentation-row-header h4 { + font-size: 17px; + font-weight: normal; + padding: 0; + margin: 0; + cursor: pointer; +} +.il-table-presentation-row .il-table-presentation-row-header .il-table-presentation-row-header-fields { + display: block; + /*initially visible*/ +} +.il-table-presentation-row .il-table-presentation-row-expanded { + margin-right: -15px; + margin-left: -15px; + display: none; + /*initially hidden*/ + margin-top: 6px; + margin-left: 0; + margin-right: 0; +} +.il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-desclist { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + padding-left: 0; +} +@media (min-width: 768px) { + .il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-desclist { + float: left; + width: 58.33333333%; + } +} +.il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} +@media (min-width: 768px) { + .il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details { + float: left; + width: 41.66666667%; + } +} +.il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details .il-table-presentation-actions { + margin-bottom: 6px; +} +.il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details .il-table-presentation-fields { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + font-size: 12px; +} +.il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details .il-table-presentation-fields blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.il-table-presentation-row .il-table-presentation-row-expanded .il-table-presentation-details .il-table-presentation-fields .il-item-property-name { + color: #6f6f6f; +} +.il-table-data { + display: table; +} +.il-table-data .row { + display: table-row; +} +.il-table-data .row .cell { + display: table-cell; + border: thin solid black; + padding: 5px; +} +.il-table-data .header.cell { + font-weight: bold; +} +.il-workflow-header .il-workflow-title { + background-color: #f0f0f0; + color: #4c6586; + font-size: 2.6rem; + font-weight: 300; + margin-bottom: 30px; + margin-top: 0; +} +.il-workflow-container { + list-style: none; + padding: 0; +} +.il-workflow-container .il-workflow-step:before { + background-color: white; + border: 1.05px solid #4c6586; + border-radius: 50%; + color: white; + content: ""; + font-family: Glyphicons Halflings; + font-size: 11px; + height: 21px; + line-height: 19px; + margin-left: 5px; + padding-left: 1px; + position: absolute; + text-align: center; + width: 21px; +} +.il-workflow-container .il-workflow-step:last-child .text { + border-left: none; +} +.il-workflow-container .not-available:before, +.il-workflow-container .no-longer-available:before { + content: "\e033"; + color: #dddddd; + background-color: #f9f9f9; + border: none; +} +.il-workflow-container .not-available.in-progress:before, +.il-workflow-container .no-longer-available.in-progress:before { + background-color: #a1b3ca; + color: white; +} +.il-workflow-container .not-available.in-progress .text span, +.il-workflow-container .no-longer-available.in-progress .text span { + color: #2c2c2c; + opacity: 0.5; +} +.il-workflow-container .not-available .text, +.il-workflow-container .no-longer-available .text { + color: #dddddd; +} +.il-workflow-container .no-longer-available:before { + content: "\e023"; +} +.il-workflow-container .completed-successfully:before, +.il-workflow-container .completed-unsuccessfully:before { + background-color: #dddddd; + color: white; +} +.il-workflow-container .completed-successfully:before { + content: "\e013"; +} +.il-workflow-container .completed-unsuccessfully:before { + content: "\e014"; +} +.il-workflow-container .available.completed-successfully:before, +.il-workflow-container .available.completed-unsuccessfully:before, +.il-workflow-container .in-progress:before { + background-color: #4c6586; +} +.il-workflow-container .active:before { + margin: 0; + width: 31.5px; + height: 31.5px; + font-size: 15.75px; +} +.il-workflow-container .active.completed-successfully:before, +.il-workflow-container .active.completed-unsuccessfully:before { + line-height: 31.5px; + background-color: #4c6586; +} +.il-workflow-container .active .text .il-workflow-step-label, +.il-workflow-container .active .text .il-workflow-step-label .btn.btn-link { + color: #4c6586; + font-size: 18.9px; + font-weight: 400; +} +.il-workflow-container .text { + border-left: 1px dashed #2c2c2c; + font-size: 14.7px; + margin-left: 15px; + padding: 0 0 31.5px 21px; +} +.il-workflow-container .text .il-workflow-step-label { + display: block; +} +.il-workflow-container .available .il-workflow-step-label, +.il-workflow-container .available .il-workflow-step-label .btn.btn-link { + color: #161616; + font-size: 14.7px; + font-weight: 300; + margin-top: -5px; +} +/* common css for characteristic value listing */ +.il-listing-characteristic-value-row { + /* i tried .ilClearFloat, did not work as expected */ + border-top: solid #dddddd 1px; + padding: 12px 0; +} +.il-listing-characteristic-value-row:before, +.il-listing-characteristic-value-row:after { + display: table; + content: " "; +} +.il-listing-characteristic-value-row:after { + clear: both; +} +.il-listing-characteristic-value-row:before, +.il-listing-characteristic-value-row:after { + display: table; + content: " "; +} +.il-listing-characteristic-value-row:after { + clear: both; +} +.il-listing-characteristic-value-row:first-child { + border-top: none; +} +.il-listing-characteristic-value-label { + float: left; + width: 50%; + right: 50%; +} +@media (max-width: 768px) { + .il-listing-characteristic-value-label { + width: 75%; + right: 75%; + } +} +.il-listing-characteristic-value-item { + float: right; + padding-left: 12px; + width: 50%; + left: 50%; +} +@media (max-width: 768px) { + .il-listing-characteristic-value-item { + width: 25%; + left: 25%; + } +} +/* when characteristic value listing is used in the card */ +.il-card .il-listing-characteristic-value-row { + border-top: none; + padding: 6px 4px; +} +.il-card .il-listing-characteristic-value-label { + padding-left: 6px; + width: 75%; + right: 75%; +} +.il-card .il-listing-characteristic-value-item { + text-align: right; + width: 25%; + left: 25%; +} +div.alert div { + margin-top: 10px; +} +div.alert ul { + margin-top: 15px; + background-color: #f9f9f9; + padding: 6px 12px; + font-size: 12px; + color: #6f6f6f; + list-style-type: none; +} +div.alert ul > li:before { + content: "\00BB \0020"; + /* margin-left: -10px; */ +} +.modal.fade { + transition-property: opacity; + transition-duration: 0.15s; + transition-timing-function: linear; + transition-delay: 0s; +} +.modal.fade .modal-title { + font-size: 18px; +} +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform 0.15s ease-out; + -moz-transition: -moz-transform 0.15s ease-out; + -o-transition: -o-transform 0.15s ease-out; + transition: transform 0.15s ease-out; +} +.carousel.slide.text-only .carousel-inner { + min-height: 400px; +} +.carousel.slide.text-only .carousel-indicators li { + border-color: black; +} +.carousel.slide.text-only .carousel-indicators li.active { + background-color: black; +} +.carousel.slide.text-only .carousel-control { + background: none !important; +} +.il-tree { + list-style-type: none; + padding: 0 4px 0 calc(4px + 4px); + margin-left: 0; +} +.il-tree ul { + padding-left: 14px; + list-style-type: none; +} +.il-tree li.il-tree-node { + padding: 0; +} +.il-tree li.il-tree-node .node-line { + padding: 3px 0 3px 14px; + cursor: pointer; + display: flex; + flex-wrap: wrap; +} +.il-tree li.il-tree-node .node-line > .node-label { + padding-left: 4px; +} +.il-tree li.il-tree-node .node-line > .node-label .icon { + vertical-align: text-bottom; +} +.il-tree li.il-tree-node .node-line > .node-byline { + padding-left: 4px; + width: 100%; +} +.il-tree li.il-tree-node.highlighted > .node-line { + background-color: #e2e8ef; +} +.il-tree li.il-tree-node.expandable > .node-line:before { + color: #737373; + position: absolute; + margin-left: -14px; +} +.il-tree li.il-tree-node[aria-expanded="false"] > ul { + display: none; +} +.shadow-right { + box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1); +} +.shadow-bottom { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} +.shadow-top { + box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); +} +* { + box-sizing: border-box; +} +menu, +article, +aside, +details, +footer, +header, +nav, +section { + display: block; +} +/* +********************* +grid-based layout +********************* +*/ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + body { + background-image: url("../../templates/default/images/HeaderIcon.svg"); + background-position: center 43%; + background-repeat: no-repeat; + display: -ms-flexbox; + align-items: center; + justify-content: center; + } + body:after { + content: "Microsoft Internet Explorer is no longer supported!"; + } + body .il-layout-page { + display: none; + } +} +.il-layout-page { + background: #f0f0f0; + display: -ms-grid; + display: grid; + grid-gap: 0px; + -ms-grid-columns: auto 1fr; + grid-template-columns: auto 1fr; + -ms-grid-rows: 60px auto 33px 1fr; + grid-template-rows: 60px auto 33px 1fr; + height: 100%; + overflow: hidden; + width: 100%; + hyphens: auto; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; +} +.il-layout-page .il-maincontrols-mainbar .il-mainbar-close-slates { + display: none; +} +.il-layout-page.with-mainbar-slates-engaged { + -ms-grid-columns: auto 1fr; + grid-template-columns: auto 1fr; +} +.il-layout-page.with-mainbar-slates-engaged .il-maincontrols-mainbar { + /* width: 409px; */ + width: 0px; + display: none; +} +.il-layout-page.with-mainbar-slates-engaged .il-maincontrols-mainbar .il-mainbar-slates { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + z-index: 995; +} +.il-layout-page.with-mainbar-slates-engaged .il-maincontrols-mainbar .il-mainbar-slates .il-maincontrols-slate { + overflow-y: auto; + -webkit-overflow-scrolling: touch; + min-height: 0; +} +.il-layout-page.with-mainbar-slates-engaged .il-maincontrols-mainbar .il-mainbar-close-slates { + display: -ms-flexbox; + display: flex; +} +header { + -ms-grid-column: 1; + -ms-grid-column-span: 2; + -ms-grid-row: 1; + grid-column-start: 1; + grid-column-end: 3; + grid-row: 1; + z-index: 999; +} +.breadcrumbs { + -ms-flex-align: center; + align-items: center; + background-color: white; + border-top: 1px solid #dddddd; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + -ms-grid-column: 1; + -ms-grid-column-span: 2; + -ms-grid-row: 1; + grid-column-start: 1; + grid-column-end: 3; + grid-row: 1; + z-index: 998; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} +div.il-system-infos { + /* -ms-grid-column: 1; + -ms-grid-column-span: 2; + -ms-grid-row: 2; + grid-column-start: 1; + grid-column-end: 3; + grid-row: 2; */ + z-index: 998; +} +header{ + height: 0px; + display: none; +} +.header-inner { + -ms-flex-align: center; + align-items: center; + background: white; + display: -ms-flexbox; + height: 0px; + display: none; + -ms-flex-direction: row; + flex-direction: row; + padding: 0 15px; + position: fixed; + width: 100%; + -ms-flex-pack: justify; + justify-content: space-between; +} +.il-logo { + width: 50%; + height: 45px; + justify-self: start; + display: flex; + align-items: center; +} +.il-pagetitle { + font-weight: 600; + display: flex; + font-size: 15.988px; + align-items: flex-end; + padding-left: 35px; + color: #161616; +} +.il-header-locator { + display: none; +} +nav.il-maincontrols { + -ms-grid-column: 1; + -ms-grid-row: 4; + grid-column: 1; + grid-row: 4; + z-index: 997; +} +.il-maincontrols-mainbar { + background-color: white; + display: -ms-grid; + display: grid; + height: 100%; + -ms-grid-colums: 80px 329px; + grid-template-columns: 80px 329px; + -ms-grid-rows: 1fr; + grid-template-rows: 1fr; + width: 80px; +} +.il-mainbar { + background-color: #2c2c2c; + -ms-grid-column: 1; + -ms-grid-row: 1; + grid-column: 1; + grid-row: 1; + box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1); + z-index: 996; +} +.il-mainbar-tools-button { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; +} +.il-mainbar-tools-button button { + height: 80px; + width: 80px; +} +.il-mainbar-tools-entries button { + height: 80px; + width: 80px; +} +.il-mainbar-tools-entries.engaged { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; +} +.il-mainbar-slates { + -ms-grid-column: 2; + -ms-grid-row: 1; + grid-column: 2; + grid-row: 1; +} +main { + display: block; +} +.il-layout-page-content { + display: -ms-grid; + display: grid; + -ms-grid-rows: 1fr auto; + grid-template-rows: 1fr auto; + -ms-grid-column: 2; + -ms-grid-row: 2; + grid-column: 2; + grid-row: 2; + overflow: auto; +} +/* Footer */ +footer { + height: 0px; + display: none; +} +/* +************************************************************** + mobile Layout +************************************************************** +*/ +@media (min-width: 768px) { + #il_right_col { + padding-left: 0; + } +} +@media only screen and (max-width: 1199px) { + .il-layout-page.with-mainbar-slates-engaged #il_right_col { + padding-left: 15px; + } +} +@media only screen and (max-width: 1199px) { + .il-layout-page.with-mainbar-slates-engaged #il_center_col.col-sm-9 { + padding-right: 15px; + } + .il-layout-page.with-mainbar-slates-engaged #il_center_col.col-sm-9, + .il-layout-page.with-mainbar-slates-engaged #il_right_col.col-sm-3 { + float: none !important; + width: 100% !important; + } +} +@media only screen and (max-width: 768px) { + .il-layout-page { + background: #f0f0f0; + display: block; + overflow: initial; + width: 100%; + } + .il-layout-page .nav.il-maincontrols { + position: fixed; + bottom: 0; + z-index: 997; + width: 100%; + } + .il-layout-page .nav.il-maincontrols .il-maincontrols-mainbar { + display: grid; + display: -ms-grid; + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + -ms-grid-rows: 0 50px; + grid-template-rows: 0 50px; + grid-template-rows: 0 calc(50px + 1.2 * env(safe-area-inset-bottom)); + } + .il-layout-page .nav.il-maincontrols .il-maincontrols-mainbar .il-mainbar-close-slates { + display: none; + } + .il-layout-page .nav.il-maincontrols .il-maincontrols-mainbar .il-mainbar { + -ms-grid-column: 1; + -ms-grid-row: 2; + grid-column: 1; + grid-row: 2; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + } + .il-layout-page .nav.il-maincontrols .il-maincontrols-mainbar .il-mainbar-slates { + -ms-grid-column: 1; + -ms-grid-row: 1; + grid-column: 1; + grid-row: 1; + } + .il-layout-page.with-mainbar-slates-engaged { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + } + .il-layout-page.with-mainbar-slates-engaged .nav.il-maincontrols { + -ms-grid-column: 1; + -ms-grid-row: 3; + grid-column: 1; + grid-row: 3; + height: calc(100% - 45px); + } + .il-layout-page.with-mainbar-slates-engaged .nav.il-maincontrols .il-maincontrols-mainbar { + -ms-grid-columns: 1fr; + grid-template-columns: 1fr; + -ms-grid-rows: 1fr 50px; + grid-template-rows: 1fr 50px; + grid-template-rows: 1fr calc(50px + 1.2 * env(safe-area-inset-bottom)); + width: 100%; + } + .il-layout-page.with-mainbar-slates-engaged .nav.il-maincontrols .il-maincontrols-mainbar .il-mainbar { + box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); + } + .il-layout-page.with-mainbar-slates-engaged .nav.il-maincontrols .il-maincontrols-mainbar .il-mainbar-slates { + -ms-grid-column: 1; + -ms-grid-row: 1; + grid-column: 1; + grid-row: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + z-index: 995; + } + .il-layout-page.with-mainbar-slates-engaged .nav.il-maincontrols .il-maincontrols-mainbar .il-mainbar-slates .il-maincontrols-slate { + overflow-y: auto; + } + .il-layout-page.with-mainbar-slates-engaged .nav.il-maincontrols .il-maincontrols-mainbar .il-mainbar-close-slates { + display: none; + } + header { + position: -webkit-sticky; + position: sticky; + width: 100%; + top: 0; + } + .header-inner { + position: relative; + /* height: 45px; */ + height: 0px; + display: none; + padding: 0; + width: 100%; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + } + .il-logo { + width: 40px; + } + .il-pagetitle { + display: none; + } + .breadcrumbs { + display: none; + } + .il-header-locator { + display: block; + } + .il-header-locator .dropdown { + position: static; + } + .il-header-locator .open > .dropdown-menu { + top: 44px; + width: 100%; + } + .il-header-locator .dropdown-toggle { + background-color: transparent; + border: none; + color: #2c2c2c; + font-size: 1.5rem; + max-width: 220px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .il-header-locator .dropdown-toggle:before { + content: " \e606"; + font-family: "il-icons"; + font-size: 1.8rem; + margin-right: 10px; + } + .il-header-locator .open .dropdown-toggle:before { + content: " \e604"; + } + .il-header-locator .btn-default:active:hover, + .il-header-locator .btn-default:active:focus, + .il-header-locator .open > .dropdown-toggle.btn-default, + .il-header-locator .open > .dropdown-toggle.btn-default:hover .open > .dropdown-toggle.btn-default:active, + .il-header-locator .open > .dropdown-toggle.btn-default:active:hover, + .il-header-locator .open > .dropdown-toggle.btn-default:active:focus { + background: white; + border-color: white; + color: #2c2c2c; + outline: none; + } + .il-header-locator span.caret { + display: none; + } + .il-maincontrols-mainbar { + display: block; + width: 100%; + } + .il-mainbar { + background-color: #2c2c2c; + box-shadow: none; + display: -ms-flexbox; + display: flex; + max-height: 50px; + max-height: calc(50px + 1.2 * env(safe-area-inset-bottom)); + overflow: hidden; + z-index: 996; + } + .il-mainbar-tools-button { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + } + .il-mainbar-tools-button button { + height: 50px; + width: 75px; + } + .il-mainbar-tools-entries button { + height: 50px; + width: 75px; + } + .il-mainbar-tools-entries.engaged { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: row; + flex-direction: row; + } + .il-mainbar-tools-entries .il-mainbar-tools-entries-bg { + height: 50px; + } + .il-mainbar-slates { + -ms-grid-column: 2; + -ms-grid-row: 1; + grid-column: 2; + grid-row: 1; + } + .il-mainbar-remove-tool { + display: none; + } + .il-mainbar-tools-entries.engaged .il-mainbar-remove-tool { + display: block; + } + main { + display: block; + } + .il-layout-page-content { + display: flex; + flex-direction: column; + min-height: calc(100vh - 45px); + padding-bottom: 50px; + } + .il-layout-page-content > div { + flex-grow: 1; + } +} +/* +************************************************************** + print styles +************************************************************** +*/ +@media print { + html body { + overflow: visible; + background: none; + } + html body .il-layout-page { + display: block; + overflow: visible; + background: none; + } + html body .il-layout-page header, + html body .il-layout-page .il-maincontrols, + html body .il-layout-page .breadcrumbs, + html body .il-layout-page footer, + html body .il-layout-page .ilFileDropTargetOverlay { + display: none !important; + } + html body .il-layout-page-content, + html body .il-layout-page-content div { + display: block; + } +} +.il-maincontrols-slate.disengaged { + display: none; +} +.il-maincontrols-slate .btn-bulky { + padding: 10px 40px 15px 10px; +} +.il-maincontrols-slate .link-bulky { + padding: 10px 10px 15px 10px; +} +.il-maincontrols-slate .btn-bulky, +.il-maincontrols-slate .link-bulky { + align-items: flex-start; + background-color: #f2f2f2; + border: none; + display: flex; + margin-bottom: 2px; + position: relative; +} +.il-maincontrols-slate .btn-bulky.engaged::before, +.il-maincontrols-slate .link-bulky.engaged::before, +.il-maincontrols-slate .btn-bulky.disengaged::before, +.il-maincontrols-slate .link-bulky.disengaged::before { + font-family: "il-icons"; + font-size: 1.7rem; + position: absolute; + right: 10px; + top: 20px; +} +.il-maincontrols-slate .btn-bulky.engaged::before, +.il-maincontrols-slate .link-bulky.engaged::before { + content: " \e604"; +} +.il-maincontrols-slate .btn-bulky.disengaged::before, +.il-maincontrols-slate .link-bulky.disengaged::before { + content: " \e606"; +} +.il-maincontrols-slate .btn-bulky:focus, +.il-maincontrols-slate .link-bulky:focus { + color: inherit; +} +.il-maincontrols-slate .btn-bulky:hover, +.il-maincontrols-slate .link-bulky:hover, +.il-maincontrols-slate .btn-bulky.engaged, +.il-maincontrols-slate .link-bulky.engaged { + background-color: rgba(76, 101, 134, 0.3); + color: inherit; +} +.il-maincontrols-slate .btn-bulky .icon, +.il-maincontrols-slate .link-bulky .icon { + margin-top: 4px; + margin-right: 5px; + filter: invert(50%); +} +.il-maincontrols-slate .btn-bulky .icon.small, +.il-maincontrols-slate .link-bulky .icon.small { + min-width: 20px; +} +.il-maincontrols-slate .btn-bulky .icon.medium, +.il-maincontrols-slate .link-bulky .icon.medium { + min-width: 35px; +} +.il-maincontrols-slate .btn-bulky .bulky-label, +.il-maincontrols-slate .link-bulky .bulky-label { + font-size: 1.5rem; + line-height: 1.7rem; + text-align: left; + word-break: normal; +} +.il-maincontrols-slate .il-maincontrols-slate .btn-bulky { + background-color: #f9f9f9; +} +.il-maincontrols-slate.il-maincontrols-slate-notification .il-maincontrols-slate-notification-title { + text-transform: uppercase; + padding: 12px; +} +.il-maincontrols-slate.il-maincontrols-slate-notification .il-maincontrols-slate-notification-title .btn-bulky { + margin: -12px; + border: none; + border-right: solid 3px; + border-right-color: #f9f9f9; + padding: 12px; + background-color: transparent; + text-transform: uppercase; + width: 50%; +} +.il-maincontrols-slate.il-maincontrols-slate-notification .il-maincontrols-slate-notification-title .btn-bulky .glyph :before { + content: " \e605"; + font-family: "il-icons"; + font-size: 1.7rem; + margin-right: 10px; +} +.il-maincontrols-slate #il-tag-slate-container .btn-bulky, +.il-maincontrols-slate #ilHelpPanel .btn-bulky { + padding: 6px; + text-align: center; + text-transform: uppercase; +} +.il-maincontrols-slate #il-tag-slate-container .btn-bulky .glyph :before, +.il-maincontrols-slate #ilHelpPanel .btn-bulky .glyph :before { + content: " \e605"; + font-family: "il-icons"; + font-size: 1.7rem; + margin-right: 10px; +} +.il-maincontrols-slate #il-tag-slate-container .btn-bulky .bulky-label, +.il-maincontrols-slate #ilHelpPanel .btn-bulky .bulky-label { + margin-top: 3px; +} +.il-maincontrols-slate.engaged[data-depth-level="2"] .btn-bulky:not(:hover), +.il-maincontrols-slate.engaged[data-depth-level="2"] .link-bulky:not(:hover) { + background-color: #f9f9f9; +} +.il-maincontrols-slate.engaged[data-depth-level="3"] .btn-bulky:not(:hover), +.il-maincontrols-slate.engaged[data-depth-level="3"] .link-bulky:not(:hover) { + background-color: rgba(249, 249, 249, 0.15); +} +.il-maincontrols-slate.engaged[data-depth-level="4"] .btn-bulky:not(:hover), +.il-maincontrols-slate.engaged[data-depth-level="4"] .link-bulky:not(:hover) { + background-color: rgba(249, 249, 249, 0.1); +} +.il-maincontrols-slate-content p, +.il-maincontrols-slate-content h1, +.il-maincontrols-slate-content h2, +.il-maincontrols-slate-content h3, +.il-maincontrols-slate-content li { + padding: 10px 20px; +} +.il-maincontrols-slate-content > hr { + margin: 10px 0; +} +.il-maincontrols-slate-content li.jstree-node { + padding: 4px 0; +} +.il-maincontrols-slate-content li.il-workflow-step { + padding: 0 20px; +} +.il-maincontrols-slate-close button, +.il-maincontrols-slate-back button { + background-color: transparent; +} +.il-maincontrols-slate-back { + display: none; +} +.il-maincontrols-slate-back.active { + display: block; +} +.il-maincontrols-slate-back button { + width: 100%; + text-align: left; + padding: 30px 0 10px 20px; +} +.il-maincontrols-slate-close { + width: 100%; + border-bottom: 1px solid #eee; + border-top: 1px solid #eee; + height: 50px; + margin-top: auto; + bottom: 0; + position: sticky; +} +.il-maincontrols-slate-close .bulky-label { + display: none; +} +.il-maincontrols-slate-close .btn-bulky { + background-color: #fff; + width: 100%; + height: 100%; + padding: 0; + margin: 0; + text-align: right; +} +.il-maincontrols-slate-close .btn-bulky .glyph { + padding-right: 20px; +} +.il-maincontrols-slate-close .btn-bulky.engaged { + background-color: #fff; + border: 0; +} +.il-maincontrols-slate-close .btn-bulky:active { + outline: none; +} +@media only screen and (max-width: 768px) { + .il-maincontrols-slate span.glyph { + width: 45px; + text-align: left; + } + .il-maincontrols-slate .il-avatar { + margin-right: 22.5px; + } + .il-maincontrols-slate .link-bulky .icon.small, + .il-maincontrols-slate .btn-bulky .icon.small { + margin-right: 25px; + } +} +.il-maincontrols-metabar { + display: flex; + justify-content: space-between; + align-items: center; + list-style-type: none; + /* Remove bullets */ +} +.il-maincontrols-metabar > li > .btn-bulky > .bulky-label, +.il-maincontrols-metabar > li > .link-bulky > .bulky-label { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.il-maincontrols-metabar .glyphicon { + filter: invert(50%); + font-family: 'il-icons'; + font-size: 2rem; + margin-right: 5px; + position: relative; +} +.il-maincontrols-metabar .input-group { + display: block; +} +.il-maincontrols-metabar p { + padding: 0; +} +.il-maincontrols-metabar form#mm_search_form { + padding: 20px; +} +.il-maincontrols-metabar .badge { + position: absolute; +} +.il-maincontrols-metabar .btn, +.il-maincontrols-metabar .il-link { + position: relative; +} +.il-maincontrols-metabar .il-counter-novelty { + margin-top: 0; + top: 17px; +} +.il-maincontrols-metabar .il-counter-status { + margin-top: 0; + top: 32px; +} +.il-maincontrols-metabar > li > .il-link.link-bulky { + display: block; + text-align: center; + padding: 3px 8px; + line-height: 60px; + border: 1px solid transparent; +} +.il-maincontrols-metabar > li > .btn-bulky, +.il-maincontrols-metabar > li > .link-bulky { + background-color: transparent; + height: 60px; + min-width: 60px; +} +@media only screen and (max-width: 768px) { + .il-maincontrols-metabar > li > .btn-bulky, + .il-maincontrols-metabar > li > .link-bulky { + height: 45px; + min-width: 45px; + } +} +.il-maincontrols-metabar > li > .btn-bulky:focus, +.il-maincontrols-metabar > li > .link-bulky:focus, +.il-maincontrols-metabar > li > .btn-bulky:active, +.il-maincontrols-metabar > li > .link-bulky:active { + box-shadow: none; +} +.il-maincontrols-metabar > li > .btn-bulky.engaged, +.il-maincontrols-metabar > li > .link-bulky.engaged { + box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1); + background-color: #fafafa; + border: none; + color: initial; + outline-color: transparent; +} +.il-maincontrols-metabar > li > .btn-bulky .glyphicon, +.il-maincontrols-metabar > li > .link-bulky .glyphicon { + color: #737373; + font-size: 2.3rem; +} +.il-maincontrols-metabar .bulky-label { + white-space: normal; + margin-top: 5px; + display: block; +} +@media only screen and (max-width: 768px) { + .il-maincontrols-metabar .il-counter-novelty { + top: 7px; + } + .il-maincontrols-metabar .il-counter-status { + top: 22px; + } + .il-maincontrols-metabar .il-metabar-more-button { + padding-right: 20px; + } + .il-maincontrols-metabar .il-metabar-more-button .icon.custom { + position: relative; + } + .il-maincontrols-metabar .il-metabar-more-button .icon.custom img { + margin-right: 5px; + } + .il-maincontrols-metabar .il-metabar-more-button .icon.custom .badge { + position: absolute; + margin-right: 3px; + } + .il-maincontrols-metabar .il-metabar-more-button .icon.custom .badge.il-counter-novelty { + margin-top: -5px; + } + .il-maincontrols-metabar .il-metabar-more-button .icon.custom .badge.il-counter-status { + margin-top: 10px; + } +} +.il-metabar-slates { + box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1); + background-color: #fafafa; + position: absolute; + max-width: 500px; + max-height: 90vh; + overflow-y: auto; + right: 0; + top: 60px; +} +.il-metabar-slates .il-maincontrols-slate { + min-width: 500px; +} +@media only screen and (max-width: 768px) { + .il-metabar-slates { + width: 100%; + top: 45px; + right: 0; + } + .il-metabar-slates .glyphicon { + color: #737373; + font-size: 2rem; + } + .il-metabar-slates .il-counter-status, + .il-metabar-slates .il-counter-novelty { + margin-top: 0; + top: 5px; + } + .il-metabar-slates .bulky-label { + margin-left: 10px; + } + .il-metabar-slates .il-counter-spacer { + margin-left: -18px; + } + .il-metabar-slates .il-metabar-more-slate .btn-bulky:after { + content: "\e606"; + font-family: "il-icons"; + font-size: 1.7rem; + position: absolute; + right: 10px; + top: 20px; + } + .il-metabar-slates .il-maincontrols-slate { + min-width: 260px; + } +} +.focus_hovered_engaged_slate_trigger_mixin { + background-color: white; + color: #2c2c2c; +} +.focus_hovered_engaged_slate_trigger_mixin .glyph { + color: #2c2c2c; +} +.focus_hovered_engaged_slate_trigger_mixin .icon { + filter: invert(50%); +} +.focus_hovered_engaged_slate_trigger_mixin .bulky-label { + color: #2c2c2c; +} +.il-maincontrols-mainbar .btn-bulky, +.il-maincontrols-metabar .btn-bulky, +.il-maincontrols-mainbar .il-link.link-bulky, +.il-maincontrols-metabar .il-link.link-bulky { + font-size: 0.9rem; + line-height: 1.197rem; +} +.il-maincontrols-mainbar .btn-bulky:focus, +.il-maincontrols-metabar .btn-bulky:focus, +.il-maincontrols-mainbar .il-link.link-bulky:focus, +.il-maincontrols-metabar .il-link.link-bulky:focus, +.il-maincontrols-mainbar .btn-bulky:active, +.il-maincontrols-metabar .btn-bulky:active, +.il-maincontrols-mainbar .il-link.link-bulky:active, +.il-maincontrols-metabar .il-link.link-bulky:active { + box-shadow: none; +} +.il-maincontrols-mainbar .btn-bulky:focus-visible, +.il-maincontrols-metabar .btn-bulky:focus-visible, +.il-maincontrols-mainbar .il-link.link-bulky:focus-visible, +.il-maincontrols-metabar .il-link.link-bulky:focus-visible, +.il-maincontrols-mainbar .btn-bulky:active:focus-visible, +.il-maincontrols-metabar .btn-bulky:active:focus-visible, +.il-maincontrols-mainbar .il-link.link-bulky:active:focus-visible, +.il-maincontrols-metabar .il-link.link-bulky:active:focus-visible { + border: 3px solid #0078D7; + outline: none; +} +.il-maincontrols-mainbar .btn-bulky:focus-visible::after, +.il-maincontrols-metabar .btn-bulky:focus-visible::after, +.il-maincontrols-mainbar .il-link.link-bulky:focus-visible::after, +.il-maincontrols-metabar .il-link.link-bulky:focus-visible::after, +.il-maincontrols-mainbar .btn-bulky:active:focus-visible::after, +.il-maincontrols-metabar .btn-bulky:active:focus-visible::after, +.il-maincontrols-mainbar .il-link.link-bulky:active:focus-visible::after, +.il-maincontrols-metabar .il-link.link-bulky:active:focus-visible::after { + content: none; +} +.il-maincontrols-mainbar .bulky-label, +.il-maincontrols-metabar .bulky-label { + white-space: normal; + margin-top: 5px; + display: block; +} +.il-maincontrols-mainbar .btn:active, +.il-maincontrols-metabar .btn:active, +.il-maincontrols-mainbar a:active, +.il-maincontrols-metabar a:active { + outline: 0; + outline-offset: 0; +} +.il-maincontrols-mainbar > .il-metabar-slate-auxillary, +.il-maincontrols-metabar > .il-metabar-slate-auxillary { + display: none; +} +.il-mainbar-triggers { + background: #2c2c2c; + display: flex; + position: relative; + width: 80px; + z-index: 1; +} +.il-mainbar-triggers .btn-bulky, +.il-mainbar-triggers .il-link.link-bulky { + align-items: center; + background: #2c2c2c; + border: 0; + border-bottom: 1px solid #dddddd; + color: white; + display: inline-flex; + flex-flow: column wrap; + height: 80px; + justify-content: center; + margin-bottom: 0; + padding: 0; + width: 80px; + width: 100%; +} +.il-mainbar-triggers .btn-bulky .icon, +.il-mainbar-triggers .il-link.link-bulky .icon { + filter: invert(100%); +} +.il-mainbar-triggers .btn-bulky.engaged, +.il-mainbar-triggers .il-link.link-bulky.engaged { + background-color: white; + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky.engaged .glyph, +.il-mainbar-triggers .il-link.link-bulky.engaged .glyph { + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky.engaged .icon, +.il-mainbar-triggers .il-link.link-bulky.engaged .icon { + filter: invert(50%); +} +.il-mainbar-triggers .btn-bulky.engaged .bulky-label, +.il-mainbar-triggers .il-link.link-bulky.engaged .bulky-label { + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky:focus-visible, +.il-mainbar-triggers .il-link.link-bulky:focus-visible { + background-color: white; + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky:focus-visible .glyph, +.il-mainbar-triggers .il-link.link-bulky:focus-visible .glyph { + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky:focus-visible .icon, +.il-mainbar-triggers .il-link.link-bulky:focus-visible .icon { + filter: invert(50%); +} +.il-mainbar-triggers .btn-bulky:focus-visible .bulky-label, +.il-mainbar-triggers .il-link.link-bulky:focus-visible .bulky-label { + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky:hover, +.il-mainbar-triggers .il-link.link-bulky:hover { + transition: all 0.15s ease-in; + background-color: white; + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky:hover .glyph, +.il-mainbar-triggers .il-link.link-bulky:hover .glyph { + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky:hover .icon, +.il-mainbar-triggers .il-link.link-bulky:hover .icon { + filter: invert(50%); +} +.il-mainbar-triggers .btn-bulky:hover .bulky-label, +.il-mainbar-triggers .il-link.link-bulky:hover .bulky-label { + color: #2c2c2c; +} +.il-mainbar-triggers .btn-bulky .glyph, +.il-mainbar-triggers .il-link.link-bulky .glyph { + color: white; +} +.il-mainbar-triggers .btn-bulky .bulky-label, +.il-mainbar-triggers .il-link.link-bulky .bulky-label { + color: white; + display: -webkit-box; + margin-top: 5px; + white-space: normal; + word-break: break-word; + padding: 0 2px; + text-align: center; + overflow: hidden; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} +.il-mainbar-triggers.engaged { + background: white; +} +@media (hover: none) { + .il-mainbar-triggers .btn-bulky:hover, + .il-mainbar-triggers .il-link.link-bulky:hover { + background-color: #2c2c2c; + color: white; + } + .il-mainbar-triggers .btn-bulky:hover .icon, + .il-mainbar-triggers .il-link.link-bulky:hover .icon { + filter: invert(100%); + } + .il-mainbar-triggers .btn-bulky:hover .bulky-label, + .il-mainbar-triggers .il-link.link-bulky:hover .bulky-label { + color: white; + } + .il-mainbar-triggers .btn-bulky.engaged, + .il-mainbar-triggers .il-link.link-bulky.engaged { + background-color: white; + color: #2c2c2c; + } + .il-mainbar-triggers .btn-bulky.engaged .icon, + .il-mainbar-triggers .il-link.link-bulky.engaged .icon { + filter: invert(50%); + } + .il-mainbar-triggers .btn-bulky.engaged .bulky-label, + .il-mainbar-triggers .il-link.link-bulky.engaged .bulky-label { + color: #2c2c2c; + } +} +.il-mainbar-entries { + min-width: 100%; + list-style: none; + padding: 0px; + margin: 0px; +} +.il-mainbar-slates { + box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1); + background: white; + display: none; + position: relative; + width: 329px; +} +.il-mainbar-tools-button .btn-bulky, +.il-mainbar-tools-button .btn-bulky.engaged { + background-color: #B54F00; + border: 0; + color: white; + padding: 0; +} +.il-mainbar-tools-button .btn-bulky .icon, +.il-mainbar-tools-button .btn-bulky.engaged .icon { + filter: invert(100%); +} +.il-mainbar-tools-button .btn-bulky.engaged { + background-color: white; + color: #2c2c2c; +} +.il-mainbar-tools-button .btn-bulky.engaged .icon { + filter: invert(30%); +} +.il-mainbar-tools-entries { + display: none; +} +.il-mainbar-tools-entries.engaged { + display: flex; + height: 80px; + flex-shrink: 0; +} +.il-mainbar-tools-entries .btn-bulky, +.il-mainbar-tools-entries .btn-bulky, +.il-mainbar-tools-entries .il-link.link-bulky { + background-color: #91a5c1; + color: white; + padding: 0; +} +.il-mainbar-tools-entries .btn-bulky .icon, +.il-mainbar-tools-entries .btn-bulky .icon, +.il-mainbar-tools-entries .il-link.link-bulky .icon { + filter: invert(100%); +} +.il-mainbar-tools-entries .btn-bulky .bulky-label, +.il-mainbar-tools-entries .btn-bulky .bulky-label, +.il-mainbar-tools-entries .il-link.link-bulky .bulky-label { + text-overflow: ellipsis; + overflow: hidden; +} +.il-mainbar-tools-entries .btn-bulky.engaged, +.il-mainbar-tools-entries .btn-bulky.engaged, +.il-mainbar-tools-entries .il-link.link-bulky.engaged { + background-color: white; + border: 0; + color: #2c2c2c; +} +.il-mainbar-tools-entries .btn-bulky.engaged .icon, +.il-mainbar-tools-entries .btn-bulky.engaged .icon, +.il-mainbar-tools-entries .il-link.link-bulky.engaged .icon { + filter: invert(60%); +} +.il-mainbar-tools-entries .il-mainbar-tool-trigger-item { + display: inline; + margin-right: 3px; +} +.il-mainbar-tools-entries .il-mainbar-tool-trigger-item .hidden { + display: none; +} +.il-mainbar-tools-entries-bg { + background: #f0f0f0; + display: flex; + height: 80px; + width: 100%; + padding: 0; + margin: 0; +} +.il-mainbar-remove-tool { + display: none; +} +.il-mainbar-tools-entries.engaged .il-mainbar-remove-tool { + /*display: block;*/ + position: absolute; + top: 0; + right: 0; +} +.il-mainbar-remove-tool .close { + color: #4c6586; + font-size: 4.5rem; + font-weight: 300; + height: 80px; + padding: 0 20px; + width: auto; +} +.il-mainbar-close-slates { + align-items: flex-end; + display: flex; + flex-shrink: 0; + height: 45px; + margin-top: auto; +} +.il-mainbar-close-slates .btn-bulky { + background-color: transparent; + border-top: 1px solid #dddddd; + display: flex; + flex-direction: row; + height: 45px; + justify-content: center; + align-items: center; +} +.il-mainbar-close-slates .btn-bulky .bulky-label { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.il-mainbar-close-slates .btn-bulky .glyph:before { + content: " \e605"; + display: block; + font-family: "il-icons"; + font-size: 2.1rem; +} +.il-mainbar-close-slates .btn-bulky .glyph .glyphicon { + display: none; +} +.il-mainbar-slates > .il-maincontrols-slate.engaged { + display: flex; + flex-direction: column; + height: 100%; + position: relative; +} +.il-mainbar-slates > .il-maincontrols-slate.engaged > .il-maincontrols-slate-content { + height: 0px; +} +.il-mainbar-slates > .il-maincontrols-slate.engaged > .il-maincontrols-slate-content > :first-child { + z-index: 1; +} +.il-mainbar-slates > .il-maincontrols-slate.engaged > .il-maincontrols-slate-content .panel-secondary { + margin-bottom: 0; +} +.il-mainbar-slates > .il-maincontrols-slate.engaged > .il-maincontrols-slate-content .panel-secondary .panel-body { + padding-bottom: 0; +} +/* +************************************************************** + mobile Layout +************************************************************** +*/ +@media only screen and (max-width: 768px) { + .il-mainbar-entries { + display: flex; + justify-content: space-evenly; + width: 100%; + flex-flow: row wrap; + } + .il-mainbar-triggers { + background: #2c2c2c; + display: flex; + position: relative; + width: 100%; + z-index: 1; + } + .il-mainbar-triggers .btn-bulky, + .il-mainbar-triggers .il-link.link-bulky { + flex-shrink: 0; + border: 0; + height: 50px; + width: 75px; + } + .il-mainbar-triggers .btn-bulky .icon.small, + .il-mainbar-triggers .il-link.link-bulky .icon.small { + height: 15px; + width: 15px; + } + .il-mainbar-tools-entries.engaged { + height: 50px; + } + .il-mainbar-tools-entries.engaged .il-mainbar-remove-tool { + top: 0; + } + .il-mainbar-tools-entries.engaged .il-mainbar-remove-tool .close { + font-size: 4rem; + height: 50px; + } +} +@media only screen and (min-width: 768px) { + .il-mainbar-tool-trigger-item:nth-of-type(1):nth-last-of-type(5) .btn-bulky, + .il-mainbar-tool-trigger-item:nth-of-type(2):nth-last-of-type(4) .btn-bulky, + .il-mainbar-tool-trigger-item:nth-of-type(3):nth-last-of-type(3) .btn-bulky, + .il-mainbar-tool-trigger-item:nth-of-type(4):nth-last-of-type(2) .btn-bulky, + .il-mainbar-tool-trigger-item:nth-of-type(5):nth-last-of-type(1) .btn-bulky { + width: 63px; + } +} +.il-maincontrols-footer { + color: white; + font-size: 0.9em; + padding: 2px 10px; +} +.il-maincontrols-footer .il-footer-content div { + display: inline-block; +} +.il-maincontrols-footer .il-footer-links ul { + list-style: none; + padding: 0px; + margin: 0px; +} +.il-maincontrols-footer .il-footer-links li { + display: inline-block; + margin-right: 5px; +} +.il-maincontrols-footer .il-footer-links li a, +.il-maincontrols-footer .il-footer-links li button { + color: white; +} +.il-maincontrols-footer .il-footer-links li button { + vertical-align: baseline; +} +.il-maincontrols-footer .il-footer-links li:first-child:before { + content: "\00b7"; + margin-right: 10px; +} +.il-maincontrols-footer .il-footer-links li:after { + content: "\00b7"; + margin-left: 10px; +} +.il-maincontrols-footer .il-footer-links li:last-child:after { + content: " "; +} +.il-maincontrols-footer .il-footer-permanent-url { + margin-right: 5px; +} +.il-maincontrols-footer .il-footer-text { + margin-right: 5px; +} +.il-mode-info { + border-top: 3px solid #B54F00; + border-left: 3px solid #B54F00; + border-right: 3px solid #B54F00; + text-align: center; + height: 30px; + margin-bottom: -30px; + z-index: 2; + position: static; +} +.il-mode-info + div { + border: 3px solid #B54F00; + border-top: 0 none; +} +.il-layout-page-content > div { + display: grid; + grid-template-rows: auto 1fr; +} +.il-mode-info span.il-mode-info-content { + margin: auto; + background-color: #B54F00; + padding: 3px 8px 3px 8px; + -webkit-box-shadow: 0px 2px 2px 0px #808080; + -moz-box-shadow: 0px 2px 2px 0px #808080; + box-shadow: 0px 2px 2px 0px #808080; +} +.il-mode-info span { + color: white; + font-size: 18px; +} +@media only screen and (max-width: 768px) { + .il-mode-info { + margin-bottom: 0; + } + span.il-mode-info-content { + display: block; + width: 100%; + } +} +/* +************************************************************** + System Infos + change the rule for &.full to + + height: 100%; + position: fixed; + padding: 100px; + top: 0; + left: 0; + font-size: 2em; + line-height: 1.2em; + + to show a fullscreen info +************************************************************** +*/ +.il-system-info { + line-height: 20px; + padding-top: 6px; + padding-bottom: 6px; + height: calc(6px + 6px + 20px); + display: flex; + flex-wrap: nowrap; + flex-direction: row; + justify-content: flex-start; +} +.il-system-info.il-system-info-neutral { + -webkit-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + -moz-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + background-color: #e2e8ef; + border-top: #dddddd none; + border-bottom: #dddddd none; + border-left: #dddddd none; + border-right: #dddddd none; + color: #3a4c65; +} +.il-system-info.il-system-info-neutral a.glyph { + color: #3a4c65; +} +.il-system-info.il-system-info-important { + -webkit-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + -moz-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + background-color: #ffaaaa; + border-top: #dddddd none; + border-bottom: #dddddd none; + border-left: #dddddd none; + border-right: #dddddd none; + color: #770000; +} +.il-system-info.il-system-info-important a.glyph { + color: #770000; +} +.il-system-info.il-system-info-breaking { + -webkit-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + -moz-box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + box-shadow: inset 0px -10px 4px -10px rgba(0, 0, 0, 0.25); + background-color: #aa0000; + border-top: #dddddd none; + border-bottom: #dddddd none; + border-left: #dddddd none; + border-right: #dddddd none; + color: #ffdddd; +} +.il-system-info.il-system-info-breaking a.glyph { + color: #ffdddd; +} +.il-system-info.full { + height: auto; + overflow: visible; +} +.il-system-info div.il-system-info-content-wrapper { + flex-grow: 4; + flex-shrink: 1; + flex-basis: auto; + overflow: hidden; +} +.il-system-info div.il-system-info-content-wrapper span.il-system-info-headline { + text-transform: uppercase; + font-weight: bold; + margin-right: 8px; +} +.il-system-info div.il-system-info-actions { + font-size: 18px; + flex-grow: 0; + flex-shrink: 0; + text-align: right; + flex-basis: 60px; +} +.il-system-info div.il-system-info-actions :not(:last-child) { + padding-right: 12px; +} +.il-system-info div.il-system-info-actions span.il-system-info-more { + display: none; +} +.il-system-info:not(:first-child) { + border-top: none; +} +/* +************************************************************** + Mobile Layout for System Info +************************************************************** +*/ +@media only screen and (max-width: 768px) { + .il-system_info { + border-top: none; + } +} +.il-drilldown ul { + list-style: none; + padding: 0; +} +.il-drilldown .btn-bulky, +.il-drilldown .link-bulky { + align-items: center; + display: flex; +} +.il-drilldown .il-drilldown-current .btn-bulky, +.il-drilldown .il-drilldown-current .link-bulky { + cursor: auto; +} +.il-drilldown .il-drilldown-structure, +.il-drilldown .il-drilldown-current ul, +.il-drilldown .il-drilldown-backlink ul, +.il-drilldown .il-drilldown-visible ul { + display: none; +} +.icon { + display: inline-block; + text-align: center; +} +.icon .abbreviation { + font-weight: bold; + position: absolute; +} +.icon img { + float: left; +} +.icon.small { + height: 20px; + width: 20px; + line-height: 20px; +} +.icon.small .abbreviation { + font-size: 8px; + width: 20px; +} +.icon.small img { + width: 20px; + height: 20px; +} +.icon.medium { + height: 35px; + width: 35px; + line-height: 35px; +} +.icon.medium .abbreviation { + font-size: 14px; + width: 35px; +} +.icon.medium img { + width: 35px; + height: 35px; +} +.icon.large { + height: 45px; + width: 45px; + line-height: 45px; +} +.icon.large .abbreviation { + font-size: 18px; + width: 45px; +} +.icon.large img { + width: 45px; + height: 45px; +} +.icon.responsive { + width: 100%; + line-height: 35px; +} +.icon.responsive .abbreviation { + font-size: 14px; + width: 35px; +} +.icon.responsive img { + width: 100%; + height: auto; +} +.icon.disabled { + -webkit-filter: grayscale(100%); + /* Safari 6.0 - 9.0 */ + filter: grayscale(100%); +} +.icon.outlined { + filter: brightness(0); +} +.icon.outlined.disabled { + filter: contrast(0%); +} +.glyph { + color: #4c6586; +} +.glyph.highlighted { + color: #B54F00; +} +.glyph.highlighted:hover { + color: #B54F00; +} +.glyph.disabled { + color: #737373; + pointer-events: none; +} +.glyph:hover, +.glyph:focus { + color: #3a4c65; + text-decoration: none; +} +.glyph .il-counter-spacer { + margin-left: -4px; + font-size: 9px; + padding: 2px 4px; + visibility: hidden; +} +.glyphicon.glyphicon-chevron-left, +.glyphicon.glyphicon-chevron-right { + font-weight: 100; +} +.il-glyphicon-like, +.il-glyphicon-love, +.il-glyphicon-dislike:before, +.il-glyphicon-laugh:before, +.il-glyphicon-astounded:before, +.il-glyphicon-sad:before, +.il-glyphicon-angry:before { + font-family: "Open Sans Emoji"; +} +.il-glyphicon-like:before { + content: "\1f44d"; +} +.il-glyphicon-love:before { + content: "\2764"; +} +.il-glyphicon-dislike:before { + content: "\1f44e"; +} +.il-glyphicon-laugh:before { + content: "\1f604"; +} +.il-glyphicon-astounded:before { + content: "\1f62e"; +} +.il-glyphicon-sad:before { + content: "\1f625"; +} +.il-glyphicon-angry:before { + content: "\1f620"; +} +.glyphicon-option-horizontal:before { + font-family: il-icons; + content: "\e602"; +} +.glyphicon-remove:before { + font-family: il-icons; + content: "\e082"; +} +.glyphicon-briefcase:before { + font-family: il-icons; + content: "\e04b"; +} +.glyphicon-bell:before { + font-family: il-icons; + content: "\e027"; +} +.glyphicon-comment:before { + font-family: il-icons; + content: "\e04a"; +} +.glyphicon-envelope:before { + font-family: il-icons; + content: "\e086"; +} +.glyphicon-question-sign:before { + font-family: il-icons; + content: "\e05d"; +} +.glyphicon-search:before { + font-family: il-icons; + content: "\e090"; +} +.glyphicon-user:before { + font-family: il-icons; + content: "\e005"; +} +.glyphicon-minus-sign:before { + font-family: il-icons; + content: "\e065"; +} +.glyphicon-cog:before { + font-family: il-icons; + content: "\e09a"; +} +.glyphicon-login:before { + font-family: il-icons; + content: "\e066"; +} +.glyphicon-logout:before { + font-family: il-icons; + content: "\e065"; +} +.glyphicon-lang:before { + font-family: il-icons; + content: "\e618"; +} +.glyphicon-option-horizontal:before { + font-family: il-icons; + content: "\e603"; +} +.glyphicon-option-vertical:before { + font-family: il-icons; + content: "\e602"; +} +.glyphicon-minus-sign:before { + font-family: il-icons; + content: "\e615"; +} +.glyphicon-plus-sign:before { + font-family: il-icons; + content: "\e095"; +} +.glyphicon-triangle-bottom:before, +.il-tree li.il-tree-node.expandable[aria-expanded="true"] > .node-line:before { + font-family: il-icons; + content: "\e604"; +} +.glyphicon-triangle-right:before, +.il-tree li.il-tree-node.expandable > .node-line:before { + font-family: il-icons; + content: "\e606"; +} +.glyphicon-bulletlist:before { + font-family: il-icons; + content: "\e900"; +} +.glyphicon-numberedlist:before { + font-family: il-icons; + content: "\e901"; +} +.glyphicon-listindent:before { + font-family: il-icons; + content: "\e902"; +} +.glyphicon-listoutdent:before { + font-family: il-icons; + content: "\e903"; +} +.glyphicon-filter:before { + font-family: il-icons; + content: "\e904"; +} +.glyphicon-user:before { + font-family: il-icons; + content: "\e001"; +} +.il-avatar { + height: 45px; + width: 45px; + display: inline-block; + border-radius: 50%; + border-style: solid; + border-width: 2px; + overflow: hidden; + line-height: 1; + text-align: center; + pointer-events: none; +} +.il-avatar.il-avatar-picture { + border-color: #dddddd; +} +.il-avatar.il-avatar-picture img { + height: 45px; + width: 45px; + vertical-align: top; + border: 50%; + overflow: hidden; + object-fit: cover; +} +.il-avatar.il-avatar-letter span.abbreviation { + font-weight: lighter; + text-transform: inherit; + font-size: calc(41px / 2); + line-height: 1; + position: relative; + top: calc(41px / 4); +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-1 { + background-color: #0e6252; + border-color: #55e7cb; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-2 { + background-color: #107360; + border-color: #65ead0; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-3 { + background-color: #aa890a; + border-color: #f8e188; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-4 { + background-color: #c87e0a; + border-color: #fad9a4; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-5 { + background-color: #176437; + border-color: #6add9a; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-6 { + background-color: #196f3d; + border-color: #74e0a1; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-7 { + background-color: #bf6516; + border-color: #f5ceac; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-8 { + background-color: #a04000; + border-color: #ffa76d; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-9 { + background-color: #1d6fa5; + border-color: #a0cfee; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-10 { + background-color: #1b557a; + border-color: #7ebce3; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-11 { + background-color: #bf2718; + border-color: #f5b5ae; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-12 { + background-color: #81261d; + border-color: #e48f86; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-13 { + background-color: #713b87; + border-color: #d0b1dd; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-14 { + background-color: #522764; + border-color: #bb87d0; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-15 { + background-color: #78848c; + border-color: #e6e8ea; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-16 { + background-color: #34495e; + border-color: #98afc6; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-17 { + background-color: #2c3e50; + border-color: #8aa4be; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-18 { + background-color: #566566; + border-color: #bfc8c9; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-19 { + background-color: #90175a; + border-color: #ec87bf; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-20 { + background-color: #9e2b6e; + border-color: #e9accf; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-21 { + background-color: #d22f10; + border-color: #f9c0b5; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-22 { + background-color: #666d4e; + border-color: #c9cdba; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-23 { + background-color: #715a32; + border-color: #d3bf9c; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-24 { + background-color: #83693a; + border-color: #dbcbae; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-25 { + background-color: #963a30; + border-color: #e5b3ad; + color: white; +} +.il-avatar.il-avatar-letter.il-avatar-letter-color-26 { + background-color: #e74c3c; + border-color: #fdf3f2; + color: white; +} +@media only screen and (max-width: 768px) { + .il-avatar { + height: 22.5px; + width: 22.5px; + margin-top: auto; + border-width: 0px; + } + .il-avatar.il-avatar-picture img { + height: 22.5px; + width: 22.5px; + } + .il-avatar.il-avatar-letter span.abbreviation { + font-size: calc(22.5px / 2); + top: calc(22.5px / 4); + } +} +.il-link:focus-visible { + position: relative; + outline: 2px solid #FFFFFF; + outline-offset: 4px; +} +.il-link:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +.il-link:active, +.il-link.engaged { + outline: none; +} +.il-link.link-bulky { + text-decoration: none; +} +.il-link.link-bulky .icon, +.il-link.link-bulky .bulky-label { + display: inline-block; +} +.il-link.link-bulky .icon { + text-decoration: none; +} +.il-link.link-bulky .bulky-label { + color: #161616; +} +/** +This file contains all less Variables set by ILIAS. Please do not overwrite bootstrap standard variables here. +Set an ILIAS variable here with an il- prefix and overwrite the bootstrap variable in the bootstrap variables file +with the il- variable set here. + */ +/** headline text transform **/ +/** inline shadow of a message container **/ +/** border configuration, the color is automatically computed from the three color variants **/ +/** nagtive or positive contrast color for text and glyph **/ +/** contrast threshold for contrast color **/ +/** three color variants for neutral, important, breaking Head Infos **/ +/** +Some bootstrap variables are not left by the default of bootstrap, but are overwritten by ILIAS less variales. +Those are set here. If you need to overwrite a less variable of bootstrap, set a variable in the the variables.less +file of ILIAS with the il- prefix and use this variable to overwrite the boostrap variable here. If possible, do use +the il- variable in your less code and not the boostrap variable in your less code. + */ +/* @nav-tabs-link-hover-border-color: @brand-primary; */ +.webui-popover-content { + display: none; +} +.webui-popover-rtl { + direction: rtl; + text-align: right; +} +/* webui popover */ +.webui-popover { + position: absolute; + top: 0; + left: 0; + z-index: 9999; + display: none; + min-width: 50px; + min-height: 32px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #f9f9f9; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); +} +.webui-popover.top, +.webui-popover.top-left, +.webui-popover.top-right { + margin-top: -10px; +} +.webui-popover.right, +.webui-popover.right-top, +.webui-popover.right-bottom { + margin-left: 10px; +} +.webui-popover.bottom, +.webui-popover.bottom-left, +.webui-popover.bottom-right { + margin-top: 10px; +} +.webui-popover.left, +.webui-popover.left-top, +.webui-popover.left-bottom { + margin-left: -10px; +} +.webui-popover.pop { + -webkit-transform: scale(0.8); + -o-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5); + -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5); + transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5); + opacity: 0; + filter: alpha(opacity=0); +} +.webui-popover.pop-out { + -webkit-transition-property: "opacity,transform"; + -o-transition-property: "opacity,transform"; + transition-property: "opacity,transform"; + -webkit-transition: 0.15s linear; + -o-transition: 0.15s linear; + transition: 0.15s linear; + opacity: 0; + filter: alpha(opacity=0); +} +.webui-popover.fade, +.webui-popover.fade-out { + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + opacity: 0; + filter: alpha(opacity=0); +} +.webui-popover.out { + opacity: 0; + filter: alpha(opacity=0); +} +.webui-popover.in { + -webkit-transform: none; + -o-transform: none; + transform: none; + opacity: 1; + filter: alpha(opacity=100); +} +.webui-popover .webui-popover-content { + padding: 9px 14px; + overflow: auto; + display: block; +} +.webui-popover .webui-popover-content > div:first-child { + width: 99%; +} +.webui-popover-inner .close { + font-family: arial; + margin: 8px 10px 0 0; + float: right; + font-size: 16px; + font-weight: bold; + line-height: 16px; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: 0.2; + filter: alpha(opacity=20); + text-decoration: none; +} +.webui-popover-inner .close:hover, +.webui-popover-inner .close:focus { + opacity: 0.5; + filter: alpha(opacity=50); +} +.webui-popover-inner .close:after { + content: "\00D7"; + width: 0.8em; + height: 0.8em; + padding: 4px; + position: relative; +} +.webui-popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: bold; + line-height: 18px; + background-color: #f9f9f9; + border-bottom: 1px solid #ececec; + border-radius: -1px -1px 0 0; +} +.webui-popover-content { + padding: 9px 14px; + overflow: auto; + display: none; +} +.webui-popover-inverse { + background-color: #333; + color: #eee; +} +.webui-popover-inverse .webui-popover-title { + background: #333; + border-bottom: 1px solid #3b3b3b; + color: #eee; +} +.webui-no-padding .webui-popover-content { + padding: 0; +} +.webui-no-padding .list-group-item { + border-right: none; + border-left: none; +} +.webui-no-padding .list-group-item:first-child { + border-top: 0; +} +.webui-no-padding .list-group-item:last-child { + border-bottom: 0; +} +.webui-popover > .webui-arrow, +.webui-popover > .webui-arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.webui-popover > .webui-arrow { + border-width: 11px; +} +.webui-popover > .webui-arrow:after { + border-width: 10px; + content: ""; +} +.webui-popover.top > .webui-arrow, +.webui-popover.top-right > .webui-arrow, +.webui-popover.top-left > .webui-arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} +.webui-popover.top > .webui-arrow:after, +.webui-popover.top-right > .webui-arrow:after, +.webui-popover.top-left > .webui-arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-top-color: #f9f9f9; + border-bottom-width: 0; +} +.webui-popover.right > .webui-arrow, +.webui-popover.right-top > .webui-arrow, +.webui-popover.right-bottom > .webui-arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.webui-popover.right > .webui-arrow:after, +.webui-popover.right-top > .webui-arrow:after, +.webui-popover.right-bottom > .webui-arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #f9f9f9; +} +.webui-popover.bottom > .webui-arrow, +.webui-popover.bottom-right > .webui-arrow, +.webui-popover.bottom-left > .webui-arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} +.webui-popover.bottom > .webui-arrow:after, +.webui-popover.bottom-right > .webui-arrow:after, +.webui-popover.bottom-left > .webui-arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-bottom-color: #f9f9f9; + border-top-width: 0; +} +.webui-popover.left > .webui-arrow, +.webui-popover.left-top > .webui-arrow, +.webui-popover.left-bottom > .webui-arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.webui-popover.left > .webui-arrow:after, +.webui-popover.left-top > .webui-arrow:after, +.webui-popover.left-bottom > .webui-arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #f9f9f9; + bottom: -10px; +} +.webui-popover-inverse.top > .webui-arrow, +.webui-popover-inverse.top-left > .webui-arrow, +.webui-popover-inverse.top-right > .webui-arrow, +.webui-popover-inverse.top > .webui-arrow:after, +.webui-popover-inverse.top-left > .webui-arrow:after, +.webui-popover-inverse.top-right > .webui-arrow:after { + border-top-color: #333; +} +.webui-popover-inverse.right > .webui-arrow, +.webui-popover-inverse.right-top > .webui-arrow, +.webui-popover-inverse.right-bottom > .webui-arrow, +.webui-popover-inverse.right > .webui-arrow:after, +.webui-popover-inverse.right-top > .webui-arrow:after, +.webui-popover-inverse.right-bottom > .webui-arrow:after { + border-right-color: #333; +} +.webui-popover-inverse.bottom > .webui-arrow, +.webui-popover-inverse.bottom-left > .webui-arrow, +.webui-popover-inverse.bottom-right > .webui-arrow, +.webui-popover-inverse.bottom > .webui-arrow:after, +.webui-popover-inverse.bottom-left > .webui-arrow:after, +.webui-popover-inverse.bottom-right > .webui-arrow:after { + border-bottom-color: #333; +} +.webui-popover-inverse.left > .webui-arrow, +.webui-popover-inverse.left-top > .webui-arrow, +.webui-popover-inverse.left-bottom > .webui-arrow, +.webui-popover-inverse.left > .webui-arrow:after, +.webui-popover-inverse.left-top > .webui-arrow:after, +.webui-popover-inverse.left-bottom > .webui-arrow:after { + border-left-color: #333; +} +.webui-popover i.icon-refresh:before { + content: ""; +} +.webui-popover i.icon-refresh { + display: block; + width: 30px; + height: 30px; + font-size: 20px; + top: 50%; + left: 50%; + position: absolute; + margin-left: -15px; + margin-right: -15px; + background: url(../img/loading.gif) no-repeat; +} +@-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes rotate { + 100% { + transform: rotate(360deg); + } +} +.webui-popover-backdrop { + background-color: rgba(0, 0, 0, 0.65); + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 9998; +} +.webui-popover .dropdown-menu { + display: block; + position: relative; + top: 0; + border: none; + box-shadow: none; + float: none; +} +.il-popover { + max-width: 400px; +} +.il-popover .webui-popover-content > div:first-child { + width: 100%; +} +.il-popover .il-popover-inner { + max-height: 500px; + overflow: auto; +} +.il-popover .il-popover-inner .close { + margin: 0; +} +.il-popover .il-popover-inner .close::after { + content: ""; + width: 0em; + height: 0em; + padding: 0; +} +.il-popover i.icon-refresh { + background: url("images/loading.gif") no-repeat; + height: 30px; +} +.il-popover .il-popover-title-container { + background-color: #F0F0F0; +} +.il-popover .il-popover-title-container h4.il-popover-title { + font-size: 17px; + font-weight: normal; + padding: 8px 14px; + background-color: transparent; + text-transform: none; + color: #161616; +} +.il-popover.webui-popover-fixed { + position: fixed; +} +@media (max-width: 768px) { + .il-popover.webui-popover-fixed { + position: absolute; + left: 0 !important; + width: 100%; + } +} +.extended-color-variant-1.il-extended-color-variant-standard { + color: #7f7207; + background-color: #f3de2c; +} +.extended-color-variant-1.il-extended-color-variant-light { + color: #beab0b; + background-color: #f7e970; +} +.extended-color-variant-1.il-extended-color-variant-lighter { + color: #c7b30b; + background-color: #faf0a0; +} +.extended-color-variant-1.il-extended-color-variant-dark { + color: #fefced; + background-color: #ccb80c; +} +.extended-color-variant-1.il-extended-color-variant-darker { + color: #ffffff; + background-color: #a59509; +} +.extended-color-variant-2.il-extended-color-variant-standard { + color: #3a2300; + background-color: #d38000; +} +.extended-color-variant-2.il-extended-color-variant-light { + color: #7c4b00; + background-color: #ffa51b; +} +.extended-color-variant-2.il-extended-color-variant-lighter { + color: #865200; + background-color: #ffba4e; +} +.extended-color-variant-2.il-extended-color-variant-dark { + color: #ffdaa0; + background-color: #8c5500; +} +.extended-color-variant-2.il-extended-color-variant-darker { + color: #ffffff; + background-color: #633c00; +} +.extended-color-variant-3.il-extended-color-variant-standard { + color: #081517; + background-color: #307c88; +} +.extended-color-variant-3.il-extended-color-variant-light { + color: #194248; + background-color: #43acbd; +} +.extended-color-variant-3.il-extended-color-variant-lighter { + color: #1c484f; + background-color: #69bdca; +} +.extended-color-variant-3.il-extended-color-variant-dark { + color: #a5d7df; + background-color: #1d4c53; +} +.extended-color-variant-3.il-extended-color-variant-darker { + color: #f0f8fa; + background-color: #133035; +} +.extended-color-variant-4.il-extended-color-variant-standard { + color: #378144; + background-color: #86cb92; +} +.extended-color-variant-4.il-extended-color-variant-light { + color: #4baf5d; + background-color: #b8e0bf; +} +.extended-color-variant-4.il-extended-color-variant-lighter { + color: #50b462; + background-color: #dcf0df; +} +.extended-color-variant-4.il-extended-color-variant-dark { + color: #ffffff; + background-color: #54b665; +} +.extended-color-variant-4.il-extended-color-variant-darker { + color: #ffffff; + background-color: #449d53; +} +.extended-color-variant-5.il-extended-color-variant-standard { + color: #7c2c5b; + background-color: #ce73a8; +} +.extended-color-variant-5.il-extended-color-variant-light { + color: #ae3d7e; + background-color: #e1a8c9; +} +.extended-color-variant-5.il-extended-color-variant-lighter { + color: #b53f84; + background-color: #eecee0; +} +.extended-color-variant-5.il-extended-color-variant-dark { + color: #ffffff; + background-color: #b94187; +} +.extended-color-variant-5.il-extended-color-variant-darker { + color: #ffffff; + background-color: #9b3671; +} +.extended-color-variant-6.il-extended-color-variant-standard { + color: #352840; + background-color: #82639e; +} +.extended-color-variant-6.il-extended-color-variant-light { + color: #564169; + background-color: #a58fb9; +} +.extended-color-variant-6.il-extended-color-variant-lighter { + color: #5b456f; + background-color: #beaecd; +} +.extended-color-variant-6.il-extended-color-variant-dark { + color: #e7e1ec; + background-color: #5e4772; +} +.extended-color-variant-6.il-extended-color-variant-darker { + color: #ffffff; + background-color: #493859; +} +.extended-color-variant-7.il-extended-color-variant-standard { + color: #4a3737; + background-color: #9e7c7d; +} +.extended-color-variant-7.il-extended-color-variant-light { + color: #705354; + background-color: #bca5a6; +} +.extended-color-variant-7.il-extended-color-variant-lighter { + color: #765758; + background-color: #d2c2c3; +} +.extended-color-variant-7.il-extended-color-variant-dark { + color: #f5f1f1; + background-color: #795a5b; +} +.extended-color-variant-7.il-extended-color-variant-darker { + color: #ffffff; + background-color: #624849; +} +.extended-color-variant-8.il-extended-color-variant-standard { + color: #b30931; + background-color: #f75e82; +} +.extended-color-variant-8.il-extended-color-variant-light { + color: #f20c42; + background-color: #faa2b7; +} +.extended-color-variant-8.il-extended-color-variant-lighter { + color: #f31549; + background-color: #fdd3dd; +} +.extended-color-variant-8.il-extended-color-variant-dark { + color: #ffffff; + background-color: #f41a4d; +} +.extended-color-variant-8.il-extended-color-variant-darker { + color: #ffffff; + background-color: #da0b3c; +} +.extended-color-variant-9.il-extended-color-variant-standard { + color: #8d1116; + background-color: #ea4d54; +} +.extended-color-variant-9.il-extended-color-variant-light { + color: #c91820; + background-color: #f28d91; +} +.extended-color-variant-9.il-extended-color-variant-lighter { + color: #d21921; + background-color: #f7babd; +} +.extended-color-variant-9.il-extended-color-variant-dark { + color: #ffffff; + background-color: #d61922; +} +.extended-color-variant-9.il-extended-color-variant-darker { + color: #ffffff; + background-color: #b2151c; +} +.bg-primary { + color: white; +} +/* + These classes are used to limit the number of rows when displaying larger chunks of text. + The mixin receives @height-in-rows as an integer. The classes il-multi-line-cap-2,3,5,10 + can be used to limit the number of rows for text to 2,3,5 or 10 lines in any template, + e.g. the Standard Listing Panels limit the property values to 3 lines using il-multi-line-cap-3 + + Technical discussion can be found in https://mantis.ilias.de/view.php?id=21583 + The background/gradient fallback can be removed as soon as all browsers support line-clamp. + */ +.il-multi-line-cap-2 { + position: relative; + max-height: 3em; + overflow: hidden; + line-height: 1.5; + /* edge, chrome, safari go here... */ + /* may come with next firefox 68, https://caniuse.com/#search=clamp */ +} +.il-multi-line-cap-2:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 30%; + height: 1.5em; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%); +} +@supports (-webkit-line-clamp: 2) { + .il-multi-line-cap-2 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + } + .il-multi-line-cap-2:after { + display: none; + } +} +@supports (-moz-line-clamp: 2) { + .il-multi-line-cap-2 { + overflow: hidden; + text-overflow: ellipsis; + display: -moz-box; + -moz-line-clamp: 2; + -moz-box-orient: vertical; + } + .il-multi-line-cap-2:after { + display: none; + } +} +.il-multi-line-cap-3 { + position: relative; + max-height: 4.5em; + overflow: hidden; + line-height: 1.5; + /* edge, chrome, safari go here... */ + /* may come with next firefox 68, https://caniuse.com/#search=clamp */ +} +.il-multi-line-cap-3:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 30%; + height: 1.5em; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%); +} +@supports (-webkit-line-clamp: 2) { + .il-multi-line-cap-3 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + } + .il-multi-line-cap-3:after { + display: none; + } +} +@supports (-moz-line-clamp: 2) { + .il-multi-line-cap-3 { + overflow: hidden; + text-overflow: ellipsis; + display: -moz-box; + -moz-line-clamp: 3; + -moz-box-orient: vertical; + } + .il-multi-line-cap-3:after { + display: none; + } +} +.il-multi-line-cap-5 { + position: relative; + max-height: 7.5em; + overflow: hidden; + line-height: 1.5; + /* edge, chrome, safari go here... */ + /* may come with next firefox 68, https://caniuse.com/#search=clamp */ +} +.il-multi-line-cap-5:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 30%; + height: 1.5em; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%); +} +@supports (-webkit-line-clamp: 2) { + .il-multi-line-cap-5 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 5; + -webkit-box-orient: vertical; + } + .il-multi-line-cap-5:after { + display: none; + } +} +@supports (-moz-line-clamp: 2) { + .il-multi-line-cap-5 { + overflow: hidden; + text-overflow: ellipsis; + display: -moz-box; + -moz-line-clamp: 5; + -moz-box-orient: vertical; + } + .il-multi-line-cap-5:after { + display: none; + } +} +.il-multi-line-cap-10 { + position: relative; + max-height: 15em; + overflow: hidden; + line-height: 1.5; + /* edge, chrome, safari go here... */ + /* may come with next firefox 68, https://caniuse.com/#search=clamp */ +} +.il-multi-line-cap-10:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 30%; + height: 1.5em; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 80%); +} +@supports (-webkit-line-clamp: 2) { + .il-multi-line-cap-10 { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 10; + -webkit-box-orient: vertical; + } + .il-multi-line-cap-10:after { + display: none; + } +} +@supports (-moz-line-clamp: 2) { + .il-multi-line-cap-10 { + overflow: hidden; + text-overflow: ellipsis; + display: -moz-box; + -moz-line-clamp: 10; + -moz-box-orient: vertical; + } + .il-multi-line-cap-10:after { + display: none; + } +} +/* flex grid support start */ +.row-flex { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} +.row-flex-wrap { + -webkit-flex-flow: row wrap; + flex-flow: row wrap; + align-content: flex-start; +} +.flex-col { + display: flex; + display: -webkit-flex; + flex-flow: column nowrap; + height: 100%; +} +/* flex grid support end */ +/* RTL review overwrite some specifics [bootstrap] styles + * + * use class "noMirror" to avoid image flip +*/ +[dir="rtl"] img:not(.noMirror) { + transform: scaleX(-1); +} +[dir="rtl"] *[align="left"] { + text-align: right !important; +} +[dir="rtl"] *[align="right"] { + text-align: left !important; +} +@media (min-width: 768px) { + [dir="rtl"] .navbar-header { + float: right; + } +} +[dir="rtl"] .navbar-brand { + float: right; +} +@media (min-width: 768px) { + .navbar > .container [dir="rtl"] .navbar-brand, + .navbar > .container-fluid [dir="rtl"] .navbar-brand { + margin-left: 0; + margin-right: -15px; + } +} +[dir="rtl"] .navbar-toggle { + float: left; + margin-right: 0; + margin-left: 15px; +} +@media (max-width: 768px) { + [dir="rtl"] .navbar-nav .open .dropdown-menu > li > a, + [dir="rtl"] .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 25px 5px 15px; + } +} +@media (min-width: 768px) { + [dir="rtl"] .navbar-nav { + float: right; + margin: 0; + } + [dir="rtl"] .navbar-nav > li { + float: right; + } + [dir="rtl"] .navbar-nav.navbar-right:last-child { + margin-right: 0; + margin-left: -15px; + } +} +@media (min-width: 768px) { + [dir="rtl"] .navbar-left { + float: right !important; + } + [dir="rtl"] .navbar-right { + float: left !important; + } +} +@media (min-width: 768px) { + [dir="rtl"] .navbar-form.navbar-right:last-child { + margin-right: 0; + margin-left: -15px; + } +} +@media (min-width: 768px) { + [dir="rtl"] .navbar-text { + float: right; + } + [dir="rtl"] .navbar-text.navbar-right:last-child { + margin-right: 15px; + margin-left: 0; + } +} +[dir="rtl"] form .col-sm-1, +[dir="rtl"] form .col-sm-2, +[dir="rtl"] form .col-sm-3, +[dir="rtl"] form .col-sm-4, +[dir="rtl"] form .col-sm-5, +[dir="rtl"] form .col-sm-6, +[dir="rtl"] form .col-sm-7, +[dir="rtl"] form .col-sm-8, +[dir="rtl"] form .col-sm-9, +[dir="rtl"] form .col-sm-10, +[dir="rtl"] form .col-sm-11, +[dir="rtl"] form .col-sm-12 { + float: right; +} +[dir="rtl"] .nav-pills > li { + float: right; +} +span.ilAlert { + color: #B54F00; +} +/* Drop Downs */ +.dropdown-header { + padding: 3px 10px; + color: #161616; + background-color: white; + margin-bottom: 4px; + border-bottom: 1px solid #dddddd; +} +.dropdown-header > h2 { + margin-bottom: 2px; +} +.dropdown-menu { + background-color: white; + font-weight: normal; + border: 0 none; + -webkit-box-shadow: 3px 9px 9px 0 rgba(0, 0, 0, 0.3); + box-shadow: 3px 9px 9px 0 rgba(0, 0, 0, 0.3); +} +.dropdown-menu li > a { + display: block; + clear: both; + padding: 3px 10px; + font-weight: normal; + font-size: 14px; + line-height: 1.42857143; + background-color: transparent; + color: #161616; + white-space: nowrap; +} +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus { + text-decoration: none; + color: #000000; + background-color: #e2e8ef; +} +.dropdown-menu img { + border: 0; + width: 22px; + height: 22px; + margin: 0 3px 0 0; + display: inline; +} +[dir="rtl"] .dropdown-menu { + padding: 5px 0; +} +.ilAdvNoImg { + display: inline-block; + width: 22px; +} +.yamm .dropdown-menu li > a { + white-space: normal; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +/* BS tables */ +.table { + margin-bottom: 0; +} +/* ILIAS part candidates */ +html, +body { + height: 100%; + overflow: hidden; +} +@media only screen and (max-width: 768px) { + html { + -webkit-text-size-adjust: none; + } +} +@media only screen and (max-width: 768px) { + html, + body { + overflow: initial; + height: auto; + min-height: 100vh; + } +} +/* see bug ILIAS bug #17589 and http://stackoverflow.com/questions/17045132/scrollbar-overlay-in-ie10-how-do-you-stop-that */ +body { + -ms-overflow-style: scrollbar; +} +#ilAll { + position: relative; + height: auto !important; + min-height: calc(100% - 1px); + margin: 0 auto; +} +div#minheight { + height: 180px; + clear: both; +} +div.ilFrame { + margin-top: -40px; + margin-left: auto; + margin-right: auto; + max-width: 1200px; + -webkit-box-shadow: 0 0 40px #808080; + box-shadow: 0 0 40px #808080; + padding-top: 129px; + background-color: #f9f9f9; + min-height: 100%; +} +@media only screen and (max-width: 768px) { + div.ilFrame { + margin: 0; + width: 100%; + } +} +.ilContainerWidth { + max-width: 1400px; + padding: 0 30px; +} +@media only screen and (max-width: 768px) { + .ilContainerWidth { + padding: 0 15px; + } +} +/* + it would be good to limit the content width in some cases + - for many forms 1400px is too wide + - but not for all (e.g. question editing if tiny is used) + - screens that use tables often need the full width + - screens with (container) item lists often look ugly on 1400px (title <-> action arrow distance) + 1028px is the current max. width of the center column if at least one other column + is displayed. This or any higher value could be set for the center column as a max-width, + but not for all screens, options: + - introduce a limiting class for center col and set this as "default", add another class that deactivates the + limit (-> screens that have wide content need to activate this class) + - keep the current wide center col, introduce only a limiting class (-> screens that want a narrow view need + to activate the class) + - use a limiting class only on some UI elements, e.g. forms and container item lists +*/ +#il_center_col { + /* max-width: 1028px; */ +} +/* left navigation area (used, e.g. for explorer trees) */ +.ilLeftNav { + top: 0; + bottom: 0; + width: 300px; + float: left; + position: absolute; + padding: 5px; + margin-left: 15px; + overflow: auto; + background-color: white; + border-right: 3px solid #808080; + z-index: 100; + position: fixed; + top: 117px; +} +@media only screen and (max-width: 1200px) { + .ilLeftNav { + /* at last temporary, since it overlaps content */ + display: none; + } +} +[dir="rtl"] .ilLeftNav { + float: right; + margin-left: 0; + margin-right: 15px; + border-right: none; + border-left: 3px solid #808080; +} +/* -------------------------------------------------------------- + "Classic" delos part +-------------------------------------------------------------- */ +/* -------------------------------------------------------------- + GLOBAL STYLES +-------------------------------------------------------------- */ +ul, +ol, +p { + margin: 0.8em 0; +} +ol, +ul { + padding-left: 40px; + list-style-image: none; +} +[dir="rtl"] ol, +[dir="rtl"] ul { + padding-right: 40px; + padding-left: 0; +} +ol ul, +ul ol, +ul ul, +ol ol { + margin-top: 0; + margin-bottom: 0; +} +small, +sub, +sup { + font-size: 0.8em; +} +em, +i { + font-style: italic; +} +u { + text-decoration: underline; +} +sub { + vertical-align: sub; +} +sup { + vertical-align: super; +} +/* see bug #15971 */ +sub, +sup { + position: static; +} +strong, +b { + font-weight: bold; +} +a { + text-decoration: none; + cursor: pointer; + /* BEGIN WebDAV: Enable links with AnchorClick behavior for Internet Explorer. + * All skins which want to support mounting of Webfolders using Internet Explorer + * must explicitly enable AnchorClick behavior. + */ + behavior: url(#default#AnchorClick); + /* END WebDAV: Enable links with AnchorClick behavior for Internet Explorer. */ +} +a:hover { + color: #3a4c65; + text-decoration: underline; +} +a:focus-visible { + position: relative; + outline: 2px solid #FFFFFF; + outline-offset: 4px; +} +a:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +a:active, +a.engaged { + outline: none; +} +hr { + margin-bottom: 0.8em; + border: none; + border-top: 1px solid #dddddd; +} +table { + font-size: 100%; +} +img { + vertical-align: middle; +} +@media only screen and (max-width: 768px) { + img { + /* height: auto; messes e.g. survey progress bar */ + max-width: 100%; + } +} +@media only screen and (max-width: 768px) { + img.olTileImage { + max-width: none; + } +} +tr, +td { + vertical-align: top; + white-space: normal; + word-wrap: break-word; +} +code { + font-family: Pragmata, Menlo, 'DejaVu LGC Sans Mono', 'DejaVu Sans Mono', Consolas, 'Everson Mono', 'Lucida Console', 'Andale Mono', 'Nimbus Mono L', 'Liberation Mono', FreeMono, 'Osaka Monospaced', Courier, 'New Courier', monospace; + font-size: 90%; + color: #6f6f6f; +} +::selection { + background: #e2e8ef; +} +::-moz-selection { + background: #e2e8ef; +} +@media only screen and (max-width: 768px) { + textarea { + max-width: 100%; + } +} +@media only screen and (max-width: 768px) { + input, + select { + max-width: 100%; + } +} +@media only screen and (max-width: 768px) { + div.ilc_Mob img { + height: auto !important; + } +} +@media print { + h1, + h2, + h3, + h4, + h5, + h6 { + page-break-after: avoid; + } + ul, + ol, + dl { + page-break-before: avoid; + } +} +/* -------------------------------------------------------------- + SPECIAL STYLES +-------------------------------------------------------------- */ +body#tinymce, +body.mceContentBody { + height: auto; +} +body#tinymce { + background-color: white; + overflow: initial; +} +html.il-no-tiny-bg body#tinymce { + background-color: transparent; + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.ilHidden { + visibility: hidden; +} +.ilNoDisplay { + display: none !important; +} +.ilDisplayBlock { + display: block; +} +.ilClearFloat { + clear: both; +} +.ilFloatRight { + float: right; +} +[dir="rtl"] .ilFloatRight { + float: left; +} +.ilFloatLeft { + float: left; +} +[dir="rtl"] .ilFloatLeft { + float: right; +} +.ilWhiteSpaceNowrap { + white-space: nowrap; +} +.ilWhiteSpaceNowrap.ilRight a, +.ilWhiteSpaceNowrap.ilRight .btn-group { + padding-left: 6px; + border: 1px solid transparent; +} +.ilPositionRelative { + position: relative; +} +.ilPrintContent { + padding: 0 15px; +} +.ilCenter { + text-align: center; +} +.ilRight { + text-align: right; +} +[dir="rtl"] .ilRight { + text-align: left; +} +.ilLeft { + text-align: left; +} +[dir="rtl"] .ilLeft { + text-align: right; +} +.ilValignMiddle { + vertical-align: middle; +} +.registration { + margin: 5px auto 0; + width: 700px; +} +.fullwidth { + width: 100%; +} +div.input { + border: 1px solid #757575; + padding: 3px; + text-decoration: none; + font-size: 90%; + background-color: white; + overflow: auto; +} +div.input:focus { + border-color: #0078D7; +} +input[type=text].numeric { + text-align: right; +} +@media only screen and (max-width: 768px) { + div.ilTableOuter { + max-width: 100%; + overflow: auto; + } +} +@media only screen and (max-width: 768px) { + .table-responsive .dropdown-menu { + position: relative; + } +} +/* -------------------- table formatting ------------------ */ +div.ilCommandRow { + text-align: right; + padding-right: 1%; + margin-bottom: 15px; +} +[dir="rtl"] div.ilCommandRow { + text-align: left; + padding-right: 0; + padding-left: 1%; +} +div.ilCommandRow.one_side_col { + padding-right: 22%; +} +[dir="rtl"] div.ilCommandRow.one_side_col { + padding-right: 0; + padding-left: 22%; +} +div.ilAdminRow { + margin: 10px 15px 20px 15px; +} +table.std { + color: #161616; + background-color: #bbb; + border-spacing: 0; + border-collapse: collapse; + border: 1px solid #9eadba; +} +.fullwidth_invisible { + color: #161616; + background-color: #f9f9f9; + width: 100%; + border-spacing: 0; +} +table.nobackground { + color: #161616; + background-color: inherit; + border-spacing: 0; + padding: 3px; +} +.subitem { + clear: both; + margin: 0 -10px 0 0; + padding-top: 5px; + /* border-top: 1px dotted #c0c0c0; */ +} +[dir="rtl"] .subitem { + clear: both; + margin: 0 0 0 -10px; +} +td.nobackground { + color: black; + background-color: inherit; + border-spacing: 0; + border: none; + padding: 3px; + vertical-align: top; +} +tr.tbltitle { + border-bottom: 1px solid #9eadba; +} +tr.std { + background-color: white; + color: #161616; + padding: 3px; +} +th { + text-align: left; + vertical-align: bottom; + font-weight: normal; +} +td.std, +th.std { + padding: 4px 6px; + text-align: left; +} +[dir="rtl"] th, +[dir="rtl"] td.std, +[dir="rtl"] th.std { + text-align: right; +} +.calstd .btn { + white-space: normal; +} +th.option, +td.option { + background-color: white; + color: #161616; + padding: 3px; + font-weight: bold; + vertical-align: top; + text-align: right; + border-top: 1px solid #9eadba; +} +[dir="rtl"] th.option, +[dir="rtl"] td.option { + text-align: left; +} +td.sub_option { + background-color: white; + color: #161616; + padding: 3px; + font-weight: bold; + vertical-align: top; + border-top: 1px solid #9eadba; +} +td.option_value { + background: none white; + color: #161616; + padding: 3px; + vertical-align: top; + text-align: left; + border-top: 1px solid #9eadba; +} +[dir="rtl"] td.option_value { + text-align: right; +} +td.option_value_center { + background: none white; + color: #161616; + padding: 3px; + vertical-align: top; + text-align: center; + border-top: 1px solid #9eadba; +} +td.option_desc, +p.option_desc { + background: none white; + color: #161616; + padding: 3px; + font-style: italic; + font-weight: normal; + vertical-align: top; + text-align: left; +} +[dir="rtl"] td.option_desc, +[dir="rtl"] p.option_desc { + text-align: right; +} +td.boxed { + border: 1px solid black; +} +/*Link, Visited, Hover, Focus, Activ*/ +a.il_ContainerItemCommand2:link, +a.il_ContainerItemCommand2:visited, +a.il_ContainerItemCommand:link, +a.il_ContainerItemCommand:visited { + font-size: 80%; + text-decoration: none; + margin: 0 3px 0 0; + white-space: nowrap; + font-weight: normal; +} +[dir="rtl"] a.il_ContainerItemCommand2:link, +[dir="rtl"] a.il_ContainerItemCommand2:visited, +[dir="rtl"] a.il_ContainerItemCommand:link, +[dir="rtl"] a.il_ContainerItemCommand2:visited { + margin: 0 0 0 3px; +} +a.il_ContainerItemCommand2:hover, +a.il_ContainerItemCommand:hover { + text-decoration: underline; +} +div.il_ContainerItemCommands2 { + text-align: right; + margin: 0 3px 3px; +} +[dir="rtl"] div.il_ContainerItemCommands2 { + text-align: left; +} +div.il_ContainerItemCommands { + padding: 2px 0; +} +h3.il_ContainerItemTitle { + padding: 0; + margin: 0; + font-weight: normal; + font-size: 100%; + display: inline; +} +div.il_ContainerItemTitle { + float: left; + max-width: calc(100% - 40px); + padding-bottom: 5px; +} +[dir="rtl"] div.il_ContainerItemTitle { + float: right; +} +div.il_ItemProperties { + margin: 2px 0 5px; + text-align: left; + font-weight: normal; + font-size: 90%; +} +[dir="rtl"] div.il_ItemProperties { + text-align: right; +} +div.il_ItemNotice { + margin: 2px 0 5px; + text-align: left; + font-weight: normal; + font-size: 90%; + color: green; +} +[dir="rtl"] div.il_ItemNotice { + text-align: right; +} +a.il_ItemProperty:link, +a.il_ItemProperty:visited { + text-decoration: none; + font-weight: normal; +} +a.il_ItemProperty:hover { + color: black; +} +span.il_ItemAlertProperty { + color: #B54F00; +} +/* Table Links */ +/* --- description text ---*/ +div.il_Description, +td.il_Description { + margin: 2px 0 5px; + font-size: 90%; + font-weight: normal; + text-align: left; +} +[dir="rtl"] div.il_Description, +[dir="rtl"] td.il_Description { + text-align: right; +} +div.il_Description_no_margin, +td.il_Description_no_margin { + font-size: 90%; + font-style: italic; + text-align: left; +} +[dir="rtl"] div.il_Description_no_margin, +[dir="rtl"] td.il_Description_no_margin { + text-align: right; +} +div.il_info { + font-size: 90%; + text-align: left; +} +[dir="rtl"] div.il_info { + text-align: right; +} +/* ---------------- headlines ------------------ */ +a#il_mhead_t_focus { + color: #3b5620; + vertical-align: middle; + font-size: 26px; + cursor: default; +} +@media only screen and (max-width: 768px) { + a#il_mhead_t_focus { + font-size: 20px; + } +} +a#il_mhead_t_focus[href] { + cursor: pointer; +} +h1.ilHeader { + padding: 10px 0 0; +} +@media only screen and (max-width: 768px) { + h1.ilHeader { + padding-top: 5px; + } +} +h2.ilHeader { + font-weight: normal; + padding: 0; + margin: 0; + display: inline; + font-size: 19px; + color: #2c2c2c; +} +#headerimage { + width: 45px; + height: 45px; + margin-top: 3px; + margin-right: 10px; + float: left; +} +@media only screen and (max-width: 768px) { + #headerimage { + width: 35px; + height: 35px; + margin-top: 2px; + margin-right: 7px; + } +} +[dir="rtl"] #headerimage { + margin-right: 0; + margin-left: 10px; + float: right; +} +div.ilHeadAction { + float: right; + margin: 8px 0 5px; + /* bottom 5px blog fullscreen */ +} +[dir="rtl"] div.ilHeadAction { + float: left; +} +div.ilHeadAction .prop { + padding-right: 10px; +} +[dir="rtl"] div.ilHeadAction .prop { + padding-right: 0; + padding-left: 10px; +} +div.ilHeadAction a:hover { + text-decoration: none; +} +div.ilHeaderDesc { + font-size: 90%; + padding: 0; + color: #161616; + font-weight: 300; +} +div.ilHeaderAlert { + font-size: 90%; + padding: 0; + font-weight: 300; + color: #B54F00; +} +div.il_HeaderInner { + /* padding: 15px; + margin-bottom: 5px; */ + overflow: visible; + display: none; + height: 0px; +} +@media only screen and (max-width: 768px) { + div.il_HeaderInner { + color: #161616; + } +} +div.il_HeaderInner.media { + margin-top: 0; +} +div.il_TreeIcons { + padding: 15px 15px 0 0; + margin: 0; + float: right; +} +[dir="rtl"] div.il_TreeIcons { + padding: 15px 0 0 15px; + float: left; +} +/* ----------------- permanent link ------------- */ +#current_perma_link { + color: #161616; + font-size: 90%; +} +#current_perma_link:focus-visible { + outline: 3px solid #FFFFFF; + outline-offset: 2px; +} +a.permalink_label > span.glyphicon { + display: none; +} +.ilPermalinkContainer { + width: 100%; +} +div.ilPermanentLinkWrapper { + clear: both; + margin-top: 10px; + display: inline-block; + width: 100%; +} +@media only screen and (max-width: 768px) { + div.ilPermanentLinkWrapper a.permalink_label > span.glyphicon { + display: inline; + } +} +div.ilPermanentLinkWrapper .ilPermalinkContainer { + table-layout: fixed; + line-height: 22px; +} +@media only screen and (max-width: 768px) { + div.ilPermanentLinkWrapper .ilPermalinkContainer { + padding-right: 0; + } +} +div.ilPermanentLinkWrapper .ilPermalinkContainer > label { + width: 150px; + display: table-cell; + vertical-align: middle; +} +@media only screen and (max-width: 768px) { + div.ilPermanentLinkWrapper .ilPermalinkContainer > label { + padding-right: 0; + width: 24px; + } +} +div.ilPermanentLinkWrapper .ilPermalinkContainer > input, +div.ilPermanentLinkWrapper .ilPermalinkContainer .btn-group { + z-index: 0; + /* see bug #24567 */ +} +div.ilPermanentLinkWrapper .ilPermalinkContainer .input-group-btn { + width: 28px; +} +div.il_Footer { + padding: 10px 0; + font-size: 90%; + text-align: center; +} +footer.ilFooter { + position: absolute; + left: 0; + right: 0; + bottom: -1px !important; + font-size: 0.9em; + height: 70px; + margin: 0 auto; + padding: 20px 0 0; + text-align: left; + background-color: #4c6586; + color: white; +} +@media only screen and (max-width: 768px) { + footer.ilFooter { + height: auto; + } +} +footer.ilFooter div.ilFooterContainer { + color: white; + line-height: 1.75; + padding: 0 15px; +} +footer.ilFooter a.permalink_label, +footer.ilFooter div.ilFooterContainer > a { + color: white; + white-space: nowrap; +} +footer.ilFooter a.permalink_label:hover, +footer.ilFooter div.ilFooterContainer > a:hover { + color: white; +} +@media only screen and (max-width: 768px) { + footer.ilFooter a.permalink_label > span.glyphicon { + display: inline; + } +} +footer.ilFooter .ilPermalinkContainer { + width: auto; + padding-right: 5px; + line-height: 22px; +} +footer.ilFooter .ilPermalinkContainer > label { + display: table-cell; + vertical-align: middle; + padding-right: 5px; +} +@media only screen and (max-width: 768px) { + footer.ilFooter .ilPermalinkContainer > label { + padding-right: 0; + width: 24px; + } +} +@media only screen and (max-width: 768px) { + footer.ilFooter .ilPermalinkContainer { + padding-right: 0; + } +} +[dir="rtl"] footer.ilFooter { + text-align: right; +} +/* ----------------- invisible border ------------- */ +div.invisible_border { + margin: 15px; +} +.ilInvisibleBorder { + padding: 15px; +} +/* ------- Helptext --------- */ +span.il_Helptext { + font-size: 90%; + font-weight: normal; +} +/* ----------------- alternative text styles ------------- */ +.small { + text-decoration: none; + font-size: 90%; +} +.xsmall { + text-decoration: none; + font-size: 80%; +} +.smallgreen { + text-decoration: none; + font-size: 90%; + color: green; +} +.smallred { + text-decoration: none; + font-size: 90%; + color: #d00; +} +.obligatory { + font-weight: normal; + color: #800000; + font-variant: normal; +} +.warning { + text-decoration: none; + font-weight: bold; + color: #d00; +} +div.Access { + text-decoration: none; + font-weight: bold; + text-decoration: underline; + color: #d00; +} +.asterisk { + color: #d00; + font-size: 90%; +} +.default { + text-decoration: none; + font-weight: normal; +} +.quote { + font-style: italic; + font-weight: normal; +} +.subtitle { + font-style: italic; + font-weight: normal; + font-size: 90%; +} +.questiontext { + font-weight: bold; +} +.bold { + font-weight: bold; +} +.light { + color: #6f6f6f; +} +/* ----------------- normal links ------------- */ +a.light:link, +a.light:visited { + text-decoration: none; + color: #35b; +} +a.light:hover { + color: black; +} +/* Messages */ +/* ------------------ blind image - spacer gif -------------- + please use this style class always when using this blind image */ +img.spacer { + display: block; +} +div#agreement { + width: 100%; + height: 375px; + overflow: auto; + overflow-x: hidden; +} +/* bottom center area (optional bottom area, used e.g. in learning modules) */ +div#bot_center_area { + bottom: 0; + height: 300px; + position: fixed; + padding: 5px; + background-color: #f0f0f0; + border-top: 3px solid #dddddd; + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: auto; + /* Bug 11209 */ +} +div#bot_center_area iframe { + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: auto; + /* Bug 11209 */ + border: none; + width: 100%; + height: 100%; +} +div#bot_center_area_drag { + left: 0; + right: 0; + height: 4px; + cursor: row-resize; + margin-top: -8px; + position: absolute; +} +#drag_zmove { + position: absolute; + width: 100%; + height: 100%; + z-index: 7; + display: none; +} +div#bot_center_area_drag:hover { + background: none #fa9; +} +.ilLeftNavSpace { + /* padding: 0 20px 0 310px; */ + margin-left: 315px !important; +} +@media (max-width: 1200px) { + .ilLeftNavSpace { + margin-left: 0 !important; + } +} +[dir="rtl"] .ilLeftNavSpace { + margin-left: 0 !important; + margin-right: 315px !important; +} +@media (max-width: 1200px) { + [dir="rtl"] .ilLeftNavSpace { + margin-right: 0 !important; + } +} +/* see #27399 (should be finally tackled in PLR2) */ +div.ilContentFixed { + padding-bottom: 20px; +} +/* right panel (e.g. notes, comments) */ +div.ilRightPanel { + overflow: auto; + position: fixed; + top: 0; + bottom: 0; + right: 0; + width: 500px; + left: auto !important; +} +[dir="rtl"] div.ilRightPanel { + right: auto !important; + width: 500px; + left: 0 !important; +} +#ilRightPanelClose { + display: block; + float: right; +} +[dir="rtl"] #ilRightPanelClose { + float: left; +} +/* Overlays, Blocks */ +.ilOverlay { + background-color: white; + border: 1px solid #dddddd; + text-align: left; + position: absolute; + -webkit-box-shadow: 2px 2px 4px #c0c0c0; + box-shadow: 2px 2px 4px #c0c0c0; +} +[dir="rtl"] .ilOverlay { + text-align: right; +} +.ilAccHeadingHidden, +.ilAccHidden, +.ui-helper-hidden-accessible { + position: absolute; + left: -2000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} +[dir="rtl"] .ilAccHeadingHidden, +[dir="rtl"] .ilAccHidden, +[dir="rtl"] .ui-helper-hidden-accessible { + left: auto; + /* may causes a scrollbar when omitted */ + right: -2000px; +} +a.ilAccAnchor, +a.ilAccAnchor:hover { + text-decoration: none; + color: inherit; +} +/* revised 4.1 */ +/* Fixed Frame Width */ +div.ilFrameFixedWidth, +.ilFrameFixedWidth #mainscrolldiv { + /* max-width: 1370px; */ + margin: 0 auto; +} +.ilFrameFixedWidth #mainscrolldiv { + margin: 0 auto; +} +div.ilFrameFixedWidthHeader { + margin: 0 auto; + padding: 0; +} +.ilFrameFixedWidthHeader div.ilHeaderBanner { + overflow: hidden; + padding: 0 15px; +} +@media only screen and (max-width: 768px) { + .ilFrameFixedWidthHeader div.ilHeaderBanner { + max-width: 100%; + height: 40px !important; + padding: 0; + } +} +div.ilHeaderBanner img.ilHeaderImg { + width: 100%; +} +.ilFrameFixedWidth div.ilHeaderDesc { + padding-left: 0; +} +[dir="rtl"] .ilFrameFixedWidth div.ilHeaderDesc { + padding-left: inherit; + padding-right: 0; +} +div.ilBox { + background: url("images/FramedBack.png") repeat-x; + border: 1px solid #dddddd; + padding: 10px; + margin-bottom: 20px; +} +/* Top-Bar */ +div.ilTopBar { + background-color: #2c2c2c; + color: white; + padding: 5px 10px; +} +div.ilTopBar a { + color: #dfdfdf; +} +div.ilTopBar a:hover, +div.ilTopBar a:active, +div.ilTopBar a:focus { + color: white; +} +div.ilTopBarLeft { + float: left; +} +[dir="rtl"] div.ilTopBarLeft { + float: right; +} +div.ilTopBarRight { + float: right; +} +[dir="rtl"] div.ilTopBarRight { + float: left; +} +div.ilTopBarRight span#ilAdvSelListAnchorElement_asl { + margin-right: 25px; + color: black; +} +[dir="rtl"] div.ilTopBarRight span#ilAdvSelListAnchorElement_asl { + margin-right: 0; + margin-left: 25px; +} +div.ilSideBarHead { + margin-top: 10px; + margin-bottom: 5px; + padding: 5px; +} +div.ilSideBarHead h3, +div.ilSideBarHead h1 { + font-size: 110%; + color: #161616; + display: inline; + padding: 0; +} +div.ilSideBarContent { + padding: 5px; +} +/* jquery ui autocomplete */ +.ui-menu { + list-style: none; + padding: 0; + margin: 0; + display: block; + float: left; + background-color: white; + border: 1px solid #dddddd; + font-size: 90%; + -webkit-box-shadow: 2px 2px 4px #c0c0c0; + box-shadow: 2px 2px 4px #c0c0c0; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + zoom: 1; + float: left; + clear: left; + width: 100%; +} +.ui-menu .ui-menu-item > * { + text-decoration: none; + display: block; + padding: 2px 4px; + line-height: 1.5; + color: #161616; + background-color: transparent; +} +.ui-menu .ui-menu-item > *:hover, +.ui-menu .ui-menu-item > *.ui-state-hover, +.ui-menu .ui-menu-item > *.ui-state-active { + background-color: #e2e8ef; + color: #161616; +} +.ui-menu .ui-menu-item a { + color: #161616; +} +.ui-menu .ui-menu-item a:hover { + color: #000000; +} +.ui-menu .ui-menu-category { + margin: 0; + padding: 2px; + zoom: 1; + float: left; + clear: left; + width: 100%; + font-weight: bold; +} +.ui-menu .ui-menu-more { + display: block; + zoom: 1; + color: #03a; + cursor: pointer; + float: left; + clear: left; + width: 100%; +} +.ui-menu .ui-menu-more span { + padding: 2px; +} +.ui-menu .ui-menu-more:hover { + background-color: white; +} +[dir="rtl"] .ui-menu { + float: right; +} +[dir="rtl"] .ui-menu .ui-menu-item { + float: right; + clear: right; +} +[dir="rtl"] .ui-menu .ui-menu-category { + float: right; + clear: right; +} +[dir="rtl"] .ui-menu .ui-menu-more { + float: right; + clear: right; +} +.ui-autocomplete { + max-height: 400px; + overflow-y: auto; + /* prevent horizontal scrollbar */ + overflow-x: hidden; +} +.ui-autocomplete li.ui-menu-item { + cursor: pointer; +} +/* Icon Default */ +img.ilIcon { + width: 32px; + height: 32px; +} +/* Icon small */ +img.ilSmallIcon { + width: 22px; + height: 22px; +} +/* PreventBreakOut, see https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */ +.ilPreventBreakOut { + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-word; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} +/* Component Imports */ +/* Services/Accordion */ +.il_VAccordionHead, +.il_HAccordionHead { + padding: 8px 8px 8px 38px; + text-align: left; + cursor: pointer; + color: #4c6586; + font-size: 110%; + background-image: url("images/tree_col.svg"); + background-repeat: no-repeat; + background-color: #f9f9f9; + background-position: 15px 8px; + background-size: 20px 20px; + border: 0; +} +.il_VAccordionHead { + display: block; + width: 100%; +} +.il_VAccordionInnerContainer { + margin-bottom: 10px; +} +.il_HAccordionHead:hover, +.il_VAccordionHead:hover { + background-color: #e2e8ef; +} +.il_HAccordionHeadActive, +.il_VAccordionHeadActive { + background-image: url("images/tree_exp.svg"); + background-color: #e2e8ef; +} +.ilAccHideContent { + width: 0px; + height: 0px; + display: none; +} +div.ilc_va_icont_VAccordICont { + overflow: visible !important; +} +/* Modules/ScormAicc */ +table.il_ScormTable { + color: #161616; + background-color: #f9f9f9; + border-spacing: 1px; + border: none; +} +td.il_ScormTableKey { + background-color: #f9f9f9; + color: #161616; + padding: 1px 3px; + vertical-align: top; + text-align: right; +} +td.il_ScormTableValue { + background: none #f9f9f9; + color: #161616; + padding: 1px 3px; + vertical-align: top; + text-align: left; +} +/* Services/Form */ +/* forms */ +label, +input[type=checkbox], +input[type=radio], +select { + cursor: pointer; +} +.form-control { + font-size: 12px; + color: #161616; + border: 1px solid #757575; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + background-color: #f9f9f9; +} +.form-horizontal { + margin-bottom: 20px; + background: white; +} +form.form-inline { + margin-bottom: 20px; +} +.form-horizontal .form-group { + margin: 10px 0; +} +.form-control, +.form-control:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.form-control:focus-visible { + -webkit-box-shadow: none; + box-shadow: none; + outline: 3px solid #0078D7; +} +input[type="file"]:focus:focus-visible::after, +input[type="radio"]:focus:focus-visible::after, +input[type="checkbox"]:focus:focus-visible::after { + content: none; +} +input.btn.btn-default:focus-visible { + outline: 3px solid #0078D7; + outline-offset: 3px; +} +.btn-file:focus-within, +.btn-file:hover:focus-within { + z-index: 3; + outline: 3px solid #0078D7; + outline-offset: 3px; +} +textarea.form-control { + max-width: 100%; +} +select.form-control { + width: auto; + max-width: 100%; +} +.form-horizontal label { + color: #161616; + font-size: 100%; +} +.form-control-static { + display: block; +} +.form-horizontal .control-label { + padding-bottom: 4px; + min-height: 34px; +} +@media only screen and (max-width: 768px) { + .form-horizontal .control-label { + min-height: auto; + padding-bottom: 0; + margin-bottom: 0; + } +} +.form-horizontal .control-label.col-sm-3.il_textarea { + text-align: left; + width: 100%; +} +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 0; + line-height: normal; +} +.form-horizontal div.radio label.radio-inline { + line-height: 25px; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: static; + display: inline-block; + margin-left: -20px; + margin-top: 7px; + min-width: 13px; +} +@media only screen and (max-width: 768px) { + .radio input[type="radio"], + .radio-inline input[type="radio"], + .checkbox input[type="checkbox"], + .checkbox-inline input[type="checkbox"] { + min-width: 16px; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"] { + vertical-align: top; +} +[dir="rtl"] .form-horizontal .control-label { + text-align: left; +} +label { + font-weight: normal; +} +td.form-inline > div.form-group { + display: block; + padding: 4px 0; +} +input[type="radio"]:focus:focus-visible, +input[type="checkbox"]:focus:focus-visible { + outline: 3px solid #0078D7; + outline-offset: 2px; +} +input[type="file"].form-control { + border: none; + height: auto; +} +.ilFormHeader { + padding: 15px 0 5px; +} +.ilFormHeader .ilFormCmds { + margin: 0; + float: right; +} +.ilFormHeader h3 { + margin: 0; +} +[dir="rtl"] .ilFormHeader .ilFormCmds { + float: left; +} +.ilFormHeader, +.ilFormFooter { + color: #161616; + background-color: #f0f0f0; +} +.ilSubForm { + background-color: #f9f9f9; + padding: 3px 0; + margin-bottom: 10px; +} +.ilSubForm .form-group { + margin: 0; +} +@media (max-width: 768px) { + .ilSubForm .form-group { + margin: 6px 0; + } +} +.ilSubForm .col-sm-9.il_textarea { + width: 100%; +} +.ilFormFooter { + padding: 3px 0; +} +.ilFormFooter .ilFormCmds { + text-align: right; + padding: 0; +} +[dir="rtl"] .ilFormFooter .ilFormCmds { + text-align: left; +} +/* jQuery ui autocomplete menu */ +input.ilHFormHighlighted, +.ui-state-focus { + background-color: #ff9; +} +div.ilFormExternalSetting { + margin-bottom: 10px; +} +div.ilFormExternalSetting ul { + margin: 2px 0; + padding-left: 25px; +} +[dir="rtl"] div.ilFormExternalSetting ul { + padding-left: 0; + padding-right: 25px; +} +div.ilFormExternalSetting span { + color: #B54F00; + /* font-style: italic; */ +} +div[id^="ilFormField"] { + margin-bottom: 10px; +} +/* Hierarchy Form */ +div.ilHFormHeader, +div.ilHFormFooter { + color: #161616; + background-color: #f0f0f0; + padding: 4px 0 4px 22px; +} +[dir="rtl"] div.ilHFormHeader, +[dir="rtl"] div.ilHFormFooter { + padding: 4px 22px 4px 0; +} +div.ilHFormContent { + padding: 20px 10px 20px 0px; +} +div.ilHFormContent table { + width: 100%; +} +div.ilHFormItem { + margin-bottom: 5px; + display: table-row; +} +div.ilHFormHeader .ilFormCmds, +div.ilHFormFooter .ilFormCmds { + float: right; +} +[dir="rtl"] div.ilHFormHeader .ilFormCmds, +[dir="rtl"] div.ilHFormFooter .ilFormCmds { + float: left; +} +.ilHFormExpIcon, +.ilHFormCheckbox, +.ilHFormIcon { + min-width: 20px; + padding: 0; +} +.ilHFormItemCmd { + padding: 0 10px; +} +.ilHFormExpIcon img, +.ilHFormIcon img { + width: 19px; + height: 19px; +} +.ilHFormInput, +.ilHFormInput input.form-control { + width: 100%; +} +.ilHFormDropArea { + margin: 6px 0; + width: auto; +} +/* deprecated */ +/* experimental: bootstrap'ed file upload */ +.btn-file { + position: relative; + overflow: hidden; +} +.btn-file input[type=file] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 100px; + text-align: right; + filter: alpha(opacity=0); + opacity: 0; + outline: none; + background: white; + cursor: inherit; + display: block; +} +.ilFormInnerCol { + padding: 0; +} +.ilFormInnerCol .form-group { + margin: 0; +} +input:invalid { + background-color: #ffebeb; + border-color: #d00; +} +.bootstrap-datetimepicker-widget { + z-index: 2000; +} +/* provisory fix for #0021322 */ +div[id$="color-picker-menu"] { + z-index: 3; +} +/* This is a memento that we should get rid of the legacy UI */ +.wzdrow input[type=file]:focus-visible { + outline: 3px solid #0078D7; + outline-offset: 0; +} +/* Services/UI/Explorer2 */ +table.ilExplorer { + width: 100%; + background-color: #f9f9f9; +} +body.il_Explorer { + background: none #f9f9f9; +} +div.il_Explorer { + margin: 0; + min-height: 468px; + padding: 10px 5px 15px; +} +div.ilExpH { + padding-top: 48px; + min-height: 35px; +} +td.ilExpBody { + border-top: 1px solid #dddddd; + background-color: #f9f9f9; +} +h1.ilExplorerHead { + color: #161616; + margin: 0; + padding: 10px 5px 10px 28px; + vertical-align: top; + text-align: left; + font-weight: bold; + font-size: 90%; +} +div.il_ExplorerTree { + font-size: 90%; +} +ul.il_Explorer { + margin: 0 0 0 10px; + padding: 0; + list-style: none; +} +ul.il_ExplorerNoIndent { + margin: 0; + padding: 0; + list-style: none; +} +li.il_Explorer { + margin: 0; + padding: 0; + white-space: nowrap; +} +a.il_HighlightedNode, +.ilHighlighted { + background-color: #e2e8ef; + padding: 0 5px; +} +li.ilExplSecHighlight { + background-color: #f9f9f9 !important; + border-top: solid 2px #557196; + border-bottom: solid 2px #557196; +} +div.il_ExplorerItemDescription { + margin-left: 40px; +} +a.ilTreeView { + position: fixed; + top: 117px; + z-index: 1020; + bottom: 160px; + background-color: white; + border: 1px solid #dddddd; + border-left: none; + -webkit-box-shadow: 1px 1px 2px #b9b9b9; + box-shadow: 1px 1px 2px #b9b9b9; + width: 6px; +} +@media only screen and (max-width: 1200px) { + a.ilTreeView { + /* at last temporary, since it overlaps content */ + display: none; + } +} +a.ilTreeView > img { + display: inline-block; + margin-left: -2px; + max-width: inherit; + background-color: white; + border-right: 2px solid #dddddd; + width: 28px; + height: 28px; +} +a.ilTreeView:hover > img, +a.ilTreeView:active > img, +a.ilTreeView:focus > img { + margin-left: 0; +} +a.ilTreeView:hover, +a.ilTreeView:active, +a.ilTreeView:focus { + outline: 0; +} +[dir="rtl"] a.ilTreeView { + border: 1px solid #dddddd; + border-right: none; +} +[dir="rtl"] a.ilTreeView > img { + margin-left: 0; + margin-right: -5px; +} +[dir="rtl"] a.ilTreeView:hover > img, +[dir="rtl"] a.ilTreeView:active > img, +[dir="rtl"] a.ilTreeView:focus > img { + margin-right: 0; +} +/* Explorer2, jsTree */ +.jstree.jstree-default a { + color: #4c6586 !important; +} +.jstree.jstree-default a.disabled { + color: #161616 !important; + cursor: default !important; +} +.jstree.jstree-default a { + font-size: 100%; + min-height: 22px; +} +.jstree li, +.jstree.jstree-default li i { + background: url("images/jstree.svg") no-repeat; + vertical-align: top; +} +.jstree.jstree-default .jstree-open > i { + background-position: -15px 0 !important; +} +.jstree.jstree-default .jstree-closed > i { + background-position: 3px 0 !important; +} +#vakata-contextmenu.jstree-context, +#vakata-contextmenu.jstree-context li ul { + background: none #f0f0f0; + border: 1px solid #979797; + -webkit-box-shadow: 1px 1px 2px #999; + box-shadow: 1px 1px 2px #999; +} +#vakata-contextmenu.jstree-context a { + color: black; +} +#vakata-contextmenu.jstree-context a:hover, +#vakata-contextmenu.jstree-context .vakata-hover > a { + padding: 0 5px; + background: #e8eff7; + border: 1px solid #aecff7; + color: #000000; + border-radius: 2px; +} +#vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a, +#vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a:hover { + color: silver; + background: none; + border: 0; + padding: 1px 4px; +} +#vakata-contextmenu.jstree-context li.vakata-separator { + background: white; + border-top: 1px solid #dddddd; + margin: 0; +} +#vakata-contextmenu.jstree-context li ul { + margin-left: -4px; +} +.jstree img { + border: 0; + width: 20px; + height: 20px; +} +img.il_ExplorerIcon { + height: 20px; + width: 20px; +} +.ilExplorerContainer { + padding: 2px 0 6px 0; +} +.ilExplorerContainer .jstree-default .jstree-anchor { + height: auto; +} +.jstree-default .jstree-node, +.jstree-default .jstree-anchor { + line-height: inherit; +} +.il-maincontrols-slate-content .jstree-default > ul > li.jstree-node { + margin-left: 0; +} +.il-maincontrols-slate-content .jstree-default li.jstree-node { + margin-left: 14px; + padding: 0 3px; +} +/* Modules/Forum */ +a.postread, +a.postread:visited { + font-weight: normal; +} +a.postunread, +a.postunread:visited { + font-weight: bold; +} +a.postnew, +a.postnew:visited { + font-style: italic; + font-weight: bold; +} +blockquote.ilForumQuote { + margin: 0 20px 10px; + padding: 5px; + border: 1px solid #b6b6b6; + font-size: 90%; +} +div.ilForumQuoteHead { + font-weight: bold; + font-size: 90%; + margin: 0 0 10px; +} +/* Modules/Forum */ +#ilFrmPostList { + list-style: none; + margin: 0; + padding: 0; + background-color: #f9f9f9; +} +.ilFrmPostImage { + float: left; + width: 100px; + overflow: hidden; +} +.ilFrmPostImage img { + vertical-align: top; + margin: 5px 20px 5px 5px; + border: none; + max-width: 100%; +} +@media only screen and (min-width: 768px) { + .ilFrmPostImage img { + margin: 0 !important; + padding: 5px 8px 5px 5px; + } +} +.ilFrmPostClear { + clear: both; + width: 1px; + height: 1px; + line-height: 1px; +} +.ilFrmPostTitle { + margin-top: 15px; + font-size: 120%; +} +@media only screen and (max-width: 768px) { + .ilFrmPostTitle { + margin-top: 5px; + font-size: 100%; + } +} +div.ilFrmPostHeader span.small { + color: #6f6f6f; +} +.ilFrmPostContentContainer { + margin: 0 0 10px; + width: 80%; + float: left; +} +@media only screen and (max-width: 768px) { + .ilFrmPostContentContainer { + width: 100%; + } +} +@media only screen { + .ilFrmPostContentContainer img { + width: 100%; + height: auto !important; + } +} +.ilFrmPostContent { + margin-top: 20px; +} +.ilFrmPostRow { + padding: 3px; + border-top: 1px solid #f0f0f0; +} +.ilFrmPostRow div.ilForm { + width: 100%; + max-width: 1000px; +} +.ilFrmPostRow div.ilForm div.ilFormValue { + width: auto; +} +.ilFrmPostRow div.ilForm div.ilFormOption { + width: 150px; +} +@media only screen and (max-width: 768px) { + .ilFrmPostRow div.ilForm, + .ilFrmPostRow div.ilForm input[type=text], + .ilFrmPostRow div.ilForm textarea { + width: 100%; + } +} +@media only screen and (max-width: 768px) { + .ilFrmPostRow img.ilUserIcon { + width: 50px; + height: 50px; + } +} +@media only screen and (min-width: 1200px) { + .sort_by_posts .ilFrmPostRow.ilFrmPost-level-2 { + padding-left: 50px; + } + .sort_by_posts .ilFrmPostRow.ilFrmPost-level-3 { + padding-left: 100px; + } + .sort_by_posts .ilFrmPostRow.ilFrmPost-level-4 { + padding-left: 150px; + } +} +.ilFrmPostCensorshipAdvice { + margin: 0; + padding: 0; + font-weight: bold; +} +.ilFrmPostAttachmentsContainer { + margin: 20px 0 0; + font-weight: bold; +} +.ilFrmPostAttachmentsContainer a { + font-weight: normal; +} +.ilFrmPostAttachmentsContainer img { + vertical-align: middle; +} +.ilFrmPostCommands { + float: right; + margin: 0 0 3px; +} +.ilModeratorPosting { + background-color: #ff9; + padding: 0 5px; +} +.ilPostingNeedsActivation { + background-color: #ffe4e4; + padding: 0 5px; +} +.ilFrmBottomToolbar { + margin-top: 20px; +} +.ilForumTreeTitle { + display: inline-block; +} +.ilForumTreeTitleUnread { + font-weight: bold; +} +.ilForumTreeUnlinkedContent { + display: block; + line-height: 0.9em; + margin-bottom: 10px; + text-decoration: none; + cursor: text; + font-size: smaller; + color: #161616; + padding-left: 23px; +} +.frm-thread-scrollable-print { + overflow: auto; +} +/* Services/Mail */ +a.mailread, +a.mailread:visited { + font-weight: normal; +} +a.mailunread, +a.mailunread:visited { + font-weight: bold; +} +.iosMailFilter .checkbox { + display: inline-block !important; + margin: 0 10px !important; +} +.iosMailFilter .checkbox:first-child { + margin: 0 15px !important; +} +.iosMailFilter .checkbox input[type="checkbox"] { + margin-left: -15px !important; +} +.ilMailAvatar { + min-width: 45px !important; + max-width: 45px !important; + height: auto; +} +/* --- Services/COPage ---*/ +a.ilEditSubmit { + background: url("images/ButtonsBack.png") repeat-x bottom white; + padding: 2px; + margin: 0; + border: 1px solid #bababa; + border-bottom-color: #737373; + border-right-color: #737373; + text-decoration: none; + font-size: 80%; + line-height: 14px; + cursor: pointer; +} +input.ilEditSubmit { + color: #2255a0; + padding: 1px; + margin: 0; + font-size: 12px; + line-height: 14px; + cursor: pointer; + background: url("images/ButtonsBack.png") repeat-x bottom white; + border: 1px solid #bababa; + border-bottom-color: #737373; + border-right-color: #737373; +} +input.ilEditSubmit:hover { + color: #000000; +} +div.ilEditHelpline { + margin: 3px 0; + padding: 0; + font-size: 80%; + background-color: white; + color: black; +} +select.ilEditSelect { + background: none white; + border: 1px solid #bbb; + padding: 1px; + text-decoration: none; + font-size: 12px; +} +[data-copg-ed-type='add-area'] { + height: 30px; +} +button.copg-add.dropdown-toggle.btn, +button.copg-add.dropdown-toggle.btn:focus, +button.copg-add.dropdown-toggle.btn:hover { + padding: 1px 5px; + text-align: center; + font-size: 12px; + background-color: transparent; + cursor: pointer; + width: 100%; + height: 30px; + border: 0; +} +button.copg-add.dropdown-toggle.btn .glyphicon-plus-sign, +button.copg-add.dropdown-toggle.btn:focus .glyphicon-plus-sign, +button.copg-add.dropdown-toggle.btn:hover .glyphicon-plus-sign, +#copg-editor-help .glyphicon-plus-sign, +button.copg-add.dropdown-toggle.btn .il-copg-add-text, +button.copg-add.dropdown-toggle.btn:focus .il-copg-add-text, +button.copg-add.dropdown-toggle.btn:hover .il-copg-add-text, +#copg-editor-help .il-copg-add-text { + color: #4c6586; + font-size: 18px; +} +button.copg-add.dropdown-toggle.btn:hover { + background-color: #e2e8ef; + color: #6f6f6f; +} +[data-copg-ed-type='add-area'] ul.dropdown-menu { + left: 45%; +} +button.copg-add:hover { + color: #88be51; + background-color: #f3f8ed; +} +div.il_droparea { + padding: 1px 5px; + border: 1px dashed #d0d0d0; + color: #d0d0d0; + text-align: center; + font-size: 12px; + background-color: #fffed1; + cursor: pointer; + height: 30px; +} +div.il_droparea:hover, +div.ilCOPGDropActice, +.il_droparea_valid_target { + border-color: #88be51; + color: #88be51; + background-color: #f3f8ed; +} +div.ilCOPGNoPageContent { + padding: 20px 5px; + color: #a0a0a0; +} +div.il_editarea_nojs { + border-width: 1px dotted #999; +} +div.il_editarea, +div.il_editarea_disabled { + border: 2px solid transparent; + min-height: 20px; + user-select: none; +} +.copg-state-page div.il_editarea:hover, +.copg-state-multi div.il_editarea:hover, +.copg-state-page div.il_editarea_disabled:hover, +.copg-state-multi div.il_editarea_disabled:hover { + border: 2px solid #4c6586; +} +div.ilEditLabel { + position: absolute; + background-color: #4c6586; + color: #f0f0f0; + font-size: 70%; + padding: 1px 3px; + margin-top: -15px; + margin-left: -2px; + border: 0; + height: 15px; + display: none; + z-index: 1; +} +.copg-state-page div.il_editarea:hover > div.ilEditLabel, +.copg-state-multi div.il_editarea:hover > div.ilEditLabel, +.copg-state-page div.il_editarea_disabled:hover > div.ilEditLabel, +.copg-state-multi div.il_editarea_disabled:hover > div.ilEditLabel, +.copg-state-page .copg-ghost-wrapper div.ilEditLabel, +.copg-state-multi .copg-ghost-wrapper div.ilEditLabel { + display: block; +} +div.il_editarea_selected:hover > div.ilEditLabel { + background-color: #6ea03c; +} +div.ilc_page_Page > div.il_editarea_disabled { + padding: 10px; +} +div.il_editarea_disabled, +div.copg-disabled-page { + border: 2px dotted #B54F00; + min-height: 20px; +} +.ilCopgDisabledText { + color: #B54F00; + position: absolute; + font-size: 12px; + margin-top: -13px; + padding: 2px 5px; + background-color: #f9f9f9; +} +div.il_editarea_selected, +div.copg-current-edit, +#tinytarget_ifr { + border-style: solid; + border-width: 2px; + border-color: #bbda9b; +} +div.il_editarea_selected:hover { + border-color: #6ea03c; +} +div.il_editarea_disabled_selected { + border: 2px solid #B54F00; + min-height: 20px; +} +div.il_editarea_active_selected { + border: 2px solid black; + min-height: 20px; +} +.il_editmenu { + background-color: white; + color: black; + font-weight: normal; + text-align: left; + font-style: normal; + text-indent: 0; + font-size: 14px; + z-index: 5000; +} +table.il_editmenu td { + padding: 3px; +} +div.ilEditVAccordCntr { + margin-top: 15px; + padding: 5px; +} +div.ilEditVAccordICntr { + background-color: white; + margin-bottom: 15px; + border: 1px solid #9eadba; +} +div.ilEditVAccordIHead { + padding: 3px; + background-color: #e2eaf4; + text-align: left; + background-repeat: no-repeat; + background-position: 3px 4px; +} +div.ilEditVAccordICont { + padding: 10px; + background-color: white; +} +.ilTinyMenuSection .dropdown, +.il-copg-button-group .dropdown { + display: inline-block; +} +.ilTinyMenuSection .dropdown-menu .btn, +.il-copg-button-group .dropdown-menu .btn { + border: 0; +} +.ilTinyMenuSection .btn svg { + fill: black; + margin: -8px; +} +.ilTinyMenuSection .btn[disabled] svg { + fill: #D0D0D0; +} +div.ilTinyMenuSection, +.il-copg-button-group { + white-space: nowrap; + /* border-right: 1px solid #e0e0e0; */ + /* padding: 0 10px 4px 0; */ + margin-right: 10px; + margin: 10px 10px 10px 0; +} +div.ilTinyMenuSection p, +.il-copg-button-group p { + margin-bottom: 5px; + padding: 2px 5px; + background-color: #efefef; +} +@media only screen and (max-width: 768px) { + div.ilTinyMenuSection, + .il-copg-button-group { + height: 28px; + margin: 3px 3px 3px 0px; + padding: 0 10px 0 0; + border-right: 0 none; + } +} +div.ilTinyMenuSection button.btn { + background: white; + border: 0; + color: black; +} +div.il-copg-button-group ul.dropdown-menu { + right: auto; +} +div.il-copg-button-group-wide { + width: 100%; + float: none; +} +[dir="rtl"] div.ilTinyMenuSection { + float: right; + border-right: none; + border-left: 1px solid #dddddd; + padding: 0 0 4px 10px; + margin-right: 0; + margin-left: 10px; +} +#ilTinyMenuButtons { + padding-bottom: 15px; + zoom: 1; +} +@media only screen and (max-width: 768px) { + #ilTinyMenuButtons { + height: 28px; + margin: 3px 3px 3px 0; + padding: 0 10px 0 0; + border-right: 0 none; + } +} +#iltinymenu .bd div.last { + float: left; + white-space: nowrap; + padding: 0 10px 2px 0; + border-right: 0; + margin: 0; +} +#iltinymenu { + padding: 0 15px; +} +#iltinymenu .bd div.last { + float: left; + white-space: nowrap; + padding: 0 10px 2px 0; + border-right: 0; + margin: 0; +} +#iltinymenu .bd div .small { + color: #6f6f6f; + font-style: italic; +} +#iltinymenu .btn-default .mce-ico { + color: inherit !important; +} +#iltinymenu a.btn { + min-width: 30px; +} +#ilsaving { + position: fixed; + top: 0; + left: 0; + text-decoration: blink; + z-index: 3; +} +.ilTinyMenuDropDown span { + padding: 2px 0 0 5px; + width: 75px; + overflow: hidden; + display: inline-block; + line-height: 1em; +} +a.ilTinyMenuDropDown { + display: inline-block; + padding: 0 2px 1px 0; +} +/* if the ilc_page_cont_PageContainer is declared as being relative in the content.css drop downs will be truncated */ +#ilEditorTD { + position: static; +} +#ilEditorTD p { + margin: 0; + padding: 0; +} +/* Page TOC */ +div.ilc_page_toc_PageTOC { + font-size: 90%; + padding: 5px 5px 10px; + background-color: #f9f9f9; + border: 1px solid #f0f0f0; + float: left; +} +h1.ilc_page_toc_PageTOCHead { + margin: 0; + font-size: 100%; + padding: 0; + font-weight: bold; + text-align: center; +} +ul.ilc_page_toc_PageTOCList { + margin: 0 0 0 10px; + padding: 0; + list-style: none; +} +li.ilc_page_toc_PageTOCItem { + margin: 5px 0 0; + padding: 0; + white-space: nowrap; +} +a.ilc_page_toc_PageTOCLink { + color: #03a; + font-weight: normal; + text-decoration: none; +} +a.ilc_page_toc_PageTOCLink:hover { + color: black; +} +a.ilc_page_toc_PageTOCLink:visited { + color: blue; +} +/* --- content styles (will move to content.css) --- */ +td.ilc_PageDisabled { + padding: 20px; + border: 1px solid #9eadba; + margin-bottom: 0; + border-left: 3px dotted #d00; +} +div.ilc_DefinitionHeader { + margin: 20px 0 10px 0; + padding: 5px 0; + border: 1px solid black; + border-width: 1px 0; +} +table.ilc_Fullscreen { + background-color: white; + position: absolute; + margin: 0; + padding: 0; + height: 100%; + width: 100%; +} +html.ilc_Fullscreen, +body.ilc_Fullscreen { + margin: 0; + padding: 0; + height: 100%; + overflow: auto; +} +html.ilc_Fullscreen td > div, +body.ilc_Fullscreen td > div, +html.ilc_Fullscreen td > div > figure > div > iframe, +body.ilc_Fullscreen td > div > figure > div > iframe { + height: 100%; + width: 100%; +} +div.ilLMMenu { + margin: 0 0 5px 10px; +} +div.ilc_LMMenu { + line-height: 22px; +} +a.ilc_LMMenu { + padding: 1px 5px; + margin: 2px 0; + border: 1px solid #b0b0b0; + background-color: #e6ecf8; + white-space: nowrap; +} +div.ilc_TableOfContents { + background-color: white; + padding: 20px; + border-spacing: 1px; + border: 1px solid #eee; + margin-bottom: 0; +} +table.ilc_media { + background-color: white; +} +h1.il_LMHead { + margin: 12px 15px 6px; + font-size: 120%; + font-weight: normal; +} +table.ilc_Table { + border-collapse: collapse; + background-color: white; + margin: 10px 0; + border-color: #9eadba; +} +/* COPage Comparison */ +div.ilEditModified, +div.ilEditDeleted, +div.ilEditNew { + border: 3px solid; + margin-bottom: 2px; +} +div.ilEditModified { + border-color: #4c6586; +} +div.ilEditDeleted { + border-color: #B54F00; +} +div.ilEditNew { + border-color: #6ea03c; +} +.ilCOPGCompareLegend { + display: inline-block; + margin-top: 5px; + padding: 2px; +} +span.ilDiffDel { + background-color: #ff9c4f; +} +span.ilDiffIns { + background-color: #bbda9b; +} +a.nostyle:link, +a.nostyle:visited { + text-decoration: none; + color: #000000; +} +a.nostyle:hover { + color: #000000; +} +#ilEditorPanel_c { + z-index: 3000 !important; +} +#error_panel_c { + z-index: 2000 !important; +} +#ilPageEditLegend { + margin: 10px 0; +} +#ilPageEditLegend > div { + margin: 5px 0; +} +#ilPageEditLegend .il_droparea, +#ilPageEditLegend .il_droparea:hover { + display: inline-block; + width: 40px; + cursor: default; + height: 21px; +} +#ilPageEditLegend tr > td { + padding: 3px 15px; +} +#ilPageEditLegend tr > td:first-child { + white-space: nowrap; + text-align: right; +} +.ilPageEditLegendElement { + width: 40px; + border: 1px solid #d0d0d0; + height: 21px; + display: inline-block; + font-size: 12px; + padding: 1px 5px; + text-align: center; +} +.ilCOPGMediaDisabled { + padding: 5px; + font-size: 0px; + line-height: 100%; + text-align: center; + display: table-cell; + vertical-align: middle; + background-color: #3b5620; + color: white; +} +.ilCOPgEditStyleSelectionItem { + padding: 10px; + background-color: #f9f9f9; + cursor: pointer; +} +.ilCOPgEditStyleSelectionItem:hover { + background-color: #e2e8ef; +} +ul#ilAdvSelListTable_style_selection { + overflow: auto; + max-height: 400px; +} +a.ilCOPageSection { + color: inherit; + text-decoration: inherit; +} +#ilAdvSelListAnchorText_char_style_selection > span { + min-width: auto; +} +div.ilc_answers.answer-table div.ilc_qanswer_Answer { + display: table-row; +} +div.ilc_answers.answer-table div.ilc_qanswer_Answer > div { + display: table-cell; +} +div.ilc_question_SingleChoice .answertext > p, +div.ilc_question_MultipleChoice .answertext > p { + margin: 0 !important; +} +div.ilc_question_SingleChoice .ilc_qanswer_Answer > div:first-child, +div.ilc_question_MultipleChoice .ilc_qanswer_Answer > div:first-child { + padding-right: 10px; +} +div.ilCOPGMediaPrint { + background-color: #f9f9f9 !important; + position: relative !important; + background-image: url("images/play.svg") !important; + background-position: 50% 50% !important; + background-repeat: no-repeat !important; + background-size: auto 90% !important; + padding: 1px !important; +} +/* fullscreen iframe */ +.il-copg-mob-fullscreen { + width: 100%; + padding: 0; + margin: 0; + border: 0; +} +.il-copg-mob-fullscreen-modal .modal-dialog { + width: 95%; +} +.ilTinyParagraphClassSelector ul.dropdown-menu, +.ilTinyMenuSection > div.dropdown:nth-child(2) > ul.dropdown-menu, +.ilSectionClassSelector ul.dropdown-menu { + right: auto; +} +#il_prop_cont_characteristic ul.dropdown-menu { + right: auto; +} +#iltinymenu .dropdown-menu li { + padding: 0; +} +#tinytarget_ifr > body#tinymce { + background-color: inherit; +} +#tinytarget_ifr { + background-color: transparent; +} +#tinytarget_div { + position: absolute; + top: 0; + width: 100%; + height: 100%; +} +#tinytarget_div div.tox-edit-area { + background-color: transparent; +} +#tinytarget_div .tox-tinymce { + border: 0; + background-color: transparent; +} +.copg-ghost-wrapper { + min-height: 20px; + position: relative; + /* important for the absolute positioned tinytarget_div */ +} +.copg-input-ghost { + visibility: hidden; + min-width: 100px; +} +#copg-editor-slate-content { + padding: 9px 0px; +} +#copg-editor-slate-content p { + padding: 0; + margin: 5px 0; +} +#copg-editor-slate-content p.ilTinyInfo { + padding: 4px; + width: 100%; +} +@media only screen and (max-width: 768px) { + #copg-editor-slate-content p.ilTinyInfo { + display: none; + } +} +#copg-editor-slate-content div.alert { + margin: 10px 0; +} +#copg-editor-slate-content form.form-horizontal { + margin-bottom: 9px; +} +#copg-editor-slate-content form.form-horizontal .ilFormHeader { + padding: 9px 15px; +} +#copg-editor-slate-content form.form-horizontal .ilFormHeader h3.ilHeader { + font-size: 14px; +} +#copg-editor-slate-content form.form-horizontal .col-sm-3, +#copg-editor-slate-content form.form-horizontal .col-sm-9 { + width: 100%; +} +#copg-editor-slate-content form.form-horizontal .control-label { + text-align: left; + font-weight: bold; + min-height: auto; + padding-bottom: 0; + margin-bottom: 0; +} +#copg-editor-slate-content form.form-horizontal .ilFormFooter { + padding: 3px 15px; + background-color: white; +} +#copg-editor-slate-content > .btn-link { + padding: 0px 15px; +} +#copg-top-actions { + padding: 0 15px; +} +.copg-edit-button-group { + padding: 3px 15px; +} +p#copg-auto-save { + padding: 0; + margin: -5px 0 0 0; +} +.copg-edit-container { + border: 1px dashed #d0d0d0; +} +/* very important: add areas around floating images https://stackoverflow.com/questions/1260122/expand-a-div-to-fill-the-remaining-width and https://css-tricks.com/popping-hidden-overflow/ */ +#il_EditPage [data-copg-ed-type="add-area"] { + position: relative; +} +#il_EditPage [data-copg-ed-type="add-area"] > .dropdown { + overflow: hidden; + position: static; +} +#il_EditPage [data-copg-ed-type="add-area"] > .dropdown > ul { + position: absolute; + z-index: 10; +} +/* + this fixes the add drop down click behaviour for touch devices + see: https://github.com/twbs/bootstrap/issues/4550#issuecomment-31916049 + and: https://mantis.ilias.de/view.php?id=29785 + */ +#il_EditPage .dropdown-backdrop { + position: static; +} +#ed_datatable { + background-color: white; +} +#ed_datatable th { + background-color: #f9f9f9; +} +#ed_datatable th .dropdown button { + background-color: #f9f9f9; + text-align: center; + color: #161616; + width: 100%; + border: 0; +} +#ed_datatable th, +#ed_datatable td { + border: 1px solid #CCCCCC; +} +#ed_datatable th { + vertical-align: middle; +} +.copg-new-content-placeholder { + text-align: center; + color: #6f6f6f; + padding: 20px; +} +.il-copg-drag { + width: 40px; + border: 1px solid #4c6586; + height: 30px; + z-index: 100000; +} +.il-copg-media-cover { + position: absolute; + width: 100%; + height: 100%; + top: 0; + z-index: 9; +} +.il-copg-edit-list-button { + padding: 0; +} +.il-copg-edit-list-button img { + filter: invert(100%); + width: 26px; + height: 25px; +} +#il-copg-ed-modal .modal-content .Whoops.container .left-panel { + position: static; + float: left; +} +#il-copg-ed-modal .modal-content .Whoops.container .details-container { + position: static; +} +/* Services/Calendar */ +td.even { + color: #161616; + background-color: #f9f9f9; + padding: 3px; +} +td.uneven { + color: #161616; + background-color: #f0f0f0; + padding: 3px; +} +td.today { + background-color: #f0f0f0; +} +td.date { + background-color: #f9f9f9; +} +td.prevMonth { + background-color: #f9f9f9; +} +div#block_cal_sel_0 div.ilBlockContent { + padding: 0; +} +div.ilCalSelAct { + font-size: 90%; + padding: 2px 2px 3px 0; +} +div.ilCalSelSelAll { + font-size: 80%; + padding: 3px 2px 2px 0; +} +div.ilCalSelList { + max-height: 300px; + overflow: auto; +} +.ilCalSelList img { + width: 20px; + height: 20px; +} +ul.ilCalSel { + margin: 0; + padding: 0; + list-style: none; +} +ul.ilCalSel li { + /* padding: 0 0 0 48px; */ + margin: 0; + border-bottom: 1px solid #f0f0f0; + /* min-height: 25px; */ +} +ul.ilCalSel li > div { + display: table-row; +} +ul.ilCalSel li > div > div { + display: table-cell; + padding: 2px; +} +ul.ilCalSel li > div > div.ilCalColSpan { + border-left: 5px solid; + padding: 2px 5px; +} +div.ilCalSelList h6 { + padding-left: 5px; + font-size: 12px; + margin-top: 16px; + margin-bottom: 8px; +} +div.ilCalSelTitle { + padding: 5px 3px 3px; + font-size: 90%; +} +table.calmini { + width: 100%; + font-size: 90%; + border-collapse: collapse; + background-color: #f9f9f9; + border: none; +} +table.calmini tr, +table.calmini td, +table.calmini th { + border: none; + padding: 5px 3px; + text-align: center; + vertical-align: middle; + color: #161616; + background-color: transparent; +} +@media only screen and (max-width: 991px) { + table.calmini tr, + table.calmini td, + table.calmini th { + padding: 5px 1px; + } +} +table.calmini tr:nth-child(odd) { + background-color: #f9f9f9; +} +table.calmini tr:nth-child(even) { + background-color: white; +} +table.calmini th.calmini, +table.calmini th.calminiweek { + font-weight: 600; + font-size: 90%; +} +table.calmini td.calminitoday { + background-color: #B54F00; +} +table.calmini td.calminitoday > .il_calmini_monthday > a { + color: white; +} +table.calmini td.calminiprev > .il_calmini_monthday > a, +table.calmini td.calmininext > .il_calmini_monthday > a { + color: #161616; + display: none; +} +table.calmini a { + display: block; + width: 100%; +} +a.callink:link, +a.callink:visited { + color: inherit; + cursor: pointer; +} +.il_calevent > .btn.btn-link { + color: inherit; + vertical-align: inherit; +} +.cal_modal_infoscreen .il_InfoScreenPropertyValue .btn-link { + text-align: left; + vertical-align: top; + font-size: 90%; +} +table.calstd { + margin-top: 6px; + color: #161616; + width: 100%; + border: none; + font-size: 100%; +} +.calheader { + color: #161616; + font-weight: normal; + background-color: #f9f9f9; +} +th.calstd { + text-align: center; + background-color: #f9f9f9; + font-weight: normal; + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; +} +.calheadertime { + background-color: #f9f9f9; + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; + line-break: auto; + vertical-align: top; +} +td.calheadertime { + width: 6em; + text-align: center; + background-color: #f0f0f0; + font-size: 90%; + padding: 3px; +} +tr.calstdtime:first-of-type td { + background-color: black; +} +.calstdtime td { + border-spacing: 0px; + border-right-width: 1px; + border-right-style: solid; + border-right-color: #ddd; +} +td.calempty, +th.calempty { + background-color: white; +} +td.calempty_border { + background-color: white; + border-spacing: 0px; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: #ddd; +} +tr.calstd { + /*background-color: inherit;*/ + background-color: white; + height: 6em; +} +table.il-cal-day tr.calstd + tr.calstdtime td.calempty, +table.il-cal-week tr.calstd + tr.calstdtime td.calempty { + background-color: white; +} +table.il-cal-day tr.calstd, +table.il-cal-week tr.calstd { + border-collapse: collapse; + border-color: #ddd; + border-bottom-width: 2px; + border-bottom-style: solid; + border-top-width: 2px; + border-top-style: solid; +} +table.il-cal-week { + table-layout: fixed; + width: 100%; + white-space: nowrap; +} +table.il-cal-week td.calevent { + overflow: hidden; +} +tr.calstdtime { + height: 1.2em; + background-color: inherit; + border-right-width: 1px; + border-right-style: solid; + border-right-color: #ddd; +} +td.calstd { + vertical-align: top; + background-color: white; + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; + padding: 2px 0px; +} +td.caltoday { + vertical-align: top; + background-color: #FFE79C; + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; +} +td.calnow { + vertical-align: top; + background-color: #FFF0C4; + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; +} +td.calnext { + vertical-align: top; + background-color: #f9f9f9; + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; +} +td.calprev { + vertical-align: top; + background-color: #f9f9f9; + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; +} +p.il_calevent { + color: white; + margin: 2px 0 0 0; + padding: 2px; + border-spacing: 0px; + font-size: 90%; +} +p.il_calevent .btn-link { + margin: 0 auto; + width: 100%; + text-align: center; +} +td.calevent { + vertical-align: top; + /*padding: 3px;*/ + border-spacing: 0px; + border-collapse: collapse; + border-width: 1px; + border-style: solid; + border-color: #ddd; + font-size: 90%; + /*background-color:white;*/ +} +div.calevent { + font-size: 90%; + padding: 3px; + margin: 3px; +} +div.calfullcontent { + padding: 4px; + height: 100%; +} +p.il_cal_monthday { + padding: 2px; + margin: 0px; + font-weight: normal; +} +p.il_cal_navigation { + padding: 0px 3px 0px 0px; + margin: 0px; +} +table.calmini { + width: 100%; +} +.calminiheader { + color: #161616; + background-color: #f9f9f9; +} +th.calmini { + text-align: center; + font-size: 90%; + font-weight: normal; + background-color: white; +} +a.calminiapp { + font-weight: bold; +} +p.il_calmini_monthday, +div.il_calmini_monthday { + margin: 1px; + text-align: center; +} +td.calministd { + vertical-align: top; + border-collapse: collapse; + background-color: white; + border-spacing: 0px; + border-width: 1px; + border-style: solid; + border-color: #ddd; + font-size: 90%; + text-align: center; + vertical-align: middle; +} +td.calminitoday { + vertical-align: top; + background-color: #FFE79C; + border-width: 1px; + border-style: solid; + border-color: #ddd; + font-size: 90%; + text-align: center; + vertical-align: middle; +} +td.calmininow { + vertical-align: top; + background-color: #FFF0C4; + border-width: 1px; + border-style: solid; + border-color: #ddd; + font-size: 90%; + text-align: center; + vertical-align: middle; +} +td.calmininext { + vertical-align: top; + background-color: #f9f9f9; + border-width: 1px; + border-style: solid; + border-color: #ddd; + font-size: 90%; + text-align: center; + vertical-align: middle; +} +td.calminiprev { + vertical-align: top; + background-color: #f9f9f9; + border-width: 1px; + border-style: solid; + border-color: #ddd; + font-size: 90%; + text-align: center; + vertical-align: middle; +} +td.calminiweek, +th.calminiweek { + vertical-align: top; + background-color: white; + font-size: 60%; + text-align: center; + vertical-align: middle; +} +span.calminiinactive { + color: #CCCCCC; +} +.calnewapplink { + float: right; + visibility: hidden; +} +span.ilIcalIcon .btn { + text-align: initial; + margin-top: 6px; +} +/* Modules/Wiki */ +a.ilWikiPageMissing:link, +a.ilWikiPageMissing:visited { + color: #d00; +} +a.ilWikiPageMissing:hover { + color: #000000; +} +ul.ilWikiBlockList { + margin: 0 0 0 20px; + padding: 0; + list-style: disc outside; +} +ul.ilWikiBlockListNoIndent { + margin: 0; + padding: 0; + list-style: none; +} +li.ilWikiBlockItem { + margin: 0; + padding: 0; +} +/* see mantis #0027530 */ +#block_wikiside_0 .panel-body { + overflow: visible; +} +#ilTopNav { + margin: -38px 0 0 65px; +} +@media only screen and (max-width: 768px) { + #ilTopNav { + min-height: 0; + display: block; + padding: 0; + margin: 0; + } +} +#ilTopNav.navbar { + padding-top: 1px; + padding-bottom: 1px; + min-height: 33px; +} +@media only screen and (max-width: 768px) { + #ilTopNav.navbar { + min-height: 0; + padding-top: 0; + padding-bottom: 0; + } +} +#ilTopNav.navbar > .navbar-collapse { + margin: 0; + padding: 0 0 0 5px; +} +@media only screen and (max-width: 768px) { + #ilTopNav.navbar > .navbar-collapse:empty + div.navbar-header button.navbar-toggle { + display: none; + } +} +#ilTopNav.navbar-default { + background-color: transparent; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 0 none; +} +@media only screen and (max-width: 768px) { + #ilTopNav.navbar-default { + background-color: #f9f9f9; + } +} +#ilTopNav .dropdown-menu { + float: left; + right: auto; + left: 0; + min-width: 100%; + background-color: white; +} +#ilTopNav .dropdown-menu li a { + background-color: transparent; + color: #464646; +} +#ilTopNav .dropdown-menu li a:hover { + background-color: #e2e8ef; + color: #1f1f1f; +} +@media only screen and (max-width: 768px) { + #ilTopNav .dropdown-menu { + float: none; + left: auto; + right: auto; + } +} +#ilTopNav .navbar-nav { + float: left; + margin-left: 5px; +} +@media only screen and (max-width: 768px) { + #ilTopNav .navbar-nav { + float: none; + margin-left: 0; + } +} +#ilTopNav .navbar-nav > li { + margin: 0 0 0 10px; +} +#ilTopNav .navbar-nav > li > a { + margin: 0; + padding: 5px 10px 6px; + text-transform: uppercase; + font-size: 14px; + border-top: 4px solid white; + background-color: transparent; + color: #808080; +} +@media only screen and (max-width: 768px) { + #ilTopNav .navbar-nav > li > a { + margin: 0 10px 0 0; + padding: 5px 10px 6px; + border-top: 0; + color: #808080; + } +} +#ilTopNav .navbar-nav > li > a:hover, +#ilTopNav .navbar-nav > li > a:active, +#ilTopNav .navbar-nav > li > a:focus { + background-color: transparent; + color: #808080; +} +#ilTopNav .navbar-nav > .active > a, +#ilTopNav .navbar-nav > .open > a, +#ilTopNav .navbar-nav > .active > a:hover, +#ilTopNav .navbar-nav > .open > a:hover, +#ilTopNav .navbar-nav > .active > a:active, +#ilTopNav .navbar-nav > .open > a:active, +#ilTopNav .navbar-nav > .active > a:focus, +#ilTopNav .navbar-nav > .open > a:focus { + outline: 0 none; + border-top: 4px solid #4c6586; + background-color: #fafafa; + color: #808080; + -webkit-box-shadow: 3px 9px 9px 0px rgba(0, 0, 0, 0.176); + box-shadow: 3px 9px 9px 0px rgba(0, 0, 0, 0.176); +} +@media only screen and (max-width: 768px) { + #ilTopNav .navbar-nav > .active > a, + #ilTopNav .navbar-nav > .open > a, + #ilTopNav .navbar-nav > .active > a:hover, + #ilTopNav .navbar-nav > .open > a:hover, + #ilTopNav .navbar-nav > .active > a:active, + #ilTopNav .navbar-nav > .open > a:active, + #ilTopNav .navbar-nav > .active > a:focus, + #ilTopNav .navbar-nav > .open > a:focus { + border-top: 0 none; + background-color: inherit; + -webkit-box-shadow: none; + box-shadow: none; + } +} +@media only screen and (max-width: 768px) { + #ilTopNav button.navbar-toggle { + position: fixed; + top: 0; + left: 40px; + height: 40px; + border-radius: 0; + border-width: 0; + background-color: #5f5f5f; + color: #dfdfdf; + margin: 0; + } +} +@media only screen and (max-width: 768px) { + #ilTopNav button.navbar-toggle .icon-bar { + background-color: #dfdfdf; + } +} +@media only screen and (max-width: 768px) { + #ilTopNav button.navbar-toggle:hover { + background-color: #979797; + } +} +@media only screen and (max-width: 768px) { + #ilTopNav button.navbar-toggle:hover .icon-bar { + background-color: white; + } +} +[dir="rtl"] #ilTopNav .dropdown-menu { + float: right; + left: auto; + right: 0; + padding: 5px 0; + text-align: right; +} +[dir="rtl"] #ilTopNav .navbar-nav { + float: right; + margin-left: 0; + margin-right: 70px; +} +@media only screen and (max-width: 768px) { + [dir="rtl"] #ilTopNav .navbar-nav { + margin-right: 0; + padding-right: 0; + } +} +[dir="rtl"] #ilTopNav .navbar-nav > li { + margin: 0 10px 0 0; +} +@media only screen and (max-width: 768px) { + [dir="rtl"] #ilTopNav .navbar-nav > li > a { + float: right; + width: 100%; + margin: 0; + } +} +[dir="rtl"] #ilTopNav.navbar > .navbar-collapse { + padding: 0 5px 0 0; +} +@media only screen and (max-width: 768px) { + [dir="rtl"] #ilTopNav button.navbar-toggle { + left: auto; + right: 40px; + } +} +/* Main Menu Top Title */ +.ilTopTitle { + float: left; + font-weight: 600; + padding: 0 0 0 15px; + white-space: nowrap; + line-height: 40px; +} +@media only screen and (max-width: 768px) { + .ilTopTitle { + display: none; + } +} +[dir="rtl"] .ilTopTitle { + float: right; + padding: 0 15px 0 0; +} +@media only screen and (max-width: 768px) { + .ilTopTitleVisible { + display: block; + } +} +input.ilOpenIDBox { + background: url("images/openid.png") no-repeat 1px 2px white; + padding-left: 20px; +} +[dir="rtl"] input.ilOpenIDBox { + background-position: 2px 1px; + padding-left: 0; + padding-right: 20px; +} +#ilTopBar.ilTopBar { + padding: 0; + height: 40px; + top: 0; + z-index: 1040; +} +@media only screen and (max-width: 768px) { + #ilTopBar.ilTopBar { + z-index: 1030; + } +} +.ilTopFixed { + z-index: 1030; + position: fixed; + margin-left: auto; + margin-right: auto; + left: 0; + right: 0; +} +#ilTopBarNav { + float: right; + margin: 0; + padding: 0; + margin-right: 14px; + list-style: none outside none; +} +@media only screen and (max-width: 768px) { + #ilTopBarNav { + margin-right: 0; + } +} +#ilTopBarNav .dropdown-menu { + background-color: #979797; + border-radius: 0; + margin: 0; + color: #dfdfdf; +} +#ilTopBarNav .dropdown-menu a { + background-color: transparent; + color: #dfdfdf; +} +#ilTopBarNav .dropdown-menu a:hover, +#ilTopBarNav .dropdown-menu a:active, +#ilTopBarNav .dropdown-menu a:focus { + background-color: #e2e8ef; + color: #979797; +} +#ilTopBarNav > li { + float: left; + display: block; + position: relative; +} +#ilTopBarNav > li > a { + margin-right: 1px; + display: block; + padding: 10px; + position: relative; + min-width: 40px; + height: 40px; + text-align: center; + background-color: #5f5f5f; + color: #dfdfdf; +} +#ilTopBarNav > li > a:hover, +#ilTopBarNav > li > a:active, +#ilTopBarNav > li > a:focus { + outline: 0 none; + color: white; + text-decoration: none; + background-color: #979797; +} +#ilTopBarNav > .active > a, +#ilTopBarNav > .open > a, +#ilTopBarNav > .active > a:hover, +#ilTopBarNav > .open > a:hover, +#ilTopBarNav > .active > a:active, +#ilTopBarNav > .open > a:active, +#ilTopBarNav > .active > a:focus, +#ilTopBarNav > .open > a:focus { + outline: 0 none; + color: white; + text-decoration: none; + background-color: #979797; +} +#ilTopBarNav #userlog > a { + padding: 0 10px 0 0; +} +#ilTopBarNav #userlog > a img { + height: 40px; + width: 40px; + margin-right: 0px; + padding: 5px; +} +#ilTopBarNav #userlog .dropdown-menu { + min-width: 100%; +} +#ilTopBarNav #userlog .dropdown-menu > li > a { + padding-left: 50px; +} +[dir="rtl"] #ilTopBarNav { + float: left; + margin: 0; + margin-left: 14px; + text-align: right; +} +[dir="rtl"] #ilTopBarNav .badge { + margin-left: 0; + margin-right: -5px; +} +[dir="rtl"] #ilTopBarNav .dropdown-menu a { + text-align: right; +} +[dir="rtl"] #ilTopBarNav > li { + float: right; +} +[dir="rtl"] #ilTopBarNav > li > a { + margin-right: 1px; +} +[dir="rtl"] #ilTopBarNav #userlog > a { + padding: 0 0 0 10px; +} +[dir="rtl"] #ilTopBarNav #userlog > a img { + margin-left: 0; +} +.ilMainHeader { + background-color: white; + height: 80px; + border-bottom: 3px solid #737373; +} +@media only screen and (max-width: 768px) { + .ilMainHeader { + height: auto; + border-bottom: 0 none; + } +} +.ilMainHeader.ilTopFixed { + top: 40px; +} +@media only screen and (max-width: 768px) { + .ilMainHeader.ilTopFixed { + height: 0; + } +} +.ilMainHeader > header > .row > a.navbar-brand { + height: auto; + display: inline-block; + padding: 0; + margin: 15px 15px 0; +} +@media only screen and (max-width: 768px) { + .ilMainHeader > header > .row > a.navbar-brand { + height: 0; + padding: 0; + margin: 0; + } +} +.ilMainHeader > header > .row > a.navbar-brand > img { + display: inline-block; + height: 50px; + width: 50px; +} +@media only screen and (max-width: 768px) { + .ilMainHeader > header > .row > a.navbar-brand > img { + position: fixed; + top: 0; + left: 0; + height: 40px; + width: 40px; + } +} +@media only screen and (max-width: 768px) { + [dir="rtl"] .ilMainHeader > header > .row > a.navbar-brand > img { + left: auto; + right: 0; + } +} +.ilMainMenu { + background-color: white; +} +.ilMainMenu.ilTopFixed { + top: 110px; +} +@media only screen and (max-width: 768px) { + .ilMainMenu.ilTopFixed { + position: fixed; + top: 40px; + border-bottom: 0 none; + } +} +.ilMainMenuEntries { + margin-bottom: 10px; + padding-bottom: 10px; +} +div.ilMemberViewMainHeader { + background-color: #981a0a; +} +div.ilTopMemberView { + text-align: center; +} +div.ilTopMemberView h3 { + padding: 0; + margin: 0; + line-height: 40px; +} +@media only screen and (max-width: 768px) { + div.ilTopMemberView { + display: none; + } +} +.ilFixedTopSpacer { + padding-top: 117px; +} +@media only screen and (max-width: 768px) { + .ilFixedTopSpacer { + margin-top: 40px; + padding-top: 0; + } +} +.ilFixedTopSpacerBarOnly { + padding-top: 40px; +} +@media only screen and (max-width: 768px) { + .ilFixedTopSpacerBarOnly { + margin-top: 40px; + padding-top: 0; + } +} +ul.il-mm-selfloading { + width: 768px; + list-style: none; + margin-left: 0; + padding-left: 0; +} +/* Services/UIComponent/Tabs */ +.nav-tabs > li { + margin: 0 4px 0 0; +} +.nav-tabs > li > a { + border-radius: 0; + border: 0 none; + padding: 6px 12px 3px; + font-size: 13px; + margin: 0; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + background-color: #2c2c2c; + color: white; + border: 0 none; +} +[dir="rtl"] .nav-tabs > li { + margin: 0 0 0 4px; + float: right; +} +#ilTab { + padding: 0; + margin: 7px 15px 23px; + border: 0 none; + border-bottom: 2px solid #2c2c2c; +} +#ilTab a:focus-visible { + z-index: 3; +} +.ilSetupContent #ilTab { + margin: 7px 0 23px; +} +.ilTabsContentOuter { + padding: 0; +} +/* Sub Tabs */ +#ilSubTab { + padding: 5px 20px; + margin: -23px 0 10px; +} +#ilSubTab > li > a { + border-radius: 0; + padding: 3px 7px; + font-size: 11.64px; + /* font-weight: 600; */ +} +#ilSubTab > li > a:hover { + color: #3a4c65; +} +#ilSubTab > li.active > a, +#ilSubTab > li.active > a:hover, +#ilSubTab > li.active > a:focus { + color: #4c6586; + background-color: transparent; + text-decoration: underline; +} +/* Services/UIComponent/GroupedLists */ +div.ilGroupedListH { + padding: 6px 0 4px 0; + color: #161616; +} +div.ilGroupedListSep { + padding-bottom: 3px; + border-bottom: 1px solid #dddddd; + margin: 0 10px 3px; +} +a.ilGroupedListLE { + display: block; + padding: 5px 10px; + font-size: 90%; +} +a.ilGroupedListLE:hover { + background-color: #ffffd9; + text-decoration: none; +} +td.ilGroupedListNewCol { + border-left: 1px solid #dddddd; +} +/* Services/Table */ +div.tblfooter { + font-weight: normal; + background-color: #f9f9f9; + padding: 3px; + font-size: 80%; + text-align: right; +} +div.ilTableNav { + font-weight: normal; + padding: 0 3px; + font-size: 80%; + text-align: right; +} +div.ilTableNav table { + width: 100%; +} +div.ilTableNav select { + display: inline-block; +} +div.ilTableNav .ilFloatRight .ilOverlay { + display: none; +} +tr.tblfooter { + color: #161616; + font-weight: normal; + background-color: #f9f9f9; + border-top: 1px solid #f0f0f0; +} +td.submit { + padding: 3px; + vertical-align: top; + background-color: #f9f9f9; +} +div.ilTableHeaderTitleBlock { + font-weight: bold; + padding: 3px; + font-size: 90%; + color: #161616; + border-bottom: 1px solid #dddddd; +} +div.ilTableHeaderTitle { + margin: 15px 0 0; + padding: 0; +} +div.ilTableHeaderTitle + .ilHeaderDesc { + margin: 0 0 5px; +} +h3.ilTableHeaderTitleBlock { + font-weight: bold; + font-size: 100%; + display: inline; + padding: 0; + margin: 0; +} +h3.ilTableHeaderTitle { + display: inline; +} +div.ilTableOuter { + padding: 0; + background-color: white; +} +div.ilTableSelectAll { + background-color: white; + padding: 6px 8px; + font-size: 90%; + border-top: 1px solid #dddddd; +} +div.ilTableSelectAll label { + padding-left: 13px; +} +div.ilTableCommandRow, +div.ilTableCommandRowTop { + background-color: #f9f9f9; + padding: 5px 8px; + font-size: 90%; +} +span.ilTableFootLight { + color: #161616; +} +div.ilTableFilterActivator { + margin: 0 0 5px 3px; +} +.ilTableMenuItem { + margin: 0 10px 0 0; +} +div.ilTableFilter { + padding: 0 0 5px 0; + margin: 0; +} +legend.ilTableFilter { + font-size: 80%; + border: none; + padding: 2px 5px; + margin: -12px 0 0; + font-weight: normal; + text-align: right; +} +legend.ilTableFilter > a { + margin-right: -20px; + margin-top: -15px; +} +fieldset.ilTableFilter { + background-color: #f9f9f9; + padding: 10px 15px; + margin: 5px 0 15px 0; +} +div.ilTableFilterLabel { + font-style: italic; + background-color: #f9f9f9; + padding: 3px 0px; +} +div.ilTableFilterLabel label { + margin: 0; +} +div.ilTableFilterInput { + min-width: 150px; + padding: 0 0 5px 0; +} +div.ilTableFilterInput select { + width: 100%; + max-width: 150px; +} +div.ilTableFilterInput .radio, +div.ilTableFilterInput .checkbox { + margin: 0; +} +td.ilFilterOption { + text-align: left; + vertical-align: top; + font-size: 80%; + white-space: nowrap; + padding: 0 10px 10px 0; + min-width: 150px; +} +td.ilFilterType { + font-size: 80%; + font-weight: bold; + text-align: left; + white-space: nowrap; + padding: 3px; +} +div.ilTableContainer { + overflow: auto; +} +.tblheader { + font-weight: normal; +} +tr.tblheader { + font-weight: normal; + background-color: #f9f9f9; + font-size: 90%; + border-bottom: 1px solid #d6d6d6; +} +/* ---------------- alternating tablerowcolors ----------------- */ +.tblrow2_mo { + background-color: #f0f0f0; + color: #161616; + padding: 3px; +} +.tblrow1_mo { + background-color: white; + color: #161616; + padding: 3px; +} +.tblrow1_mo:hover, +.tblrow2_mo:hover { + background-color: #d0d0ff; +} +.tblrowmarked { + background-color: #ffe4e4 !important; + color: #161616; + padding: 3px; +} +.tblrow2top { + background-color: #f0f0f0; + color: #161616; + padding: 3px; + vertical-align: top; +} +.tblrow1top { + background-color: white; + color: #161616; + padding: 3px; + vertical-align: top; +} +.tblrowmarkedtop { + background-color: #ffe4e4; + color: #161616; + padding: 3px; + vertical-align: top; +} +.table > thead > tr > th { + border-bottom: 1px solid #dddddd; + background-color: white; +} +.ilTableOuter .table { + background-color: white; +} +td > img[src$="icon_custom.svg"] { + max-width: 32px; +} +.ilTableCommandRowTop .ilFloatLeft img, +.ilTableCommandRow .ilFloatLeft img, +.ilTableCommandRowTop .ilFloatLeft select, +.ilTableCommandRow .ilFloatLeft select { + display: inline-block; +} +@media only screen and (max-width: 768px) { + .table-responsive { + overflow-x: auto; + max-width: 94vw; + } +} +@media (min-width: 768px) { + .table-responsive { + overflow: visible; + } +} +/* Services/Notes */ +#notes_embedded_outer { + background-color: white; +} +#notes_embedded_outer .il_ContainerItemCommands { + padding-top: 15px; +} +div.ilNotes { + background-color: white; + padding: 15px; +} +#ilRightPanel div.ilNotes { + background-color: white; +} +div.ilNotes .fullwidth_invisible { + background-color: transparent; + padding: 10px; +} +div.ilComment { + padding-left: 50px; +} +div.ilNotesUImage { + float: left; + margin-left: -50px; +} +div.ilNotesUImage img { + width: 40px; + height: 40px; +} +div.ilNoteText { + font-size: 95%; + margin-top: 5px; +} +div.ilNotesHeader { + background-color: #f9f9f9; + margin-bottom: 5px; + padding: 3px 8px; +} +div.ilNotesHeader h3 img { + width: 40px; + height: 40px; +} +#il_center_col div.ilNotesHeader { + display: none; +} +#ilRightPanel div.ilNotesHeader { + padding: 5px; +} +h3.ilNotesHeader { + font-size: 110%; + color: #161616; + display: inline; +} +h4.ilNoteTitle { + font-size: 100%; + margin: 0; + padding: 0; +} +td.ilNoteList { + padding: 10px 5px; + border-top: 1px solid #dddddd; + vertical-align: top; +} +textarea#note { + height: 6em; +} +div.ilNoteInput { + padding-bottom: 10px; +} +.ilNotesCheckboxes .ilComment { + padding-left: 80px; +} +.ilNotesCheckboxes .ilNoteList input[type="checkbox"] { + position: absolute; +} +/* Modules/Blog */ +div.ilBlogList { + padding: 10px; + margin-bottom: 20px; + background-color: white; +} +div.ilBlogListItem { + padding: 1px 1px 5px; + margin-bottom: 35px; +} +div.ilBlogListItem.ilBlogListItemDraft { + padding: 8px; +} +div.ilBlogListItemTitle { + border-bottom: 1px solid #dddddd; +} +div.ilBlogListItemTitle h3 { + margin-bottom: 5px; +} +div.ilBlogListItemSubTitle { + margin-top: 5px; + color: #6f6f6f; + font-size: 80%; + text-align: right; +} +div.ilBlogListItemSnippet { + margin-top: 5px; + margin-bottom: 5px; + min-height: 10px; +} +img.ilBlogListItemSnippetPreviewImage { + margin-right: 10px; + margin-bottom: 5px; +} +div.ilBlogListItemMore { + float: left; +} +div.ilBlogListItemCommtensPerma { + text-align: right; + font-size: 90%; + margin-top: 15px; + min-height: 15px; +} +td.ilBlogSideBlockContent { + padding: 10px; +} +td.ilBlogSideBlockCommand { + font-size: 75%; + color: #6f6f6f; + border-bottom: 1px solid #dddddd; + padding: 1px 3px; + background-color: #f9f9f9; + text-align: right; +} +div.ilBlogSideBlockAuthor { + margin-top: 3px; +} +ul.ilBlogSideBlockNavigation { + margin-top: 3px; + padding-left: 15px; +} +div.ilBlogSideBlockNavigationSelection { + margin-bottom: 5px; +} +.ilBlogListItemDraft { + border: 2px dotted #B54F00; +} +.ilBlogDraftText { + color: #B54F00; + position: absolute; + font-size: 12px; + margin-top: -19px; + padding: 2px 5px; + background-color: white; +} +.ilBlogNavigationItemDraft { + margin-right: 50px; +} +.ilBlogListPermalink { + margin: 5px; +} +.ilBlogRating { + margin-bottom: 5px; +} +.ilTopGap { + margin-top: 15px; +} +.ilExportPage { + min-height: 468px; + padding-bottom: 20px; +} +/* Services/Skill */ +div.ilSkill { + background: #f9f9f9; + padding: 15px; + margin-bottom: 20px; + margin-top: 10px; +} +div.ilSkill > h3 { + margin: 10px 0; + padding: 0; + font-size: 1.2em; + float: left; +} +div.ilSkill > h4 { + margin: 10px 0; + padding: 0; + font-size: 1em; + color: #6f6f6f; + float: left; + clear: left; +} +table.ilSkill, +td.ilSkill, +th.ilSkill { + border: 1px solid #dddddd; +} +div.ilSkillActions { + margin-top: -5px; + margin-right: 15px; + float: right; +} +div.ilSkill .ilSkillActions { + margin-right: 0px; +} +table.ilSkill { + margin-bottom: 5px; + margin-left: 50px; + background-color: white; + border-collapse: collapse; + clear: both; +} +td.ilSkill, +th.ilSkill { + font-size: 0.8em; + padding: 4px; + min-width: 50px; +} +td.ilSkill { + text-align: center; + vertical-align: middle; +} +td.ilSkillLevel { + cursor: pointer; +} +th.ilSkill, +td.ilSkillLevel { + background-color: #f9f9f9; +} +td.ilSkillSelf { + background-color: #fff0e0; +} +td.ilSkillMat { + background-color: #f0f0ff; +} +div.ilSkillSuggRes { + margin-left: 50px; +} +th.ilSkillEntryHead { + width: 250px; +} +.ilSkillEvalItem { + border-left: 5px solid; + margin: 2px 0; + padding: 10px; +} +.ilSkillEvalItem > .row > div { + padding-top: 3px; + padding-bottom: 3px; +} +.ilSkillEvalItem.ilSkillEvalType1 { + border-color: #307C88; +} +.ilSkillEvalItem.ilSkillEvalType2 { + border-color: #d38000; +} +.ilSkillLevelDescription, +.ilSkillMaterial, +.ilSkillSuggResources { + padding: 5px 10px 5px 15px; +} +.ilSkillLevelDescription > .row > div, +.ilSkillMaterial > .row > div, +.ilSkillSuggResources > .row > div { + padding-top: 2px; + padding-bottom: 2px; +} +.ilSkillResourceList > h5 { + margin-top: 25px; +} +.ilSkillResourceList > div { + padding: 5px 10px 5px 15px; +} +.ilSkillResourceList > div > .row > div { + padding-top: 2px; + padding-bottom: 2px; +} +.ilSkillEvalItem.ilSkillEvalType3 { + border-color: #557b2e; +} +.ilSkillEvalItem > .row > .ilSkillEvalType1 { + color: #307C88; +} +.ilSkillEvalItem > .row > .ilSkillEvalType2 { + color: #d38000; +} +.ilSkillEvalItem > .row > .ilSkillEvalType3 { + color: #557b2e; +} +.ilSkillFilter .ilToolbar select.form-control { + display: block; +} +.ilSkillCategoryDescription { + margin: 0px 5px; + padding-bottom: 15px; +} +/* Modules/Poll */ +.ilPollDescription { + margin: 5px; + font-size: 80%; + color: #6f6f6f; +} +.ilPollQuestion { + display: inline-block; + width: 97%; + margin: 1.5%; + font-size: 90%; + font-style: italic; +} +img.ilPollQuestionImage { + margin: 1.5% 0%; + max-width: 100%; +} +.ilPollQuestionAnswers { + margin: 5px; + font-size: 80%; +} +.ilPollQuestionAnswer { + margin-bottom: 5px; +} +.ilPollQuestionResults { + margin: 10px; + font-size: 80%; +} +.ilPollQuestionResult { + margin-bottom: 5px; +} +.ilPollQuestionResultBar { + width: 100%; + border: 1px solid #757575; + float: left; + height: 18px; +} +.ilPollQuestionResultBarInner { + background-color: #c2e1ff; + height: 18px; +} +.ilPollQuestionResultPerc { + float: right; + position: relative; + margin-top: -17px; + margin-right: 3px; +} +.ilPollLegend { + margin-bottom: 5px; +} +.ilPollLegend td.legendLabel { + font-size: 120%; +} +#ilMMSearch ul li { + padding: 5px; +} +#ilMMSearch ul li label { + font-weight: normal; +} +#ilMMSearchMenu legend { + margin-bottom: 0; + margin-top: 20px; + font-size: 16px; + border-bottom: 0; +} +#ilMMSearchMenu p { + white-space: nowrap; +} +#main_menu_search { + width: 80%; +} +#ilTopBarNav .dropdown-menu #ilMMSearchMenu a, +#ilTopBarNav .dropdown-menu #ilMMSearchMenu a:hover, +#ilTopBarNav .dropdown-menu #ilMMSearchMenu a:active, +#ilTopBarNav .dropdown-menu #ilMMSearchMenu a:focus { + background-color: transparent; + color: #dfdfdf; +} +div.ilMainMenuSearch { + padding: 0 10px 3px; + margin: 1px 0 2px -1px; + line-height: 26px; +} +input.ilMainMenuSearch { + cursor: pointer; + border: none; + color: #161616; + width: 150px; + padding: 2px 4px 1px; + margin: 0; + background-color: white; + min-height: 16px; + -webkit-box-shadow: inset 1px 1px 2px #a0a0a0; + box-shadow: inset 1px 1px 2px #a0a0a0; + line-height: 1; +} +#mm_search_menu_head { + background-color: #f9f9f9; + padding: 5px; + font-size: 85%; +} +#mm_search_menu_head p { + margin: 0; +} +#mm_search_menu_head input { + margin: 0; + padding: 0; +} +#il_search_toolbar > div { + padding-top: 6px; +} +#il_search_toolbar div.ilFormOption { + width: auto; +} +#il_search_toolbar div.ilFormFooter { + display: none; +} +#mm_search_menu_ac .ui-menu { + border: 0 none; + -webkit-box-shadow: none; + box-shadow: none; + color: #161616; +} +span.ilSearchHighlight { + font-weight: bold; +} +div.il_SearchFragment { + margin: 2px 0 5px; + font-size: 80%; + font-weight: normal; + text-align: left; +} +#ilSearchResultsTable.table-striped > tbody > tr > td { + background-color: transparent; +} +#search_area_form { + min-width: 350px; +} +#search_area_form .form-horizontal .control-label { + padding-top: 0; +} +/* Services/Help */ +#ilHelpText .ilc_text_inline_Strong { + font-weight: bold; +} +#ilHelpBack { + padding-bottom: 20px; +} +#ilHelpText { + clear: both; + font-size: 90%; +} +#ilHelpText .ilc_list_o_NumberedList, +#ilHelpText .ilc_list_u_BulletedList { + margin: 10px 0; + padding: 0 0 0 25px; +} +#ilHelpText .ilc_list_o_NumberedList .ilc_list_o_NumberedList, +#ilHelpText .ilc_list_o_NumberedList .ilc_list_u_BulletedList, +#ilHelpText .ilc_list_u_BulletedList .ilc_list_u_BulletedList, +#ilHelpText .ilc_list_u_BulletedList .ilc_list_o_NumberedList { + padding-left: 15px; +} +a#ilHelpClose { + display: block; + float: right; + padding: 5px; +} +#ilHelpPanel .il_VAccordionHead { + background-position: 3px 3px; + padding: 5px 5px 5px 30px; + font-size: 90%; + font-weight: bold; + border: none; +} +#ilHelpPanel li { + padding: 0; +} +#ilHelpPanel .ilGroupedListLE { + padding: 5px 10px 5px 20px; +} +#il_screen_id { + position: fixed; + right: 0; +} +@media only screen and (max-width: 768px) { + #il_screen_id { + display: none; + } +} +#mm_help li a span:first-child { + width: 20px; + display: inline-block; +} +/* Modules/DataCollection */ +td.dcl_actions { + text-align: right; + padding-right: 5px; +} +.dcl_record_list td, +.dcl_field_list td { + padding: 10px 7px; + font-size: 90%; +} +.ilDclTableDescription { + padding: 15px 0; + font-size: 90%; +} +.ilDclRecordViewNavWrapper { + margin-bottom: 40px; +} +.ilDclRecordViewNav { + font-weight: normal; + padding: 3px; + font-size: 80%; + width: 80%; + float: left; +} +.ilDclEditRecordButtonWrapper { + float: right; +} +.ilDclRecordViewRecordOfTotal { + margin-right: 10px; +} +.ilDclSelectRecord { + margin-left: 10px; +} +.ilDclChangeRecord { + display: inline; +} +.ilDclPermanentLinkWrapper { + margin: 20px 0; +} +tr.dcl_comments_active > td { + background-color: #ffffd9; +} +/* Modules/Bibliographic */ +span.bibl_text_inline_Emph { + font-style: italic; +} +/* Services/MediaObjects */ +.ilPlayerPreviewOverlayOuter { + position: relative; +} +.ilPlayerPreviewOverlay { + position: relative; + width: 320px; + height: 240px; + cursor: pointer; +} +.ilPlayerPreviewDescription { + padding: 7px; + font-size: 85%; + position: absolute; + width: 100%; + color: #f0f0f0; + margin-top: -240px; + background: url("images/black60.png"); +} +.ilPlayerPreviewOverlay img { + cursor: pointer; + width: 100%; + height: 100%; +} +.ilPlayerPreviewDescriptionDownload { + float: right; +} +.ilPlayerPreviewDescriptionDownload a { + color: white; +} +.mejs-overlay-button { + background-image: url("images/bigplay.svg"); +} +.ilPlayerPreviewPlayButton { + background: url("images/bigplay.svg") no-repeat scroll 0 0 transparent; + height: 100px; + left: 50%; + margin: -50px 0 0 -50px; + position: absolute; + top: 50%; + width: 100px; + cursor: pointer; +} +.ilPlayerPreviewOverlay:hover .ilPlayerPreviewPlayButton { + background-position: 0 -100px; +} +/* Services/Chart */ +td.legendColorBox, +td.legendLabel { + padding: 3px; +} +div.ilChartWrapper { + max-width: 100%; +} +/* Services/Captcha */ +div.iosCaptchaInfoContainer { + margin: 10px 0 0 0; +} +div.iosCaptchaInputCommandContainer { + margin: 10px 0 0 0; +} +div.iosCaptchaInputCommandContainer .reload { + width: 19px; + height: 19px !important; + font-size: 100%; + vertical-align: top; + margin: 0; + padding: 0; +} +div.iosCaptchaInputCommandContainer .reload img { + width: 19px; + height: 19px; + margin: 0; + padding: 3; +} +div.iosCaptchaInputCommandContainer .audio { + width: 19px; + height: 19px; + margin: 0 10px 0 12px; + vertical-align: middle; +} +/* Services/User */ +div.ilProfile { + max-width: 450px; + margin: 0 auto; + background-color: #f9f9f9; + padding: 15px; +} +div.ilProfile + div.ilPermalinkContainer { + margin-top: 20px; +} +div.ilProfile + div.ilPermalinkContainer .input-group-btn { + vertical-align: bottom; +} +img.ilProfileImage { + width: 100%; +} +h3.ilProfileName { + margin: 0 0 10px; + padding: 0; + font-weight: normal; + font-size: 130%; +} +div.ilProfileSection { + margin-top: 20px; + font-size: 90%; + color: #606060; +} +h3.ilProfileSectionHead { + margin: 0 0 3px; + padding: 0; + font-weight: normal; + font-size: 110%; + color: #202020; +} +table.il_user_quota_disk_usage_overview { + background-color: white; +} +img.ilUserXXSmall { + max-width: 30px; +} +/* -- User Gallery Styles -- */ +.ilUsersGalleryContainer div.ilUser { + margin: 0 0 20px; + background-color: white; + padding: 20px 0; + font-size: 100%; + width: 100%; + height: auto; + text-align: center; +} +.ilUsersGalleryContainer div.ilUser img { + min-height: 80px; + max-height: 80px; +} +.ilUsersGalleryContainer div.ilUser h3 { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 5px; + margin: 20px 0; + font-size: 1.6rem !important; +} +.ilUsersGalleryContainer div.ilUser .action { + width: 100%; + height: 40px; +} +.ilUsersGalleryContainer div.ilUser .action div { + display: inline-block; +} +.ilUsersGalleryContainer div.ilUser .action .btn { + float: left; +} +.ilUsersGalleryContainer div.ilUser .action .btn-default:hover { + color: white !important; +} +.ilUsersGalleryContainer div.ilUser .action .mailBtn { + height: 37px; + font-size: 16px; + padding: 0 15px; + line-height: 30px; + margin: 2px 0 0 0; +} +.ilUsersGalleryContainer div.ilUser .action .open .btn { + -webkit-box-shadow: 0 0 0 0 3px 5px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 0 0 3px 5px rgba(0, 0, 0, 0.5); +} +.ilUsersGalleryContainer div.ilUser .action .open .btn-success:hover, +.ilUsersGalleryContainer div.ilUser .action .open .btn-success:focus, +.ilUsersGalleryContainer div.ilUser .action .open .btn-success:active { + color: white; + background: #626f78; + -webkit-box-shadow: 0 0 0 0 3px 5px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 0 0 3px 5px rgba(0, 0, 0, 0.5); + border: 1px solid #5b6770; +} +.ilUsersGalleryContainer div.ilUser .action ul.dropdown-menu { + min-width: 170px; + padding: 0; + margin: 0; + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); +} +.ilUsersGalleryContainer div.ilUser .action ul.dropdown-menu li > a { + padding: 8px 10px; +} +/* Services/Style */ +.ilPositionStatic { + position: static; +} +/* PageLayout Previews */ +div.ilc_QuestionPlaceHolderThumb, +div.ilc_MediaPlaceHolderThumb, +div.ilc_TextPlaceHolderThumb, +div.ilc_PredTextPlaceHolderThumb { + margin: 1px; + padding: 5px 2px 5px 0; + border: 1px solid #2c2c2c; + font-size: 10px; + background: url("images/question_placeholder_thumb.png") no-repeat center; + font-weight: bold; +} +div.ilc_MediaPlaceHolderThumb { + background-image: url("images/media_placeholder_thumb.png"); +} +div.ilc_TextPlaceHolderThumb { + background-image: url("images/text_placeholder_thumb.png"); +} +div.ilc_PredTextPlaceHolderThumb { + background-image: url("images/pred_text_placeholder_thumb.png"); +} +div.ilc_HeadlineThumb { + font-size: 11px; + font-weight: bold; + width: 100%; + border-bottom: 1px solid #2c2c2c; + color: #161616; + margin: 2px 0 4px; +} +/* Modules/Course */ +.ilValignTop { + vertical-align: top; +} +.halfWidth { + width: 50%; +} +.ilInheritBGColor { + background-color: inherit; +} +td.option_value_details { + background: none white; + color: #161616; + padding: 3px; + vertical-align: top; + text-align: left; +} +td.option_value_center_details { + background: none #ffe4e4; + color: #161616; + padding: 3px; + vertical-align: top; + text-align: center; +} +ul.noStyle { + list-style: none; +} +li.smallPad { + padding: 1px; +} +.listIndent { + padding: 0 0 20px; +} +.ilCrsObjAcc { + margin-bottom: 10px; +} +.ilCourseObjectiveAccResults { + padding-top: 10px; +} +.ilCourseObjectiveAccResult { + font-size: 80%; +} +.ilCourseObjectiveAccSummary { + font-size: 120%; + padding-top: 15px; +} +.ilCourseObjectiveProgressBarContainer .text-comparision { + display: none; +} +.ilCourseObjectiveProgressBarContainer { + float: right; + max-width: 200px; + padding: 20px; +} +/* LOK progress bars */ +.ilCourseObjectiveProgressBar { + padding-right: 5px; + float: right; +} +.ilCourseObjectiveProgressBarContainer > .progress { + margin: 5px 0 0; + border: 1px solid #bbb; + background-color: white; +} +.ilCourseObjectiveProgressBarContainer > .progress > .progress-bar { + -webkit-box-shadow: none; + box-shadow: none; +} +.ilCourseObjectiveProgressBarLimit { + float: right; + position: relative; + border-right: 2px dotted #888; + height: 20px; + margin-top: -17px; +} +.ilCourseObjectiveProgressBarNeutral { + background-color: #888; +} +.ilCourseObjectiveProgressBarCompleted { + background-color: #60b060; +} +.ilCourseObjectiveProgressBarFailed { + background-color: #b06060; +} +/* Modules/Chatroom */ +.ilValignBottom { + vertical-align: bottom; +} +#chat_actions { + white-space: nowrap; + margin-left: 10px; +} +#chat_messages { + height: 300px; + padding: 2px; + overflow-y: scroll; + overflow-x: hidden; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + word-break: break-word; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; + width: 100%; + min-height: 200px; + background-color: #f9f9f9; +} +#chat_users { + overflow: auto; + height: 100%; + min-height: 300px; +} +#private_rooms { + z-index: 200; + display: none; +} +td.chatroom { + width: 200px; + height: auto; +} +.ilChatroomUser { + border-bottom: 1px solid #e9e9e9; +} +.ilChatroomUser .media-body { + white-space: nowrap; +} +.ilChatroomUser .media-body { + padding-top: 8px; +} +.ilChatroomUser .media-body h4, +.ilChatroomUser .media-body p { + color: #a0a0a0; + font-size: 12px; + padding: 5px 3px 0 3px; + line-height: 1em; + margin: 0; +} +.ilChatroomUser .media-body h4 { + padding-top: 0; + color: #606060; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ilChatroomUser .dropdown-menu { + background-color: #f0f0f0; + padding: 10px 0; + font-size: 12px; +} +.ilChatroomUser .dropdown-menu a { + color: #606060; +} +.ilChatroomUser .dropdown-menu a:hover { + color: #202020; +} +.ilChatroomUser .arrow-down { + width: 0; + height: 0; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + border-top: 11px solid white; + margin-top: -10px; + margin-left: 100px; +} +.ilChatroomUser .media:hover { + background-color: #fea; +} +.ilChatroomUser .dropdown-menu { + position: static; + float: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.ilChatroomUser .dropdown-backdrop { + position: static; +} +.ilChatroomUser .media { + padding: 0; +} +.ilChatroomUser .media-left img { + width: 30px; + height: 30px; +} +.ilChatroomUser .media-body, +.ilChatroomUser .media-left, +.ilChatroomUser .media-right { + display: table-cell; + vertical-align: top; +} +.ilChatroomUser .media-left { + padding-right: 10px; +} +.ilChatroomUser .media { + padding: 10px; +} +/* Services/Container */ +div.il_Preconditions { + padding: 10px 0 0; +} +div.il_PreconditionsTitel { + margin-top: 3px; + text-align: left; + font-size: 90%; +} +[dir="rtl"] div.il_PreconditionsTitel { + text-align: right; +} +div.ilPreconditionItem { + margin: 0 -10px; +} +/* Repository */ +div.ilContainerListItemOuter { + padding: 15px 12px; + zoom: 1; +} +[dir="rtl"] div.ilContainerListItemOuter { + display: table; +} +div.tblfooter.ilContainerListFooter { + font-size: 100%; + padding: 3px 0 0 10px; + text-align: left; +} +div.tblfooter.ilContainerListFooter > input { + padding: 0; + margin: 0; +} +div.tblfooter.ilContainerListFooter > label { + margin: 0; + padding: 0 0 0 8px; + vertical-align: top; +} +input[name^="position[blocks]"] { + margin: 0 0 0 -2px; +} +[dir="rtl"] .ilContainerListFooter { + padding-left: 0; + padding-right: 15px; +} +div.ilListItemSection { + clear: both; + max-width: calc(100% - 40px); +} +div.ilContainerListItemOuterHighlight { + background-color: #e2e8ef; + zoom: 1; +} +.ilCLI { + padding: 0; +} +div.ilContainerListItemCB { + /*float: left; + width: 25px;*/ + display: table-cell; + vertical-align: top; + padding-right: 10px; +} +div.ilContainerListItemCB img { + width: 20px; +} +[dir="rtl"] div.ilContainerListItemCB { + /* float: right; */ +} +div.ilContainerListItemIcon { + /* margin-top: -3px; + float: left; + position: absolute; */ + display: table-cell; + vertical-align: top; +} +div.ilContainerListItemIcon a { + display: block; + margin-top: -3px; +} +[dir="rtl"] div.ilContainerListItemIcon { + float: right; +} +div.ilContainerListItemIconCB { + margin-left: 25px; +} +[dir="rtl"] div.ilContainerListItemIconCB { + margin-left: 0; + margin-right: 25px; +} +div[class^="il_editarea"] .ilContainerListItemOuter img, +img.ilListItemIcon { + width: 35px; + height: 35px; + max-width: none; +} +div.ilContainerListItemContent { + /* margin-left: 35px; */ + display: table-cell; + vertical-align: top; + width: 100%; +} +[dir="rtl"] div.ilContainerListItemContent { + /* margin-left: 0; + margin-right: 35px; */ +} +/* If checkbox is activated, add spacing */ +div.ilContainerListItemContentCB { + /* margin-left: 60px; */ +} +[dir="rtl"] div.ilContainerListItemContentCB { + /* margin-left: 0; + margin-right: 60px; */ +} +div.il_ContainerListItem { + margin: 2px 0; + padding-left: 8px; + width: 100%; +} +[dir="rtl"] div.il_ContainerListItem { + padding-left: 0; + padding-right: 8px; +} +.ilContainerBlockHeader { + background-color: #f9f9f9; + padding: 9px 12px; + font-weight: 400; + text-align: left; + vertical-align: middle; +} +.ilContainerBlockHeader h3 { + margin: 0; + color: #161616; +} +.ilContainerBlockHeader .form-control { + width: auto; + display: inline-block; +} +.ilContainerBlockHeaderExpanded, +.ilContainerBlockHeaderCollapsed { + background-repeat: no-repeat; + background-position: 15px 10px; + background-size: 20px 20px; + padding-left: 45px; + /* padding-top: 6px; */ + background-color: #f9f9f9; + cursor: pointer; +} +.ilContainerBlockHeaderExpanded { + background-image: url("images/tree_exp.svg"); +} +.ilContainerBlockHeaderCollapsed { + background-image: url("images/tree_col.svg"); +} +[dir="rtl"] .ilContainerBlockHeader { + text-align: right; +} +.ilContainerBlock { + width: 100%; + clear: both; + margin-bottom: 20px; +} +div#cont_paste_explorer_tree ul.il_Explorer { + margin: 0 0 0 24px; +} +[dir="rtl"] div#cont_paste_explorer_tree ul.il_Explorer { + margin: 0 24px 0 0; +} +#ilContRepIntro { + margin: 20px 0 50px 0; + clear: both; +} +div#ilContRepIntro img { + float: right; + width: 150px; + height: 150px; +} +[dir="rtl"] div#ilContRepIntro img { + float: left; +} +.ilContObjectiveObjectListItem { + background-color: #f9f9f9; +} +.ilContObjectiveIntro { + background-color: #f9f9f9; + padding: 1px 15px; +} +.ilContObjectivesViewTestItem { + background-color: #f9f9f9; + margin-bottom: 10px; +} +.ilContainerTileRows { + margin: 0px -15px 0 -15px; + padding: 6px 12px; + background-color: white; +} +.ilContainerTileRows > .il-deck { + margin: 0 5px; +} +.ilContainerTileRows .card-no-highlight { + height: 0px; +} +.ilContainerTileRows .il-chart-progressmeter-container { + height: 100%; +} +.ilContainerTileRows .il-card h5 button.btn { + font-size: inherit; +} +.ilContainerShowMore { + padding: 15px 10px; + background-color: #f9f9f9; + text-align: center; + margin: 0 -15px; +} +/* Modules/LearningModule */ +.ilLMMenu { + clear: both; +} +body.ilLMNoMenu .ilFixedTopSpacer { + padding-top: 0px; +} +body.ilLMNoMenu .ilLeftNav { + top: 0px; +} +button.ilAreaClose { + width: 20px; + height: 20px; + position: absolute; + top: 0; + cursor: pointer; +} +div.ilRightAreaSpace { + width: 50%; +} +/* right area (used in learning modules) */ +div#right_area { + bottom: 0; + width: 50%; + right: 0px; + top: 117px; + position: fixed; + /* padding: 5px; */ + background-color: #f5f5f5; + border-left: 3px solid #e9e9e9; + /* box-shadow: inset 0px 2px 2px #d0d0d0; */ + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: hidden; + /* Bug 11209 */ +} +div#right_area iframe { + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: auto; + /* Bug 11209 */ + border: none; + width: 100%; + height: 100%; +} +div#right_cont_area { + bottom: 0; + width: 50%; + right: 0px; + top: 117px; + position: fixed; + background-color: transparent; + border-left: 3px solid #dddddd; + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: hidden; +} +div#right_top_area { + top: 0; + width: 100%; + height: 100%; + position: absolute; + border-bottom: 3px solid #e9e9e9; + border-right: 3px solid #e9e9e9; + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: hidden; + display: none; +} +div.ilRightContAreaSplit div#right_top_area { + height: 50%; +} +div#right_top_area iframe { + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: auto; + /* Bug 11209 */ + border: none; + width: 100%; + height: 100%; +} +div#right_bottom_area { + top: 0px; + width: 100%; + height: 100%; + position: absolute; + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: hidden; + display: none; + border-right: 3px solid #e9e9e9; +} +div.ilRightContAreaSplit div#right_bottom_area { + top: 50%; + height: 50%; +} +div#right_bottom_area iframe { + -webkit-overflow-scrolling: touch; + /* Bug 11209 */ + overflow: auto; + /* Bug 11209 */ + border: none; + width: 100%; + height: 100%; +} +#il_expl2_jstree_cont_out_ilLMProgressTree img { + width: 18px; + height: 18px; + margin-top: -3px; +} +/* Services/UIComponent/AdvancedSelectionList */ +div.il_adv_sel { + border: 1px solid #d6d6d6; + -webkit-box-shadow: 2px 2px 4px #c0c0c0; + box-shadow: 2px 2px 4px #c0c0c0; +} +table.il_adv_sel { + color: black; + background-color: white; + border-spacing: 0; + cursor: pointer; +} +tr.il_adv_sel { + cursor: pointer; +} +tr.il_adv_sel_act { + background-color: #fff9bc; + cursor: pointer; +} +td.il_adv_sel { + border-bottom: 1px solid #f0f0f0; + padding: 3px 10px; + text-align: left; + white-space: nowrap; + cursor: pointer; + font-weight: normal; +} +#ilAdvSelListTable_item_creation td.il_adv_sel { + min-width: 150px; +} +td.il_adv_sel_ic { + border-bottom: 1px solid #f0f0f0; + padding: 3px 0 3px 10px; + text-align: left; + cursor: pointer; +} +td.ilAsyncImgLoader { + padding: 0 40px; +} +span[id^="ilAdvSelListAnchorElement_"] + div { + position: absolute; + z-index: 5000; + left: 0; + right: 0; +} +div[id^="ilAdvSelListTable_"] { + overflow: auto; + background-color: white; + clear: both; + display: none; + position: absolute; +} +@media only screen and (min-width: 1200px) { + #ilAdvSelListAnchorText_asl + ul.dropdown-menu > li > div.row .row, + #ilAdvSelListAnchorText_asl + .dropdown-backdrop + ul.dropdown-menu > li > div.row .row, + #mm_adm_tr + span + ul.dropdown-menu > li > div.row .row, + #mm_adm_tr + ul.dropdown-menu > li > div.row .row { + width: auto; + } + #ilAdvSelListAnchorText_asl + ul.dropdown-menu > li > div.row ul, + #ilAdvSelListAnchorText_asl + .dropdown-backdrop + ul.dropdown-menu > li > div.row ul, + #mm_adm_tr + span + ul.dropdown-menu > li > div.row ul, + #mm_adm_tr + ul.dropdown-menu > li > div.row ul { + min-width: 250px; + } +} +@media only screen and (max-width: 768px) { + #ilAdvSelListAnchorText_asl + ul.dropdown-menu > li > div.row, + #ilAdvSelListAnchorText_asl + .dropdown-backdrop + ul.dropdown-menu > li > div.row, + #mm_adm_tr + span + ul.dropdown-menu > li > div.row, + #mm_adm_tr + ul.dropdown-menu > li > div.row { + width: 100% !important; + margin: 0; + } +} +@media only screen and (max-width: 992px) { + #ilAdvSelListAnchorText_asl + ul.dropdown-menu > li > div.row { + min-width: 260px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1200px) { + #ilAdvSelListAnchorText_asl + ul.dropdown-menu > li > div.row { + min-width: 520px; + } +} +@media only screen and (min-width: 1200px) { + #ilAdvSelListAnchorText_asl + ul.dropdown-menu > li > div.row { + min-width: 780px; + } +} +@media only screen and (max-width: 768px) { + #ilAdvSelListAnchorText_asl + ul.dropdown-menu { + position: absolute; + background-color: white; + } +} +div.ilNewObjectSelector { + display: block; + text-align: right; + margin-bottom: 8px; + padding: 0; + width: 100%; +} +div.ilNewObjectSelector > .btn-group.open { + display: inline-block; + width: 100%; +} +div.ilNewObjectSelector > .btn-group.open #ilAdvSelListAnchorText_asl { + float: right; +} +div.ilNewObjectSelector > .btn-group.open #ilAdvSelListAnchorText_asl + .dropdown-menu { + top: 30px; + right: 0; + left: auto; +} +div.ilNewObjectSelector > .btn-group.open #ilAdvSelListAnchorText_asl + .dropdown-menu .dropdown-header { + margin-right: 1px; +} +[dir="rtl"] div.ilNewObjectSelector > .btn-group #ilAdvSelListAnchorText_asl { + float: left; +} +#il-add-new-item-gl h2, +#il-add-new-item-gl a { + white-space: break-spaces; +} +/* Services/Object */ +.ilHeadAction img { + width: 18px; + height: 18px; +} +.il_ItemProperty .badge { + font-size: 8px; + padding: 2px 4px; + margin-top: -1px; + margin-left: -5px; + position: absolute; +} +div.ilCreationFormSection .form-horizontal { + margin-top: -1px; + padding-top: 1px; +} +.ilObjListRow { + border-bottom: 2px solid #f0f0f0; + background-color: white; +} +.table-striped { + border-collapse: separate; +} +.table-striped > tbody > tr.ilObjListRow > td { + background-color: white; +} +.table-striped > tbody > tr.ilObjListRow:hover > td { + background-color: #f3f5f8; +} +.table-striped > tbody > tr.ilObjListRow:hover:nth-child(2n+1) > td { + background-color: #f3f5f8; +} +/* Services/Navigation */ +form.ilNavHistoryForm { + padding: 0; + margin: 0 5px 0 0; + padding: 5px 5px 2px; + border: 0 none; + display: inline; + font-size: 80%; +} +input.ilNavHistorySubmit { + color: #2255a0; + padding: 0; + margin: 0; + border: 0 none; + cursor: pointer; + background-color: #f0f0f0; +} +select.ilNavHistorySelect { + border: 0 none; + padding: 0; + background-image: none; + text-decoration: none; +} +/* Services/Block */ +.iosPdBlockDragAndDropPlaceholder { + border: 3px dashed #c0c0c0; + border-radius: 8px; + margin-bottom: 15px; +} +/* Blocks */ +div.il_Block, +table.il_Block { + width: 100%; + border-spacing: 0px; + border-collapse: collapse; + margin-bottom: 20px; + clear: both; + table-layout: fixed; + word-wrap: break-word; + background-color: #f9f9f9; + border: none; + text-align: left; + padding: 5px; +} +#il_center_col div.il_Block { + background-color: #f9f9f9; +} +div.ilBlockHeader, +div.ilBlockHeaderBig, +td.ilBlockHeader, +td.ilBlockHeaderBig { + /* font-family: 'Open Sans Semibold'; deactivated, since it affects drop downs in the header */ + font-weight: normal; + padding: 3px 0; + margin: 0 5px; + text-align: left; + color: #2c2c2c; + border-bottom: 1px solid #dddddd; + /* box-shadow: 0 -2px 1px -1px white inset; no white lines */ +} +div.ilBlockHeaderBig, +td.ilBlockHeaderBig { + font-size: 100%; +} +h2.ilBlockHeader { + font-weight: 600; + margin: 0; + padding: 0; + font-size: 100%; + display: inline; +} +h3.ilBlockHeader { + font-weight: 600; + margin: 0; + padding: 0; + font-size: 100%; + display: inline; +} +/* possibly deprecated */ +.il_BlockInfo { + font-size: 80%; + color: #6f6f6f; +} +/* new class */ +div.ilBlockInfo { + font-size: 75%; + color: #6f6f6f; + padding: 1px 3px; + background-color: #f9f9f9; + text-align: right; +} +div.ilBlockContent { + padding: 5px; +} +.ilBlockRow1, +.ilBlockRow2 { + padding: 3px; + border-bottom: 1px solid #f0f0f0; +} +div.ilBlockPropertyCaption { + color: #6f6f6f; +} +/* Services/UIComponent/Lightbox */ +.ilLightbox { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background-color: #303030; + overflow: auto; + z-index: 1000; +} +a.ilMediaLightboxClose { + display: block; + float: right; + margin: 5px 0 10px 10px; + cursor: pointer; + color: #161616; + font-size: 140%; +} +a.ilMediaLightboxClose:hover { + color: #000000; + text-decoration: none; +} +.ilLightboxContent { + margin: 50px auto 0; + width: 640px; + max-width: 100%; +} +.ilLightboxContent iframe { + width: 100%; + min-height: 400px; +} +/* Services/Membership */ +div.ilAttendanceListPrint td, +div.ilAttendanceListPrint th { + border: 1px solid #dddddd; + padding: 2px; +} +th.ilMembershipRowActionsHeader { + text-align: right; +} +th.ilMembershipRowActionsHeader span { + padding-right: 6px; +} +body.ilBodyPrint { + height: auto; + background-color: white; + margin: 10px; + padding: 0; +} +/* Modules/BookingManager */ +.ilTextinfo { + margin-bottom: 10px; +} +/* Services/InfoScreen */ +div.ilInfoScreenSec { + padding: 0; + margin-bottom: 20px; +} +div.ilInfoScreenSec h2.ilHeader { + margin-bottom: 5px; + display: block; +} +.il_InfoScreenProperty { + padding: 15px; + vertical-align: top; + color: #6f6f6f; + font-style: italic; +} +.il_InfoScreenPropertyValue { + padding: 15px; + vertical-align: top; + background-color: white; +} +.ilInfoScreenSec.form-horizontal .form-group { + margin: 0; + background-color: white; +} +.ilInfoScreenSec.form-horizontal { + background-color: transparent; +} +.ilInfoScreenSec.form-horizontal .control-label { + padding: 15px; + line-height: normal; +} +/* Services/Init */ +@media only screen and (max-width: 768px) { + div.ilStartupFrame { + width: 100%; + } +} +.ilStartupSection { + padding-top: 25px; +} +@media only screen and (max-width: 768px) { + .ilStartupSection { + padding-top: 15px; + } +} +div.ilStartupSection form.form-horizontal { + text-align: left; + width: 40em; +} +@media only screen and (max-width: 768px) { + div.ilStartupSection form.form-horizontal { + width: auto; + } +} +div#il_startup_logo img { + height: 50px; + width: 50px; + margin: 15px 15px 0; +} +@media only screen and (max-width: 768px) { + div#il_startup_logo img { + margin: 10px; + max-width: 100%; + height: 40px; + width: 40px; + } +} +/* Services/Bookmarks */ +#block_pdbookm_0 #tree_div { + overflow: auto; + width: 100%; +} +#block_pdbookm_0 .il_Block #tree_div img { + height: 20px; + width: 20px; +} +.iosPdBmListImg { + height: 20px; + width: 20px; +} +.iosPdBmListImg[src$="spacer.png"] { + height: 0; + width: 0; +} +/* Services/UIComponent/Toolbar */ +.ilToolbar .container-fluid { + padding-left: 0; +} +.ilToolbar.navbar { + border: 0 none; + background-color: white; +} +.ilToolbar .navbar-toggle:focus-visible { + position: relative; + outline: 2px solid #FFFFFF; + outline-offset: 4px; +} +.ilToolbar .navbar-toggle:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +.ilToolbar .navbar-toggle:active, +.ilToolbar .navbar-toggle.engaged { + outline: none; +} +.ilToolbar .ilToolbarItems { + padding: 0; +} +.ilToolbar .form-control { + width: auto; + display: inline-block; + vertical-align: top; +} +.ilToolbar .input-group { + vertical-align: top; +} +.ilToolbar input[type="file"] { + display: inline-block; +} +.ilToolbar li { + border: 0 none; + margin-right: 15px; +} +.ilToolbar li .dropdown-header { + border-bottom: 1px solid #dddddd; +} +.ilToolbar li .navbar-form, +.ilToolbar li .navbar-text { + padding: 0; + border: 0 none; + margin-left: 0; + margin-right: 0; + display: inline-block; + color: #161616; +} +.ilToolbar li.navbar-text { + margin-left: 0; +} +.ilToolbar li.ilToolbarSeparator { + border-left: 1px solid #dddddd; + height: 40px; +} +.ilToolbar li.ilToolbarGroup .navbar-form, +.ilToolbar li.ilToolbarGroup .navbar-text { + margin-left: 7.5px; +} +.ilToolbar li.ilToolbarGroup .navbar-form:first-child, +.ilToolbar li.ilToolbarGroup .navbar-text:first-child { + margin-left: 0; +} +.ilToolbar li.ilToolbarGroup .navbar-text { + margin-right: 0; +} +.ilToolbar .btn[disabled] { + padding: 4px 6px; +} +.ilToolbar .ilToolbarStickyItems { + float: left; + margin-left: 15px; +} +.ilToolbar .ilToolbarStickyItems.navbar-nav { + margin-top: 0; + margin-bottom: 0; +} +.ilToolbar .ilToolbarStickyItems.navbar-nav .open .dropdown-menu > li > a { + padding-left: 10px; +} +.ilToolbar .ilToolbarStickyItems > li { + float: left; + margin-right: 15px; +} +.ilToolbar .ilToolbarStickyItems > li .navbar-form { + border: 0 none; +} +.ilToolbar .ilToolbarStickyItems > li.ilToolbarStickyItem { + border: 0 none; +} +.ilToolbar ul.dropdown-menu > li { + border: 0 none; + margin-right: 0; +} +.ilToolbarContainer + .ilFilterContainer { + margin-top: -20px; +} +@media only screen and (max-width: 768px) { + .ilToolbar .container-fluid { + padding-left: 15px; + } + .ilToolbar li { + border-bottom: 1px solid #dddddd; + margin-right: 0; + } + .ilToolbar .ilToolbarStickyItems.navbar-nav .open .dropdown-menu > li > a { + padding-left: 0; + } +} +/* Services/UIComponent/Tooltip */ +.qtip-default { + font-size: 12px; + line-height: 1.5; + background-color: #4c6586; + border-color: #4c6586; + color: white; + -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); + box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +/* Services/Rating */ +img.ilRatingIcon { + width: 16px; + height: 16px; +} +img.ilRatingMarker { + width: 7px; + height: 7px; +} +a.ilRating { + text-decoration: none; +} +div.ilRatingOverlay { + z-index: 1000 !important; + padding: 0 5px; + display: none; +} +/* Modules/Excercise */ +.ilExcAssignmentBody { + padding: 20px; + background-color: #f9f9f9; +} +.ilExcAssignmentHead img { + display: block; + float: left; + margin-top: 4px; +} +.ilExcAssignmentHead .ilAssignmentHeader { + padding: 0; + margin: 1px 0 0 25px; + font-size: 16px; +} +.ilExcAssignmentHead, +.ilAssignmentHeader { + display: block; +} +.ilExAssignmentHeadProperty { + margin: 4px 0 0 25px; + font-size: 12px; +} +.ilExcOverview .ilExcAssImageContainer { + max-width: 300px; + display: inline-block; + cursor: pointer; +} +.ilExcReportFeedback { + background-color: #f9f9f9; + padding: 9px; +} +.ilExcAssignmentInfoTool { + padding: 10px; +} +.ilExcAssignmentInfoTool h4 { + padding-left: 0px; + padding-right: 0px; +} +.ilExcAssignmentInfoTool p { + padding: 0px; +} +.ilExcAssignmentInfoTool ul { + padding-left: 30px; + margin: 0; +} +.progress { + height: 15px; + min-width: 100px; +} +.progress-bar { + font-size: 11px; + line-height: 15px; + min-width: 30px; +} +/* Services/News */ +td.il-news { + white-space: normal; +} +td.il-news .il-news-locator { + margin: 2px 0px 4px 0px; +} +td.il-news .ilIcon { + vertical-align: middle; +} +td.il-news .il-news-content { + clear: both; +} +td.il-news .il-news-player { + margin-top: 15px; + max-width: 600px; +} +td.il-news .il_BlockInfo { + text-align: right; +} +@media only screen and (max-width: 768px) { + td.il-news { + white-space: normal !important; + } +} +span.ilNewsRssIcon { + background-color: #B54F00; + color: white; + min-width: 36px; + font-size: 10px; + text-align: center; + display: inline-block; + padding: 0 5px; +} +span.ilNewsRssIcon:hover { + text-decoration: none; + background-color: #823900; +} +/* timeline, see http://codepen.io/jasondavis/pen/fDGdK */ +.ilTimeline { + list-style: none; + padding: 20px 0; + position: relative; +} +.ilTimeline:before { + top: 0; + bottom: 0; + position: absolute; + content: " "; + width: 3px; + background-color: #757575; + left: 50%; + margin-left: -1.5px; +} +@media only screen and (max-width: 768px) { + .ilTimeline:before { + left: 90%; + } +} +.ilTimeline > li { + margin-bottom: 20px; + position: relative; + margin-right: 50%; +} +.ilTimeline > li:nth-child(even) { + margin-left: 50%; + margin-right: 0; +} +@media only screen and (max-width: 768px) { + .ilTimeline > li:nth-child(even) { + margin-left: 0; + } +} +.ilTimeline > li:nth-child(even) > .ilTimelineBadge { + left: 0; + margin-left: -25px; + right: auto; + margin-right: 0; +} +@media only screen and (max-width: 768px) { + .ilTimeline > li:nth-child(even) > .ilTimelineBadge { + right: auto; + left: 90%; + } +} +@media only screen and (max-width: 768px) { + .ilTimeline > li { + margin-right: 0; + } +} +.ilTimeline > li:before, +.ilTimeline > li:after { + content: " "; + display: table; +} +.ilTimeline > li:after { + clear: both; +} +.ilTimeline > li > .ilTimelinePanel { + width: 88%; + float: left; + padding: 20px; + position: relative; + background: white; +} +@media only screen and (max-width: 768px) { + .ilTimeline > li > .ilTimelinePanel { + width: 80%; + } +} +.ilTimeline > li > .ilTimelinePanel:after { + position: absolute; + top: 27px; + right: -14px; + display: inline-block; + border-top: 14px solid transparent; + border-left: 14px solid white; + border-right: 0 solid white; + border-bottom: 14px solid transparent; + content: " "; +} +.ilTimeline > li > .ilTimelineBadge { + color: white; + width: 50px; + height: 50px; + padding-top: 8px; + line-height: 1.2em; + font-size: 1em; + text-align: center; + position: absolute; + top: 16px; + background-color: #737373; + z-index: 100; + border-radius: 50%; + right: 0; + margin-right: -25px; +} +@media only screen and (max-width: 768px) { + .ilTimeline > li > .ilTimelineBadge { + left: 90%; + right: auto; + margin-left: -25px; + } +} +.ilTimeline > li > .ilTimelineBadge > .ilTimelineDay { + font-size: 1.3em; +} +.ilTimeline > li > .ilTimelineBadge > .ilTimelineMonth { + font-size: 0.8em; +} +.ilTimeline > li > .ilTimelineBadge > p { + padding: 0; + margin: 0; +} +.ilTimeline > li:nth-child(even) > .ilTimelinePanel { + float: right; +} +@media only screen and (max-width: 768px) { + .ilTimeline > li:nth-child(even) > .ilTimelinePanel { + float: left; + } +} +.ilTimeline > li:nth-child(even) > .ilTimelinePanel:before { + border-left-width: 0; + border-right-width: 15px; + left: -15px; + right: auto; +} +@media only screen and (max-width: 768px) { + .ilTimeline > li:nth-child(even) > .ilTimelinePanel:before { + border-left-width: 15px; + border-right-width: 0; + right: auto; + right: -15px; + } +} +.ilTimeline > li:nth-child(even) > .ilTimelinePanel:after { + border-left-width: 0; + border-right-width: 14px; + left: -14px; + right: auto; +} +@media only screen and (max-width: 768px) { + .ilTimeline > li:nth-child(even) > .ilTimelinePanel:after { + border-left-width: 14px; + border-right-width: 0; + left: auto; + right: -14px; + } +} +.ilTimeline .media-heading { + clear: right; + margin-top: 8px; +} +.ilTimeline div.ilNotesHeader { + background-color: #f9f9f9; +} +.ilNewsTimelineTruncatedText { + /*overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap;*/ +} +.ilNewsTimelineObjHead img { + width: 22px; + height: 22px; +} +.ilNewsTimelinePlayer { + position: relative; + z-index: 500; +} +.ilNewsTimelineUserImage { + float: left; + overflow: hidden; + width: 100px; +} +@media only screen and (max-width: 768px) { + .ilNewsTimelineUserImage { + width: 50px; + } +} +.ilNewsTimelineUserImage img { + width: 75px; + height: 75px; +} +@media only screen and (max-width: 768px) { + .ilNewsTimelineUserImage img { + width: 40px; + height: 40px; + } +} +.ilNewsTimelineContentSection { + padding-left: 100px; +} +@media only screen and (max-width: 768px) { + .ilNewsTimelineContentSection { + padding-left: 50px; + } +} +.ilNewsTimelineEditInfo { + width: 90%; +} +.ilNewsTimelineMoreLoader { + text-align: center; +} +.ilNewsTimelineMoreLoader img { + width: 30px; + height: 30px; +} +/* https://github.com/JoanClaret/jquery-dynamic-max-height */ +.dynamic-height-wrap { + overflow: hidden; + position: relative; + -webkit-transition: max-height 0.25s ease-in-out; + -o-transition: max-height 0.25s ease-in-out; + transition: max-height 0.25s ease-in-out; + width: 100%; +} +/* Bottom gradient (optional, but recommended)*/ +.dynamic-height-active .dynamic-height-wrap:before { + background: linear-gradient(to bottom, rgba(240, 249, 255, 0) 0%, white 100%); + bottom: 0; + content: ''; + height: 30px; + left: 0; + position: absolute; + right: 0; + z-index: 1; +} +.dynamic-height-active .dynamic-show-more { + display: inline-block; +} +.dynamic-show-more { + display: none; +} +.ilTimeline .ilNotes { + margin: 0 -20px -20px -20px; + padding: 10px 20px; +} +div.ilSurveyPageEditDropArea { + border-color: #88be51; + color: #88be51; + background-color: #aed389; +} +div.ilSurveyPageEditDropAreaSelected { + border-color: #88be51; + color: #88be51; + background-color: #94c564; +} +div.ilSurveyPageEditAreaDragging { + border: 2px dashed #2c2c2c; + background-color: #f9f9f9; + padding: 5px; +} +div.ilSurveyPageEditActionMenu { + float: right; + margin: 3px; +} +.il-svy-qst-compressed .questionTitle { + display: none; +} +.il-svy-qst-compressed tr:first-child td { + visibility: hidden; + height: 1px; + line-height: 1px; + padding-top: 0; + padding-bottom: 0; +} +#il-svy-output-form table td p { + hyphens: auto; +} +/* Modules/MediaPool */ +#ilMepPreviewContent { + margin: 0; + width: 100%; + padding: 0; + border: 0; +} +.ilMediaPoolPagePreviewBody { + background-color: #f9f9f9; + height: auto; +} +/* Services/Tags */ +.ilTagCloud { + font-size: 12px; + padding: 6px 12px; +} +.ilTag { + background-color: #75deea; + /* background-color: lighten(@brand-primary, 10%); */ + color: #000000; + display: inline-block; + white-space: nowrap; + padding: 1px 5px; + margin: 2px 4px 2px 0; + border-radius: 3px; +} +a.ilTag:hover, +a.ilTag:active { + text-decoration: none; + color: #000000; + background-color: #5fd9e7; +} +.ilTagRelHigh { + background-color: #85d1da; + color: #000000; +} +.ilTagRelMiddle { + background-color: #95c5ca; + color: #000000; +} +.ilTagRelLow { + background-color: #a5b8ba; + color: #000000; +} +.ilTagRelVeryLow { + background-color: #b0b0b0; + color: #000000; +} +.ilTag.ilHighlighted { + background-color: #B54F00; +} +#il_tags_modal textarea { + resize: vertical; +} +/* Services/UIComponent/Checklist */ +div.ilChecklist ul { + list-style-type: none; + margin: 0; + padding: 0; +} +div.ilChecklist ul li { + padding: 0; + font-size: 90%; +} +div.ilChecklist ul li a, +div.ilChecklist ul li span { + padding: 5px 5px; + margin: 0 -5px; + display: block; +} +div.ilChecklist ul a:hover { + text-decoration: none; + color: #4c6586; +} +div.ilChecklist ul li a:hover { + background-color: #e2e8ef; +} +div.ilChecklist ul li p, +div.ilChecklist ul li p:hover { + color: #6f6f6f; + font-size: 85%; + text-decoration: none; + padding: 0; + margin-top: 0; +} +div.ilChecklist ul li img { + width: 18px; + height: 18px; + float: right; +} +.ilSetupContent div.ilChecklist { + min-width: 200px; +} +/* Modules/WorkspaceFolder */ +#tbl_wfld.table-striped > tbody > tr > td { + background-color: transparent; +} +.ilWspContainerListFooter { + background-color: #f9f9f9; + margin: 0px -15px -15px -15px; + padding: 5px 25px; +} +/* Services/FileUpload */ +.ilFileUploadEntryProgressPercent { + font-size: 75%; +} +.ilFileUploadEntryOptions { + font-size: 90%; +} +.ilFileUploadEntryOptions label.control-label { + padding-top: 3px; +} +/* Modules/Portfolio */ +ul.ilPCMyCoursesCourseList > li { + margin-bottom: 10px; +} +ul.ilPCMyCoursesCourseList > li .course-list-tree-icon { + width: 20px; + height: 20px; +} +ul.ilPCMyCoursesObjectiveList > li { + margin-top: 5px; + margin-left: 40px; +} +a.ilPCMyCoursesToggle { + outline: 0; +} +div.ilPCMyCoursesPath { + margin-bottom: 10px; + font-size: 90%; + /* font-style: italic; */ +} +div.ilPrtfSignature { + margin-top: 60px; + border-top: 1px solid black; +} +.ilPrtfMetaInfo { + margin-top: 20px; +} +.ilPrtfMetaInfo td { + padding-left: 20px; +} +.ilPrtfMetaInfo td, +.ilPrtfMetaInfo th { + padding-top: 5px; + vertical-align: top; +} +div.ilPrtfToc { + margin-top: 40px; +} +body.ilPrtfPdfBody { + margin: 0; +} +body.ilPrtfPdfBody > div.ilInvisibleBorder { + padding: 0; + padding-left: 40px; +} +body.ilPrtfPdfBody h1.ilc_PrintPageTitle { + border-bottom: 1px solid #000000; +} +body.ilPrtfPdfBody .ilPCMyCoursesToggle img { + visibility: hidden; +} +/* Services/Awareness */ +.ilAwarenessDropDown .popover { + max-width: 300px; + color: #161616; + min-width: 250px; +} +#awareness-list { + overflow: auto; +} +#awareness-list .dropdown-header { + background-color: #f9f9f9; + margin-bottom: 0px; +} +.ilAwarenessDropDown .popover-content { + padding: 0; +} +.ilAwarenessDropDown .media-body, +.ilAwarenessDropDown .media-left, +.ilAwarenessDropDown .media-right { + display: table-cell; + vertical-align: top; +} +.ilAwarenessDropDown .media-left { + padding-right: 10px; +} +.ilAwarenessDropDown .media { + padding: 10px; +} +#awareness-content .input-group { + display: table; +} +#awareness-content .media:hover { + background-color: #e2e8ef; +} +#awareness-content .glyphicon { + font-size: inherit; +} +#awareness-content .dropdown-menu { + position: static; + float: none; + -webkit-box-shadow: none; + box-shadow: none; +} +#awareness-content .media { + padding: 0; +} +#awareness-content .media-left img { + width: 45px; + height: 45px; +} +.ilAwarenessItem { + border-bottom: 1px solid #dddddd; + background-color: white; +} +.ilAwarenessItem > div[role='button']:focus-visible:focus-visible { + position: relative; + outline: 2px solid #FFFFFF; + outline-offset: 4px; +} +.ilAwarenessItem > div[role='button']:focus-visible:focus-visible::after { + content: " "; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid #FFFFFF; + outline: 3px solid #0078D7; +} +.ilAwarenessItem > div[role='button']:focus-visible:active, +.ilAwarenessItem > div[role='button']:focus-visible.engaged { + outline: none; +} +.ilAwarenessItem ul { + margin: 0; + padding: 0; +} +.ilAwarenessItem ul li { + margin: 0; + padding: 0; +} +#awareness-content .media-body { + white-space: nowrap; + width: auto; +} +#awareness-content .media-body { + padding-top: 8px; +} +#awareness-content .media-body h4, +#awareness-content .media-body p { + color: #161616; + font-size: 12px; + padding: 5px 3px 0 3px; + line-height: 1em; + margin: 0; +} +#awareness-content .media-body h4 { + padding-top: 0px; + font-size: bold; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +#awareness-content .dropdown-menu { + background-color: #f9f9f9; + padding: 10px 0; + font-size: 12px; +} +#awareness-content .dropdown-menu a { + color: #161616; +} +#awareness-content .dropdown-menu a:hover { + color: #000000; +} +#awareness-content .arrow-down { + width: 0; + height: 0; + border-left: 11px solid transparent; + border-right: 11px solid transparent; + border-top: 11px solid white; + margin-top: -10px; + margin-left: 100px; +} +#awareness_trigger { + display: block; +} +#awareness_trigger > span { + display: table-cell; +} +.ilAwarenessItem h3.popover-title { + display: none; +} +.ilAwarenessItem .media { + display: table; + width: 100%; +} +.ilAwarenessItemRow { + display: table-row; + width: 100%; +} +.ilAwarenessItem .media-left { + width: 55px; +} +.ilAwarenessItemRow .media-body { + /* background-image: url('./templates/default/images/scorm/not_attempted.svg'); */ + background-repeat: no-repeat; + background-size: 12px 12px; + background-position: right 10px top 50%; + /* see http://stackoverflow.com/questions/9789723/css-text-overflow-in-a-table-cell */ + /* and bug #18937 */ + /* max-width: 0; */ + width: 100%; +} +.ilAwarenessItemRow .media-body.ilAwarenessOnline { + background-image: url('images/scorm/completed.svg'); +} +.ilAwarenessLoader { + display: block; + margin: 15px auto; + width: 30px; + height: 30px; +} +#il_awrn_filer_btn .glyphicon { + filter: invert(0); + margin-right: 0; + font-family: 'Glyphicons Halflings'; +} +#il_awrn_filer_btn img { + width: 10px; + height: 10px; +} +#awareness-content .ilHighlighted { + background-color: #e2e8ef; + color: #6f6f6f; +} +.ilAwrnBadgeHidden { + visibility: hidden; +} +/* due to bug #17839 */ +#awareness-content .dropdown-backdrop { + display: none; + right: auto; + width: 0px; +} +.ilAwarenessItem > div { + cursor: pointer; +} +[data-onscreenchat-inact-userid] { + opacity: 0.3 !important; +} +.ilOnScreenChatWindowHeaderTooltip ul { + text-align: left; + list-style-type: none; + margin: 0; + padding: 0; +} +#onscreenchat-container { + position: fixed; + bottom: 0; + left: 0; + right: 0; + width: 100%; + /*height: 100px;*/ + overflow: visible; + pointer-events: none; + z-index: 1039; +} +#onscreenchat-container .iosOnScreenChat { + margin-right: -3px; +} +#onscreenchat-container .popover { + max-width: 200px; + min-height: 100px; + word-break: break-word; +} +#onscreenchat-container .popover a { + border: 1px solid white; + padding: 1px 0 1px 2px; +} +#onscreenchat-container .popover a:hover { + border: 1px solid silver; +} +#onscreenchat-container .popover a img { + max-width: 19px; + max-height: 19px; +} +#onscreenchat-container .row { + position: relative; +} +#onscreenchat-container .chat-window-wrapper { + bottom: 0; + padding-left: 5px; + padding-right: 5px; + width: 278px; + height: 377px; + background-color: #f0f0f0; +} +#onscreenchat-container .chat-window-wrapper:last-child { + padding-left: 0; +} +#onscreenchat-container .chat-window-wrapper .chat-img img { + height: 30px; + width: 30px; +} +#onscreenchat-container .chat-window-wrapper li.left .chat-img { + margin-right: 5px; +} +#onscreenchat-container .chat-window-wrapper li.right .chat-img { + margin-left: 5px; +} +#onscreenchat-container .chat-window-wrapper .iosOnScreenChatBodyMsg { + overflow-x: hidden; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} +#onscreenchat-container .chat-window-wrapper .iosOnScreenChatMessageContainer { + background-color: transparent; +} +#onscreenchat-container .chat-window-wrapper .iosOnScreenChatMessageContainer .iosOnScreenChatMessagePlaceholder { + position: absolute; + z-index: 0; + border: 0 none !important; + background-color: transparent; + opacity: 0.5; +} +#onscreenchat-container .chat-window-wrapper .iosOnScreenChatMessageContainer .iosOnScreenChatMessage { + background-color: transparent; + position: relative; + z-index: 1; + white-space: pre-wrap; + user-select: text; + outline: none; + overflow-x: hidden; + height: auto; + min-height: 26px; + max-height: 75px; + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + word-break: break-all; + word-break: break-word; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; + cursor: text; + padding-right: 26px; +} +#onscreenchat-container .chat-window-wrapper .osc_truncate_username { + width: 150px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; +} +#onscreenchat-container .chat-window-wrapper .text-muted-left { + width: 160px; + margin-top: -4px; + text-align: right; +} +#onscreenchat-container .chat-window-wrapper .text-muted-right { + width: 160px; + margin-top: -4px; + text-align: left; +} +#onscreenchat-container .chat-window-wrapper .osc_truncate_username_left { + width: 160px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + margin-bottom: -5px; + text-align: right; +} +#onscreenchat-container .chat-window-wrapper .osc_truncate_username_right { + width: 160px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; +} +#onscreenchat-container .chat-window-wrapper .chat { + list-style: none; + margin: 0; + padding: 0; +} +#onscreenchat-container .chat-window-wrapper .chat li.separator:not(:first-child) { + margin-top: 10px; +} +#onscreenchat-container .chat-window-wrapper .chat li.header:not(:first-child) { + margin-top: 15px; +} +#onscreenchat-container .chat-window-wrapper .chat li { + padding-bottom: 5px; +} +#onscreenchat-container .chat-window-wrapper .chat li.separator { + text-align: center; + background-color: #f9f9f9; +} +#onscreenchat-container .chat-window-wrapper .chat li.separator p { + font-size: 0.9em; +} +#onscreenchat-container .chat-window-wrapper .chat li.header, +#onscreenchat-container .chat-window-wrapper .chat li.message { + padding-left: 15px; + padding-right: 15px; +} +#onscreenchat-container .chat-window-wrapper .chat li.message.right .chat-body { + text-align: justify; + float: right; + max-width: 85%; +} +#onscreenchat-container .chat-window-wrapper .chat li.message.left .chat-body { + text-align: justify; + width: 85%; +} +#onscreenchat-container .chat-window-wrapper .chat li .chat-body .header strong { + font-size: 0.8em; +} +#onscreenchat-container .chat-window-wrapper .chat li .chat-body p { + margin: 0; + color: #777; + font-size: 0.9em; +} +#onscreenchat-container .chat-window-wrapper .panel { + pointer-events: auto; + margin: 0; + border: 1px solid #dcdcdc; +} +#onscreenchat-container .chat-window-wrapper .panel .panel-heading { + font-size: 80%; + display: block; + padding: 5px 5px 5px 15px; + pointer-events: auto; + margin: 0; + vertical-align: middle; +} +#onscreenchat-container .chat-window-wrapper .panel .panel-heading .btn { + padding: 0 4px; +} +#onscreenchat-container .chat-window-wrapper .panel .panel-heading img { + width: 16px; + height: 16px; + vertical-align: sub; +} +#onscreenchat-container .chat-window-wrapper .panel .panel-heading .close { + margin-top: -2px; + margin-left: 5px; +} +#onscreenchat-container .chat-window-wrapper .panel .panel .slidedown .glyphicon, +#onscreenchat-container .chat-window-wrapper .panel .chat .glyphicon { + margin-right: 5px; +} +#onscreenchat-container .chat-window-wrapper .panel .panel-body { + height: auto; + overflow-y: scroll; + position: relative; + height: 250px; + padding-left: 0; + padding-right: 0; + padding-bottom: 0; +} +#onscreenchat-container .chat-window-wrapper .panel .panel-body .fader { + position: -webkit-sticky; + position: sticky; + bottom: 0; + width: 100%; + height: 30px; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%); +} +#onscreenchat-container .chat-window-wrapper .panel .panel-footer { + position: relative; + border-top: none; + padding-top: 15px ; + padding-bottom: 15px; +} +#onscreenchat-container .chat-window-wrapper .iosOnScreenChatEmoticonsPanel { + position: absolute; + float: right; + bottom: 21px; + z-index: 3; + right: 28px; +} +#onscreenchat-container .chat-window-wrapper .iosOnScreenChatEmoticonsPanel > a { + display: block; + height: 14px; + width: 14px; + background: url("images/emoticons_trigger.png") no-repeat; + background-size: cover; + z-index: 1000; +} +.iosOnScreenChatModalBody .ui-menu-item { + padding: 5px; +} +.iosOnScreenChatModalBody .ui-menu-item-wrapper { + cursor: pointer !important; +} +.ilOnScreenChatSearchLoader { + vertical-align: middle; + width: 10px; + height: 10px; + margin-left: 5px; + display: inline-block; +} +.il-deck .il-card .caption div.icon.small { + vertical-align: middle; +} +#tos_documents td.std .dropdown { + display: inline-block; +} +/* Services/UIComponent/Modal */ +.modal-body .jstree li { + overflow: hidden; + text-overflow: ellipsis; +} +.modal-body .jstree a { + display: inline; +} +.modal-content { + color: #161616; +} +/* Services/Badge */ +img.ilBadgeImage { + max-width: 150px; + max-height: 150px; +} +.ilBadgeImageThumbnail a .img-responsive { + max-width: 50px; + max-height: 50px; + display: inline-block; +} +.ilBadgeImageThumbnail .modal .img-responsive { + margin: auto; + width: 50%; + height: auto; +} +div.ilBadgeBackpackPanelContent { + min-height: 200px; +} +div.ilBadgeBackpackPanelContent img { + margin: auto; +} +span.ilProfileBadge { + display: inline-block; + padding: 5px; +} +span.ilProfileBadge > a { + width: 50px; + height: 50px; + display: inline-block; +} +span.ilProfileBadge > a img { + margin: auto; + max-width: 50px; + max-height: 50px; +} +span.ilProfileBadge .modal .img-responsive { + margin: auto; + width: 50%; + height: auto; +} +.ilBadgeDeck .modal .img-responsive { + margin: auto; + width: 50%; + height: auto; +} +/*! + * Datetimepicker for Bootstrap 3 + * version : 4.17.37 + * https://github.com/Eonasdan/bootstrap-datetimepicker/ + */ +/* see variables.less +@bs-datetimepicker-timepicker-font-size: 1.2em; +@bs-datetimepicker-active-bg: @btn-primary-bg; +@bs-datetimepicker-active-color: @btn-primary-color; +@bs-datetimepicker-border-radius: @border-radius-base; +@bs-datetimepicker-btn-hover-bg: @gray-lighter; +@bs-datetimepicker-disabled-color: @gray-light; +@bs-datetimepicker-alternate-color: @gray-light; +@bs-datetimepicker-secondary-border-color: #ccc; +@bs-datetimepicker-secondary-border-color-rgba: rgba(0, 0, 0, 0.2); +@bs-datetimepicker-primary-border-color: white; +@bs-datetimepicker-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +*/ +.bootstrap-datetimepicker-widget { + list-style: none; +} +.bootstrap-datetimepicker-widget.dropdown-menu { + margin: 2px 0; + padding: 4px; + width: 19em; +} +@media (min-width: 768px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} +@media (min-width: 992px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} +@media (min-width: 1200px) { + .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { + width: 38em; + } +} +.bootstrap-datetimepicker-widget.dropdown-menu:before, +.bootstrap-datetimepicker-widget.dropdown-menu:after { + content: ''; + display: inline-block; + position: absolute; +} +.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: rgba(0, 0, 0, 0.2); + top: -7px; + left: 7px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid white; + top: -6px; + left: 8px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.top:before { + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-top: 7px solid #ccc; + border-top-color: rgba(0, 0, 0, 0.2); + bottom: -7px; + left: 6px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.top:after { + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 6px solid white; + bottom: -6px; + left: 7px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { + left: auto; + right: 6px; +} +.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { + left: auto; + right: 7px; +} +.bootstrap-datetimepicker-widget .list-unstyled { + margin: 0; +} +.bootstrap-datetimepicker-widget a[data-action] { + padding: 6px 0; +} +.bootstrap-datetimepicker-widget a[data-action]:active { + -webkit-box-shadow: none; + box-shadow: none; +} +.bootstrap-datetimepicker-widget .timepicker-hour, +.bootstrap-datetimepicker-widget .timepicker-minute, +.bootstrap-datetimepicker-widget .timepicker-second { + width: 54px; + font-weight: bold; + font-size: 1.2em; + margin: 0; +} +.bootstrap-datetimepicker-widget button[data-action] { + padding: 6px; +} +.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Increment Hours"; +} +.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Increment Minutes"; +} +.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Decrement Hours"; +} +.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Decrement Minutes"; +} +.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Show Hours"; +} +.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Show Minutes"; +} +.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Toggle AM/PM"; +} +.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Clear the picker"; +} +.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Set the date to today"; +} +.bootstrap-datetimepicker-widget .picker-switch { + text-align: center; +} +.bootstrap-datetimepicker-widget .picker-switch::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Toggle Date and Time Screens"; +} +.bootstrap-datetimepicker-widget .picker-switch td { + padding: 0; + margin: 0; + height: auto; + width: auto; + line-height: inherit; +} +.bootstrap-datetimepicker-widget .picker-switch td span { + line-height: 2.5; + height: 2.5em; + width: 100%; +} +.bootstrap-datetimepicker-widget table { + width: 100%; + margin: 0; +} +.bootstrap-datetimepicker-widget table td, +.bootstrap-datetimepicker-widget table th { + text-align: center; + border-radius: 0px; +} +.bootstrap-datetimepicker-widget table th { + height: 20px; + line-height: 20px; + width: 20px; +} +.bootstrap-datetimepicker-widget table th.picker-switch { + width: 145px; +} +.bootstrap-datetimepicker-widget table th.disabled, +.bootstrap-datetimepicker-widget table th.disabled:hover { + background: none; + color: #737373; + cursor: not-allowed; +} +.bootstrap-datetimepicker-widget table th.prev::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Previous Month"; +} +.bootstrap-datetimepicker-widget table th.next::after { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; + content: "Next Month"; +} +.bootstrap-datetimepicker-widget table thead tr:first-child th { + cursor: pointer; +} +.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { + background: #e2e8ef; + color: #000000; +} +.bootstrap-datetimepicker-widget table td { + height: 54px; + line-height: 54px; + width: 54px; +} +.bootstrap-datetimepicker-widget table td.cw { + font-size: 0.8em; + height: 20px; + line-height: 20px; + color: #737373; +} +.bootstrap-datetimepicker-widget table td.day { + height: 20px; + line-height: 20px; + width: 20px; +} +.bootstrap-datetimepicker-widget table td.day:hover, +.bootstrap-datetimepicker-widget table td.hour:hover, +.bootstrap-datetimepicker-widget table td.minute:hover, +.bootstrap-datetimepicker-widget table td.second:hover { + background: #e2e8ef; + color: #000000; + cursor: pointer; +} +.bootstrap-datetimepicker-widget table td.old, +.bootstrap-datetimepicker-widget table td.new { + color: #737373; +} +.bootstrap-datetimepicker-widget table td.today { + position: relative; +} +.bootstrap-datetimepicker-widget table td.today:before { + content: ''; + display: inline-block; + border: solid transparent; + border-width: 0 0 7px 7px; + border-bottom-color: #557b2e; + border-top-color: rgba(0, 0, 0, 0.2); + position: absolute; + bottom: 4px; + right: 4px; +} +.bootstrap-datetimepicker-widget table td.active, +.bootstrap-datetimepicker-widget table td.active:hover { + background-color: #557b2e; + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.bootstrap-datetimepicker-widget table td.active.today:before { + border-bottom-color: white; +} +.bootstrap-datetimepicker-widget table td.disabled, +.bootstrap-datetimepicker-widget table td.disabled:hover { + background: none; + color: #737373; + cursor: not-allowed; +} +.bootstrap-datetimepicker-widget table td span { + display: inline-block; + width: 54px; + height: 54px; + line-height: 54px; + margin: 2px 1.5px; + cursor: pointer; + border-radius: 0px; +} +.bootstrap-datetimepicker-widget table td span:hover { + background: #e2e8ef; + color: #000000; +} +.bootstrap-datetimepicker-widget table td span.active { + background-color: #557b2e; + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} +.bootstrap-datetimepicker-widget table td span.old { + color: #737373; +} +.bootstrap-datetimepicker-widget table td span.disabled, +.bootstrap-datetimepicker-widget table td span.disabled:hover { + background: none; + color: #737373; + cursor: not-allowed; +} +.bootstrap-datetimepicker-widget.usetwentyfour td.hour { + height: 27px; + line-height: 27px; +} +.bootstrap-datetimepicker-widget.wider { + width: 21em; +} +.bootstrap-datetimepicker-widget .datepicker-decades .decade { + line-height: 1.8em !important; +} +.input-group.date .input-group-addon { + cursor: pointer; + border: 1px solid #757575; +} +.input-group.date .input-group-addon:last-child { + border-left: 0; +} +.il-orgunit .multi_icons_wrapper { + display: inline-block; + vertical-align: bottom; + float: right; +} +.il-orgunit .multi_icon { + display: inline-block; +} +.il-orgunit .multi_input_line { + border-top: 1px solid #EDEDED; + padding-top: 10px; +} +.il-orgunit .multi_input_line:nth-child(2) { + border-top: none; + padding-top: 0; +} +.il-orgunit .multi_input_line .input { + display: inline-block; + border: none; + vertical-align: top; +} +#il_expl2_jstree_cont_orgu_explorer img { + width: 16px; + height: 16px; +} +.multi_icons_wrapper { + display: inline-block; + vertical-align: bottom; + float: right; +} +.multi_icon { + display: inline-block; +} +.multi_input_line { + border-top: 1px solid #EDEDED; + padding-top: 10px; +} +.multi_input_line:nth-child(2) { + border-top: none; + padding-top: 0; +} +.multi_input_line .input { + display: inline-block; + border: none; + vertical-align: top; +} +/* BEGIN LTIConsumer */ +#ltiLoadingAnimation { + padding-top: 50px; + text-align: center; +} +#ltiIframe { + border: solid #7c7c7c 2px !important; + padding: 3px; + width: 100%; + height: 500px; +} +/* END LTIConsumer */ +.ilLike { + padding: 5px 0px; + text-align: right; +} +.ilLike .modal { + text-align: left; +} +.ilLike .modal .glyphicon { + font-size: 160%; +} +.ilLike .badge { + margin-left: -7px; + top: 7px; +} +.ilLike .glyphicon { + font-size: 130%; +} +.ilLike .il-counter-spacer { + margin-left: 0px; + font-size: 9px; + padding: 0; + visibility: hidden; +} +.ilLike a { + display: inline-block; + /* padding: 2px 4px; */ +} +.ilLike a:hover { + text-decoration: none; +} +.ilLikeEmoticons { + padding: 0; +} +.ilLikeEmoticons a { + display: inline-block; + font-size: 140%; + padding: 4px; +} +.ilLikeEmoticons a:hover { + text-decoration: none; + /*background-color: @il-highlight-bg;*/ + background-color: #F0F0F0; +} +.ilLike .il-item img { + max-width: 50%; + float: right; +} +.ilLSOLearnerView { + /*ILIAS-GUI, "startpage" of LSO*/ +} +.ilLSOLearnerView .il-workflow-step-label, +.ilLSOLearnerView .il-workflow-step-label .btn { + color: #161616 !important; + cursor: default !important; + text-decoration: none !important; +} +.ilLSOKioskModeObjectHeader .il_HeaderInner { + padding-bottom: 5px; +} +.ilLSOKioskModeNavigation { + margin-bottom: 10px; + background-color: #f9f9f9; +} +.ilLSOKioskModeNavigation .navbar-form { + line-height: 25px; +} +.ilLSOKioskModeContent .panel-primary .panel-heading { + display: none; +} +.ilLearningHistoryShowMore { + text-align: center; +} +.ilPCLearnHist { + background-color: #f0f0f0; + padding: 3px 8px; +} +/* ilPreview classes */ +.il_ContainerItemPreview { + font-size: 11px; + margin-left: 10px; +} +.ilPreviewList { + margin: 0; + padding: 0; + list-style: none; +} +.ilPreviewItem { + display: block; + margin: 0; + padding: 0; +} +.ilPreviewItem img { + border: 1px solid #D6D6D6; + -webkit-box-shadow: 0 0 5px #D2D5D8; + box-shadow: 0 0 5px #D2D5D8; +} +.ilPreviewText { + font-size: 90%; + margin-top: -20px; + color: #2c2c2c; +} +.ilPreviewTextLoading { + width: 14px; + height: 14px; + background: transparent url("images/loader.svg") no-repeat 0 0; + display: none; +} +.ilPreviewActions a.submit, +.ilPreviewActions a.submit:hover { + margin-top: 5px; +} +.ilPreviewActions a.ilPreviewActionHidden { + display: none; +} +.ilPreviewStatusNone { + filter: alpha(opacity=60); + -moz-opacity: 0.6; + opacity: 0.6; +} +/* tooltip */ +#qtip-preview { + max-width: none; + min-width: 50px; + line-height: normal; + -webkit-box-shadow: rgba(0, 0, 0, 0.47) 0 0 7px 0; + box-shadow: rgba(0, 0, 0, 0.47) 0 0 7px 0; + background-color: white; + border-collapse: separate; + font-size: 14px; + padding: 0; + border: 1px solid #D1D1D1; +} +#qtip-preview .qtip-titlebar { + background: white; + padding: 14px 20px 10px 20px; +} +#qtip-preview .qtip-content { + background: white; + padding: 0 20px 20px; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; +} +#qtip-preview .qtip-title { + background: transparent; + font-weight: normal; +} +#qtip-preview .qtip-close { + right: 20px; + top: 14px; + margin-top: 0; + border: 0; + border-radius: 0; + background: transparent url("images/preview_close.png") no-repeat 0 0; + width: 16px; + height: 16px; +} +#qtip-preview .qtip-close:hover { + background-position-x: -16px; +} +#qtip-preview .ui-icon-close { + display: none; +} +.ilPreviewTooltipContent { + position: relative; + background: #F8F8F8; + border: 1px solid #E9E9E9; + padding: 0; +} +.ilPreviewTooltipContent .ilPreviewList { + display: block; + padding: 10px; + text-align: center; + margin: 0 20px; + box-sizing: content-box; +} +.ilPreviewTooltipPrev { + position: absolute; + background: transparent url("images/preview_arrows.png") no-repeat 0 0; + width: 30px; + height: 40px; + left: 0; + top: 50%; + margin-top: -25px; + cursor: pointer; +} +.ilPreviewTooltipPrev:hover { + background-position-x: -30px; +} +.ilPreviewTooltipPrev.ilPreviewDisabled { + opacity: 0.4; + cursor: default; + background-position-x: -60px; +} +.ilPreviewTooltipNext { + position: absolute; + background: transparent url("images/preview_arrows.png") no-repeat 0 -40px; + width: 30px; + height: 40px; + right: 0; + top: 50%; + margin-top: -25px; + cursor: pointer; +} +.ilPreviewTooltipNext:hover { + background-position-x: -30px; +} +.ilPreviewTooltipNext.ilPreviewDisabled { + opacity: 0.4; + cursor: default; + background-position-x: -60px; +} +/* inline */ +.ilPreviewInline { + overflow: hidden; + width: 100%; +} +.ilPreviewInlineTable { + /* width: 100%; //provisory fix for #12096 */ + display: table; + table-layout: fixed; + margin: 0; + padding: 0; +} +.ilPreviewInlineRow { + display: table-row; + margin: 0; + padding: 0; +} +.ilPreviewInlineCell { + display: table-cell; + margin: 0; + padding: 0; +} +.ilPreviewInlineContent { + overflow: auto; +} +.ilPreviewInlineContent .ilPreviewList { + padding: 0 0 5px 0; + white-space: nowrap; + display: inline-block; +} +.ilPreviewInlineContent .ilPreviewItem { + display: inline-block; + margin: 0 10px 0 0; +} +.ilPreviewInlineContent .ilPreviewItem img { + -webkit-box-shadow: none; + box-shadow: none; +} +.ilPreviewInlineContent .ilPreviewText { + font-size: 100%; + margin-top: 0; +} +.webdav-view-control { + text-align: center; + padding: 5px; +} +/* former ta.css */ +.kiosk { + padding: 2em; + background-color: #fafafa; +} +.fullwidth_invisible { + background-color: transparent !important; +} +.feedback { + /* border: 1px solid gray;*/ + padding: 4px; + display: block; + background: #EEEEEE; +} +.centermessage { + width: 25em; + margin-left: auto; + margin-right: auto; + font-weight: bold; + font-size: 150%; +} +.col2 { + width: 100%; + float: left; +} +.rcol { + width: 50%; + float: right; +} +.lcol { + width: 50%; + float: left; +} +.participant.solution { + padding: 5px; + width: 50%; + overflow-x: auto; +} +.lcol.participant { + width: 49%; + overflow-x: auto; +} +.rcol.solution { + width: 49%; + overflow-x: auto; + padding: 5px; + background: #E2FFC7; + /* Fallback IE 6-8 */ + background: rgba(226, 255, 199, 0.4); +} +#kioskOptions { + clear: both; + overflow: hidden; + width: 100%; + border-top: 1px #aaa solid; + border-bottom: 1px #aaa solid; + margin-bottom: 1em; + padding: 1em 0; +} +#kioskTestTitle { + float: left; + width: 50%; +} +#kioskParticipant { + float: right; + text-align: right; + width: 50%; +} +.print { + visibility: hidden; +} +.ilTstWorkingFormBlock_WorkingTime { + text-align: center; + clear: both; +} +.ilTstWorkingFormInfo_UserWorkingTime { + visibility: hidden; + display: none; +} +.ilTstWorkingFormInfo_ProcessTimeLeft { + font-size: 200%; + font-weight: bold; +} +.ilTstQuestionSummaryBlock_WorkingTime { + clear: both; +} +div.ilc_Question { + padding-left: 20px; + margin-top: 10px; + margin-bottom: 10px; +} +.testSheet { + background: #EEEEEE; + border-spacing: 1px; + border: 1px outset #BBBBBB; + margin: 5px; + padding: 2em; +} +.questionTitle { + margin-top: 5px; + margin-bottom: 5px; + font-size: 140%; + padding-bottom: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; + border-color: #000000; +} +.ilTestQuestionRelatedObjectivesInfo { + font-size: 0.7em; + font-style: italic; + margin: 5px 0; +} +.questionPrintview { + border: 1px solid #C0C0C0; + padding: 0.25em; + margin-top: 1em; +} +.solutionbox { + color: black; + background-color: white; + padding-left: 5px; + padding-right: 5px; + border-style: inset; + border-width: 1px; +} +td.middle { + color: #000000; + background-color: inherit; + border-spacing: 0px; + border: none; + padding: 3px; + vertical-align: middle; +} +td.top { + color: #000000; + background-color: inherit; + border-spacing: 0px; + border: none; + padding: 3px; + vertical-align: top; +} +/* --- Test tool javascript styles --- */ +span.nowrap { + white-space: nowrap; +} +div.termtext { + width: 200px; + height: 100px; + border: 1px solid #000000; + background-color: #F1F1F1; + color: #222222; + padding: 10px; + vertical-align: middle; + border-style: outset; + text-align: center; +} +div.dropzone { + width: 220px; + height: 120px; + border: 1px solid #000000; + background-color: #FFE4E4; + color: #222222; + padding: 10px; + vertical-align: middle; + border-style: dotted; + text-align: center; +} +div.textboximage { + width: 200px; + height: 80px; + border: 1px solid #000000; + background: #DDDDDD; + padding: 10px; + vertical-align: middle; + border-style: outset; + text-align: center; +} +div.imagebox { + width: 200px; + height: 100px; + border: 1px solid #000000; + background-color: #F1F1F1; + color: #222222; + padding: 10px; + vertical-align: middle; + border-style: outset; + text-align: center; + z-index: 200; +} +div.textbox { + width: 200px; + height: 100px; + border: 1px solid #000000; + background-color: #F1F1F1; + color: #222222; + padding: 10px; + vertical-align: middle; + border-style: outset; + text-align: center; + z-index: 200; +} +#filterpanel { + text-align: right; +} +.filteractive { + background-color: #f7face; + border: 1px #d48110 solid; +} +.filterinactive { + background-color: #fff; +} +.manfeedback .toggle-button { + padding-left: 20px; + background: transparent url(images/del_sprite_arrows.gif) 3px -318px no-repeat; + cursor: pointer; +} +.manfeedback .yes { + padding-left: 20px; + background: transparent url(images/del_sprite_arrows.gif) 3px -359px no-repeat; + cursor: pointer; +} +.manfeedback .off { + padding-left: 20px; + background: none; + cursor: default; +} +div.odd { + padding: 0.5em 0; +} +div.even { + padding: 0.5em 0; +} +div.last { + border-bottom: none; +} +table.imagemapareas tr, +table.kvpwizard tr, +table.matchingwizard tr, +table.matchingpairwizard tr, +table.errortextwizard tr, +table.singlechoicewizard tr, +table.multiplechoicewizard tr { + vertical-align: top; +} +table.imagemapareas th, +table.kvpwizard th, +table.matchingwizard th, +table.matchingpairwizard th, +table.errortextwizard th, +table.singlechoicewizard th, +table.multiplechoicewizard th, +table.kprimchoicewizard th { + vertical-align: top; +} +table.kprimchoicewizard th.true, +table.kprimchoicewizard th.false { + padding: 5px 5px; +} +table.kprimchoicewizard td.correctness { + vertical-align: top; + text-align: center; +} +table.kprimchoicewizard th { + font-size: 90%; + font-weight: bold; + text-align: center; +} +table.kprimchoicewizard { + margin-bottom: 15px; +} +table.kprimchoicewizard td { + padding-top: 15px; +} +div.ilAssKprimChoiceTable div.optionLabel, +table.kprimchoicewizard th.optionLabel { + background-color: lightgrey; +} +table.ilAssKprimChoiceTable tr.aggregaterow td { + border-bottom: solid lightgrey 1px; +} +table.ilAssKprimChoiceTable tr.aggregaterow td.answer_frequency { + text-align: right; +} +table.il_tst_answer_aggregation { + border-collapse: collapse; +} +table.il_tst_answer_aggregation td, +table.il_tst_answer_aggregation th { + padding: 5px 15px; +} +table.il_tst_answer_aggregation th { + background-color: lightgrey; +} +table.il_tst_answer_aggregation td { + border-bottom: solid lightgrey 1px; +} +table.il_tst_answer_aggregation td.answer_option { + font-style: italic; +} +table.il_tst_answer_aggregation td.answer_frequency { + text-align: right; +} +#tst_output { + clear: both; + overflow: hidden; + width: 100%; + float: left; +} +#tst_left { + float: left; + width: 0%; +} +#tst_left h1 { + font-size: 110%; + font-weight: bold; +} +#tst_right { + float: right; + width: 100%; +} +.question_description { + font-style: italic; + font-size: 90%; +} +ul.shortlist { + list-style-type: none; + padding: 0; +} +/* fau: testNav - icon for answered/unanswered questions in shortlist */ +ul.shortlist li { + padding: 0 0 6px 15px; + background-repeat: no-repeat; + background-size: 10px; + background-position: 0px 5px; +} +ul.shortlist li.answered { + background-image: url('../../../../templates/default/images/answered.svg'); +} +ul.shortlist li.unanswered { + background-image: url('../../../../templates/default/images/answered_not.svg'); +} +/* fau. */ +ul.shortlist li.active { + font-weight: bold; +} +ul.shortlist li.listEntry a { + text-decoration: none; + color: #0033AA; +} +ul.shortlist li.listEntry a:hover { + text-decoration: underline; +} +.number { + text-align: right; +} +.errortext a:link, +.errortext a:visited { + text-decoration: none; + color: #000; + padding: 0 2px; + line-height: 1.5em; +} +.errortext a:hover { + background-color: #ddd; +} +.ilc_qetitem_ErrorTextSelected { + background-color: #9bd9fe; + border: 1px #666 solid; +} +.selGroup { + border: 2px #9bd9fe solid; + padding: 3px 2px; + margin-right: 2px; +} +.questionpool_info { + padding: 0.4em; + margin-top: 0.4em; +} +.questionpool_title { + font-weight: bold; +} +td.matching { + vertical-align: middle; +} +div.term { + display: inline; + padding: 0.5em 1em; + float: left; +} +.solutiontable td { + padding: 0 1em; +} +span.result { + font-style: italic; +} +div.ilc_Page.readonly div.ilc_question_Standard { + background-color: #f3f3f3; + background-image: url(../../../../templates/default/images/qmark-ro.svg); +} +ul.ilAssQuestionRelatedNavigationContainer, +div.ilAssQuestionRelatedNavigationContainer { + margin: 15px 0; + float: none; +} +ul.ilAssQuestionRelatedNavigationContainer div.navbar { + padding-right: 12px; + min-height: unset; + margin-bottom: 10px; +} +div.tstModalConfirmationText { + margin-bottom: 20px; +} +div.tstModalConfirmationButtons a, +div.tstModalConfirmationButtons input { + margin-right: 20px; +} +div.ilTestOutputBlock_DynTestFinished { + background-color: #FAFAFA; + padding: 100px; +} +a.il_question_answer_list_back_anchor { + float: right; + font-size: 0.7em; + margin-right: 3px; +} +.ilCenterForced { + text-align: center !important; +} +tr.ilBorderlessRow { + margin-right: 20px; +} +td.ilAssQuestSkillAssignQuestTitle div { + margin-right: 20px; +} +.ilAssQuestionLacExprWizard td, +.ilAssQuestionLacExprWizard th { + padding-right: 10px; +} +a.il_participant_block_back_anchor, +a.il_question_answer_list_back_anchor { + float: right; + margin-right: 3px; +} +a.il_question_answer_list_back_anchor { + font-size: 0.7em; +} +.test_specific_feedback td:first-child { + padding-right: 1em; + font-style: italic; + font-weight: bold; +} +.test_specific_feedback td:last-child p:first-child { + margin-top: 0; +} +p.ilAssKprimInstruction, +p.ilAdditionalAssQuestionInstruction { + font-style: italic; + font-size: 0.9em; + margin: 5px 0 15px 0 !important; +} +table.kprimchoicewizard th.optionLabel { + font-size: 1.1em; +} +table.imagemapareas tr.active-area, +table.imagemapareas tr.active-area td { + background-color: #fdfabb !important; +} +/* fau: testNav - added and changed styles */ +td.ilc_Page { + padding: 15px; +} +.ilTestQuestionSubtitleBlocks { + margin-top: -12px; +} +.ilTestMarkQuestionIcon { + width: 12px; + height: 12px; +} +.ilTestAnswerStatusIcon { + display: inline-block; + width: 12px; + height: 12px; + margin-top: -3px; +} +.ilTestQuestionAction.disabled a { + color: #b0b0b0 !important; +} +/* fau. */ +div.ilAssClozeTest { + line-height: 2.5em; +} +div.ilAssClozeTest input { + line-height: 1.25em; +} +div.ilc_Page.readonly img.imagemap, +div.ilc_Page.readonly div.filesContainer, +div.ilc_Page.readonly div.filesContainer a, +div.ilc_Page.readonly div.uploadContainer input, +div.ilc_Page.readonly div.ilAssErrorText span, +div.ilc_Page.readonly input[disabled], +div.ilc_Page.readonly select[disabled], +div.ilc_Page.readonly textarea[disabled] { + pointer-events: all !important; + cursor: not-allowed !important; +} +.tstAutosaveMsg { + font-style: italic; + border: 1px #666 solid; + background-color: #ffffe0; + position: fixed; + z-index: 99999999999; + top: 0; + left: 0; +} +.textarea { + cursor: not-allowed !important; + border: 1px solid #a9a9a9; + padding: 2px; + background-color: #ebebe4; + min-height: 200px; +} +.ilSpecificAnswerFeedback td:first-child { + padding-right: 30px; +} +.ilc_question_MultipleChoice .ilc_qanswer_Answer > div { + vertical-align: top; +} +.ilc_question_SingleChoice .ilc_qanswer_Answer > div { + vertical-align: top; +} +.noMargin { + margin: 0; +} +div.editLink { + padding-right: 1em; +} +[dir="rtl"] div.editLink { + padding-right: 0; + padding-left: 1em; +} +img[src$="icon_checked.svg"] { + height: 11px; + margin: 0 6px 0 5px; + opacity: 0.5; + width: 11px; +} +[dir="rtl"] img[src$="icon_checked.svg"] { + margin: 0 5px 0 6px; +} +.glyphicon-ok { + font-size: 11px; + text-align: center; +} +.pdMailRow .imageSpace { + margin-left: 40px; +} +.pdMailRow > img { + margin: 2px 0; + max-width: 30px; +} +[dir="rtl"] .pdMailRow .imageSpace { + margin-left: 0; + margin-right: 40px; +} +[dir="rtl"] .radio label, +[dir="rtl"] .checkbox label { + padding-left: 0; + padding-right: 20px; +} +[dir="rtl"] .radio input[type="radio"], +[dir="rtl"] .radio-inline input[type="radio"], +[dir="rtl"] .checkbox input[type="checkbox"], +[dir="rtl"] .checkbox-inline input[type="checkbox"] { + margin-left: 0; + margin-right: -20px; +} +.il_InfoScreenSection { + padding: 10px 10px 0; +} +.il_InfoScreenSection > .ilFloatRight { + padding-bottom: 4px; + padding-right: 4px; +} +[dir="rtl"] .il_InfoScreenSection > .ilFloatRight { + padding-right: 0; + padding-left: 4px; +} +.yui-panel-container { + color: #161616; +} +.mceEditor, +.mceLayout { + width: 100% !important; +} +table.mceLayout { + table-layout: fixed; +} +.mceIframeContainer iframe { + max-width: 100%; +} +table.mceToolbar { + table-layout: fixed; + display: inline-block; + float: left; + height: auto !important; + max-width: 100%; +} +table.mceToolbar tbody, +table.mceToolbar tr, +table.mceToolbar td { + display: inline-block; + white-space: normal !important; +} +.alert > a { + text-decoration: underline; +} +.alert > a.btn { + text-decoration: none; +} +.code-container { + display: grid; +} +@media only screen and (max-width: 768px) { + div.ilGoogleMap { + max-width: 100%; + } +} +@media only screen and (max-width: 768px) { + .navbar-nav { + margin: 7.5px 0px; + } +} +.yui-skin-sam.form-inline .form-control { + vertical-align: top; +} +.yui-skin-sam .yui-button button { + line-height: 23px; + min-height: 23px; +} +/* basic responsiveness (beta) + no more specific section. no more delos_sm.less data (treated as bug) + "Responsive" code has to be inserted like: + .myClass { + ... + @media only screen and (max-width: @grid-float-breakpoint-max) { + ... + } + } +*/ +/* print css */ +@media print { + * { + /* see bug 0022342 */ + /* text-shadow: none !important; + color: black !important; // Black prints faster: h5bp.com/s + background: transparent !important; + box-shadow: none !important; */ + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #757575; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: white !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: white !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: black !important; + } + .label { + border: 1px solid black; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #dddddd !important; + } + #ilTopBar, + .osdNotificationContainer, + .ilMainHeader, + .ilMainMenu, + .ilTreeView, + .btn, + #ilTab, + #ilSubTab, + #minheight, + #ilFooter { + display: none; + } + #mainspacekeeper { + padding: 0; + } + .ilLeftNavSpace { + margin-left: 0 !important; + } + div.ilTabContentOuter { + border: none; + } + div.ilFileDropTargetOverlay { + display: none; + } + a[href]:after { + content: ""; + } +} +.read-more-state { + display: none; +} +.read-more-target { + opacity: 0; + max-height: 0; + font-size: 0; + transition: 0.25s ease; +} +.read-more-state:checked ~ .read-more-wrap .read-more-target { + opacity: 1; + font-size: inherit; + max-height: 999em; +} +.read-more-state ~ .read-more-trigger:before { + content: 'Show more'; +} +.read-more-state:checked ~ .read-more-trigger:before { + content: 'Show less'; +} +.read-more-trigger { + cursor: pointer; + display: inline-block; + padding: 0 0.5em; + color: #737373; + font-size: 0.9em; + line-height: 2; + border: 1px solid #dddddd; + border-radius: 0.25em; +} diff --git a/Docs/images/NoteFix_01.png b/Docs/images/NoteFix_01.png new file mode 100644 index 0000000..949a8b7 Binary files /dev/null and b/Docs/images/NoteFix_01.png differ diff --git a/Resources/ChangeLog.html b/Resources/ChangeLog.html index e72ffbf..b2fd61b 100644 --- a/Resources/ChangeLog.html +++ b/Resources/ChangeLog.html @@ -1,6 +1,6 @@ WebDoorCreator - Egalware -

Version: 0.9.2306.0608

+

Version: 0.9.2401.0415


Release note: diff --git a/WebDoorCreator.UI/Areas/Identity/Pages/Account/Register.cshtml b/WebDoorCreator.UI/Areas/Identity/Pages/Account/Register.cshtml index ce60103..0ba0e00 100644 --- a/WebDoorCreator.UI/Areas/Identity/Pages/Account/Register.cshtml +++ b/WebDoorCreator.UI/Areas/Identity/Pages/Account/Register.cshtml @@ -19,7 +19,7 @@
- +
Powered BY
diff --git a/WebDoorCreator.UI/Areas/Identity/Pages/Account/ResendEmailConfirmation.cshtml b/WebDoorCreator.UI/Areas/Identity/Pages/Account/ResendEmailConfirmation.cshtml index 7552d63..a06537e 100644 --- a/WebDoorCreator.UI/Areas/Identity/Pages/Account/ResendEmailConfirmation.cshtml +++ b/WebDoorCreator.UI/Areas/Identity/Pages/Account/ResendEmailConfirmation.cshtml @@ -17,7 +17,7 @@
- +
Powered BY
diff --git a/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor b/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor index 373e96e..3396534 100644 --- a/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor +++ b/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor @@ -1,13 +1,11 @@ 
@if (B_doorOpUpd || true) { - - @**@ + @if (IsErr) { - @**@ } } else diff --git a/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor.cs b/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor.cs index 8f8ba3a..96f07a4 100644 --- a/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor.cs +++ b/WebDoorCreator.UI/Components/Buttons/ButtonsDoorDef.razor.cs @@ -80,7 +80,7 @@ namespace WebDoorCreator.UI.Components.Buttons { await Task.Delay(1); await QDataServ.ResetQueue(); - await doSave(); + await refreshSVG(); } /// @@ -92,11 +92,28 @@ namespace WebDoorCreator.UI.Components.Buttons await Task.Delay(1); } + protected override void OnInitialized() + { + base.OnInitialized(); + string vers = config.GetValue("ConfDDF:VersNumber"); + bool remDoorOp = config.GetValue("ConfDDF:RemoveDoorOps"); + var headRows = config.GetSection("ConfDDF:Header").Get>(); + var footRows = config.GetSection("ConfDDF:Footer").Get>(); + currDdfConv = new WebDoorCreator.Data.DDF.Converter(vers, remDoorOp, headRows, footRows); + WDCRService.EA_UpdDoorOp += WDCRService_EA_UpdDoorOp; + } + + protected override async Task OnParametersSetAsync() + { + showModal = false; + await Task.Delay(1); + } + /// - /// Effettua salvataggio record e generazione DDF + /// Effettua generazione DDF + refresh SVG /// /// - protected async Task doSave() + protected async Task refreshSVG() { List? listOpAll = await WDCService.DoorOpGetByDoorId(idDoor); if (listOpAll != null) @@ -104,7 +121,7 @@ namespace WebDoorCreator.UI.Components.Buttons List listOp = listOpAll.Where(x => x.userConfirm != "" && x.DtConfirm != null).ToList(); if (listOp != null) { - // chiamo metodo x avewre DDF serializzato + // chiamo metodo x avere DDF serializzato var CurrentCompoOrder = await WDCService.ListValuesGetAll("*", "Hardware"); if (CurrentCompoOrder != null) { @@ -134,23 +151,6 @@ namespace WebDoorCreator.UI.Components.Buttons await InvokeAsync(StateHasChanged); } - protected override void OnInitialized() - { - base.OnInitialized(); - string vers = config.GetValue("ConfDDF:VersNumber"); - bool remDoorOp = config.GetValue("ConfDDF:RemoveDoorOps"); - var headRows = config.GetSection("ConfDDF:Header").Get>(); - var footRows = config.GetSection("ConfDDF:Footer").Get>(); - currDdfConv = new WebDoorCreator.Data.DDF.Converter(vers, remDoorOp, headRows, footRows); - WDCRService.EA_UpdDoorOp += WDCRService_EA_UpdDoorOp; - } - - protected override async Task OnParametersSetAsync() - { - showModal = false; - await Task.Delay(1); - } - #endregion Protected Methods #region Private Properties diff --git a/WebDoorCreator.UI/Components/CompMan/CompanyList.razor b/WebDoorCreator.UI/Components/CompMan/CompanyList.razor index 32dcac7..95119ed 100644 --- a/WebDoorCreator.UI/Components/CompMan/CompanyList.razor +++ b/WebDoorCreator.UI/Components/CompMan/CompanyList.razor @@ -4,7 +4,9 @@ } else { - + + +
- - + + @if (!isTplPage) + { + + + + } - - - - + + @if (!isTplPage) + { + + + + } @@ -28,28 +36,133 @@ else { - - + + + @if (!isTplPage) + { + + + + + } - - - + @if (!isTplPage) + { + + + + }
diff --git a/WebDoorCreator.UI/Components/DoorDef/DoorDefOrderTopRow.razor.cs b/WebDoorCreator.UI/Components/DoorDef/DoorDefOrderTopRow.razor.cs index 9a45522..2516b8a 100644 --- a/WebDoorCreator.UI/Components/DoorDef/DoorDefOrderTopRow.razor.cs +++ b/WebDoorCreator.UI/Components/DoorDef/DoorDefOrderTopRow.razor.cs @@ -68,7 +68,7 @@ namespace WebDoorCreator.UI.Components.DoorDef return; await Task.Delay(1); - NavManager.NavigateTo($"OrdersHomePage?idOrd={currOrderStatus.OrderId}"); + NavManager.NavigateTo($"OrdersHomePage?idOrd={currOrderStatus?.OrderId}"); } } } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor b/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor index e4a0cd7..b748fba 100644 --- a/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor +++ b/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor @@ -22,14 +22,22 @@ else
@translate(item.Key)
- + @if (orderStatus == 10 || orderStatus == 10000) + { + + + } + else + { + + } } else @@ -38,7 +46,14 @@ else
@translate(item.Key)
- + @if (orderStatus == 10 || orderStatus == 10000) + { + + } + else + { + + } } } diff --git a/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor.cs b/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor.cs index 4fa1c07..4cff18e 100644 --- a/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor.cs +++ b/WebDoorCreator.UI/Components/DoorDef/DoorDefSizingSI.razor.cs @@ -36,6 +36,8 @@ namespace WebDoorCreator.UI.Components.DoorDef [CascadingParameter] public string userId { get; set; } = ""; + [CascadingParameter(Name = "orderStatus")] + public int orderStatus { get; set; } = 10; #endregion Public Properties diff --git a/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor b/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor index 3574ae0..8313f8c 100644 --- a/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor +++ b/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor @@ -10,25 +10,23 @@ - @if (orderStatus != null) - { - } - @if (currDefStep == 10) - { - @if (ListBaseDoorOp != null) + + @if (currDefStep == 10) { - - + @if (ListBaseDoorOp != null) + { + + } } - } - else if (currDefStep == 20) - { - - } - else if (currDefStep == 30) - { - - } + else if (currDefStep == 20) + { + + } + else if (currDefStep == 30) + { + + } + diff --git a/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor.cs b/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor.cs index a482d25..eeeabd7 100644 --- a/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor.cs +++ b/WebDoorCreator.UI/Components/DoorDef/DoorDefinition.razor.cs @@ -16,7 +16,7 @@ namespace WebDoorCreator.UI.Components.DoorDef public void Dispose() { ListBaseDoorOp = null; - orderStatus = null; + currOrder = null; WDCUService.EA_CurrLanguage -= WDUService_EA_CurrLanguage; QDataServ.CalcDonePipe.EA_NewMessage -= CalcDonePipe_EA_NewMessage; } @@ -43,7 +43,7 @@ namespace WebDoorCreator.UI.Components.DoorDef [Inject] protected NavigationManager NavManager { get; set; } = null!; - protected OrderStatusViewModel? orderStatus { get; set; } = null; + protected OrderStatusViewModel? currOrder { get; set; } = null; protected bool paramChanged { get; set; } = false; @@ -65,6 +65,8 @@ namespace WebDoorCreator.UI.Components.DoorDef #region Protected Methods + + protected int orderStat { get; set; } = 10; protected async Task catchParamChange(bool ParamChanged) { await Task.Delay(1); @@ -107,7 +109,7 @@ namespace WebDoorCreator.UI.Components.DoorDef { ListBaseDoorOp = null; ListHwDoorOp = null; - orderStatus = null; + currOrder = null; await Task.Delay(1); // cerco img porta... DoorSvgContent = await QDataServ.DoorGetLastSvg(idDoor); @@ -129,7 +131,11 @@ namespace WebDoorCreator.UI.Components.DoorDef ListOrdersStatus = await WDService.OrderStatusGetFilt(0, 0, domani.AddYears(-2), domani); if (ListOrdersStatus != null) { - orderStatus = ListOrdersStatus.Where(x => x.OrderId == idOrd).FirstOrDefault(); + currOrder = ListOrdersStatus.Where(x => x.OrderId == idOrd).FirstOrDefault(); + if(currOrder != null) + { + orderStat = currOrder.OrderStatus; + } } await Task.Delay(1); } diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorList.razor b/WebDoorCreator.UI/Components/DoorMan/DoorList.razor index 920041f..68fc2c3 100644 --- a/WebDoorCreator.UI/Components/DoorMan/DoorList.razor +++ b/WebDoorCreator.UI/Components/DoorMan/DoorList.razor @@ -1,59 +1,126 @@ @if (DoorsList != null) { - @if (orderStatus == 10) + @if (isRecalc) { - @if (isRecalc) - { -
-
-
- Loading... - -
+
+
+
+ Loading... +
- } +
+ } + + @if (isTpl) + { + + } + if (orderStatus < 10000) + { +
+
+
+ @if (orderStatus == 30 && WDCUService.userRole == "CompAdmin") + { +
+ Proposed Total Cost: @($"{orderTotCost:C2}") +
+ } +
+
+
+ } +
- @if (isTpl) +
+ +
+ @if (isAddNew) { - +
+ +
+
+ +
+
+ +
+
+
} - -
- @if (isAddNew) + else + { + @if (orderStatus == 10 || isTplPage) {
- -
-
- -
-
- -
-
+
} else {
- -
-
- -
-
- -
-
- -
-
- +
} -
- } + +
+ +
+
+ +
+ @if (isTplPage) + { +
+ +
+ } + else + { + @if (orderStatus == 30 && (WDCUService.userRole == "CompAdmin" || WDCUService.userRole == "SuperAdmin")) + { +
+ +
+ + } + @if (WDCUService.userRole == "SuperAdmin") + { +
+ +
+ } + else if ((orderStatus == 10 || orderStatus == 30) && (WDCUService.userRole == "CompUser" || WDCUService.userRole == "CompAdmin")) + { +
+ +
+ } + else if ((orderStatus != 10 && orderStatus != 30) && WDCUService.userRole == "CompAdmin") + { +
+ +
+ } + else if ((orderStatus != 10 && orderStatus != 30) && WDCUService.userRole == "DcaAdmin") + { +
+ +
+ } + else if ((orderStatus == 10 || orderStatus == 30) && WDCUService.userRole == "DcaAdmin") + { +
+ +
+ } + + } + } +
+
@if (DoorsList == null || DoorsList.Count == 0) { @@ -72,4 +139,9 @@ } }
+} +else +{ + + } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorList.razor.cs b/WebDoorCreator.UI/Components/DoorMan/DoorList.razor.cs index f6614d1..f695592 100644 --- a/WebDoorCreator.UI/Components/DoorMan/DoorList.razor.cs +++ b/WebDoorCreator.UI/Components/DoorMan/DoorList.razor.cs @@ -1,5 +1,8 @@ using Microsoft.AspNetCore.Components; +using Microsoft.EntityFrameworkCore.Storage.ValueConversion.Internal; using Microsoft.JSInterop; +using System.Collections.Generic; +using System.Text; using WebDoorCreator.Data.DbModels; using WebDoorCreator.Data.Services; using WebDoorCreator.UI.Components.SvgComp; @@ -26,6 +29,15 @@ namespace WebDoorCreator.UI.Components.DoorMan [Parameter] public EventCallback E_DoorChanged { get; set; } + [CascadingParameter] + public bool isTplPage { get; set; } = false; + + [CascadingParameter] + public int orderStatus { get; set; } = 10; + + [Parameter] + public decimal orderTotCost { get; set; } = 0; + [Parameter] public EventCallback updateRecordCount { get; set; } @@ -49,17 +61,18 @@ namespace WebDoorCreator.UI.Components.DoorMan protected Dictionary AddDoorDict { get; set; } = new Dictionary(); protected Dictionary AddFromTemplDict { get; set; } = new Dictionary(); + + [Inject] + protected IConfiguration Configuration { get; set; } = null!; + protected DoorModel? currDoor { get; set; } = null; protected List? DoorOpsList { get; set; } = null; protected List? DoorsList { get; set; } = null; protected bool isAddNew { get; set; } = false; protected bool isAddRemMode { get; set; } protected bool IsChanged { get; set; } = false; - protected bool isCloneMode { get; set; } - protected bool isRecalc { get; set; } = false; - protected bool isTpl { get; set; } = false; [Inject] @@ -68,12 +81,16 @@ namespace WebDoorCreator.UI.Components.DoorMan [Inject] protected NavigationManager NavManager { get; set; } = null!; - protected int orderStatus { get; set; } = 10; + protected string nextStepColor { get; set; } = ""; + protected string nextStepLabel { get; set; } = "Send to DCA"; + protected string orderPrice { get; set; } = ""; + protected List? OrderSteps { get; set; } = null; [Inject] protected QueueDataService QDService { get; set; } = null!; protected Dictionary SendOrderDict { get; set; } = new Dictionary(); + protected bool SimulateDoorCosts { get; set; } = false; [Inject] protected WDCUserService WDCUService { get; set; } = null!; @@ -85,6 +102,16 @@ namespace WebDoorCreator.UI.Components.DoorMan #region Protected Methods + protected async void back2Draft(int ordId) + { + var confirm = await JSRuntime.InvokeAsync("confirm", $"Are you sure you want to set the current order status to ORDER DRAFT"); + if (confirm) + { + bool done = await WDService.OrderUpdateStatus(ordId, 10); + NavManager.NavigateTo(NavManager.Uri, true); + } + } + protected async Task catchDoorChange(bool isChanged) { await Task.Delay(1); @@ -95,6 +122,25 @@ namespace WebDoorCreator.UI.Components.DoorMan } } + protected async void changeOrderStatus(int ordId) + { + if (OrderSteps != null) + { + var stepsArray = OrderSteps.ToArray(); + var currStepInList = OrderSteps.Where(x => x.Value == orderStatus.ToString()).FirstOrDefault(); + var stepIndex = Array.IndexOf(stepsArray, currStepInList); + if (stepIndex != -1) + { + if (currStepInList?.Value != "70") + { + var nextStep = stepsArray[stepIndex + 1]; + bool done = await WDService.OrderUpdateStatus(ordId, int.Parse(nextStep.Value)); + NavManager.NavigateTo(NavManager.Uri, true); + } + } + } + } + protected async Task createDoor() { int doorId = await WDService.createDoor(currOrderId, userId, "mm"); @@ -170,14 +216,41 @@ namespace WebDoorCreator.UI.Components.DoorMan } } - protected async Task getBackStatus() + protected string getStepColor() { - await Task.Delay(1); - if (orderStatus > 10 && orderStatus <= 70) + string answ = ""; + if (OrderSteps != null) { - await WDService.OrderUpdate(currOrderId, (orderStatus - 10)); + var stepsArray = OrderSteps.ToArray(); + var currStepInList = OrderSteps.Where(x => x.Value == orderStatus.ToString()).FirstOrDefault(); + var stepIndex = Array.IndexOf(stepsArray, currStepInList); + if (stepIndex != -1) + { + var nextStep = stepsArray[stepIndex + 1]; + answ = nextStep.DefaultVal; + } } - await ReloadData(); + return answ; + } + + protected string getStepLabel() + { + string answ = ""; + if (OrderSteps != null) + { + var stepsArray = OrderSteps.ToArray(); + var currStepInList = OrderSteps.Where(x => x.Value == orderStatus.ToString()).FirstOrDefault(); + var stepIndex = Array.IndexOf(stepsArray, currStepInList); + if (stepIndex != -1) + { + if (currStepInList?.Value != "70") + { + var nextStep = stepsArray[stepIndex + 1]; + answ = nextStep.Label; + } + } + } + return answ; } protected async Task modalClose(bool isClose) @@ -192,17 +265,10 @@ namespace WebDoorCreator.UI.Components.DoorMan await ReloadData(); } - protected async Task proceedStatus() - { - await Task.Delay(1); - if (orderStatus >= 10 && orderStatus < 70) - { - await WDService.OrderUpdate(currOrderId, (orderStatus + 10)); - } - await ReloadData(); - } - - protected async void recalcSVGs() + /// + /// Esecuzione ricalcolo SVG + /// + protected async void RecalcSVGs() { isRecalc = true; // recupero elenco porte come list interi... @@ -211,6 +277,9 @@ namespace WebDoorCreator.UI.Components.DoorMan List doorIdList = DoorsList .Select(x => $"{x.DoorId}") .ToList(); + + // faccio upsert porte nell'elenco door tipo template... + var numTplDoor = await QDService.DoorTplListUpsert(doorIdList); // chiamo reset var list2Proc = await QDService.ResetQueueByDoorList(doorIdList); // se ho porte da processare --> chiamo save... @@ -231,43 +300,84 @@ namespace WebDoorCreator.UI.Components.DoorMan } } isRecalc = false; - await InvokeAsync(StateHasChanged); + NavManager.NavigateTo(NavManager.Uri, true); + } + + /// + /// Chiamata x refresh costi + /// + protected async void RefreshCosts() + { + isRecalc = true; + await Task.Delay(1); + // FIXME TODO !!!! Fake Method (calcola costi casualmente...) + if (SimulateDoorCosts) + { + Dictionary updateSet = new Dictionary(); + Random rnd = new Random(); + var SearchRecords = await WDService.DoorGetByOrderId(currOrderId); + if (SearchRecords != null) + { + // popolo con valori simulati... + updateSet = SearchRecords.ToDictionary(x => x.DoorId, x => (decimal)rnd.Next(800, 1200) / 10); + } + // attesa fake... + await Task.Delay(500); + bool fatto = await WDService.DoorUpdateCosts(updateSet); + } + await Task.Delay(1); + isRecalc = true; NavManager.NavigateTo(NavManager.Uri, true); } protected async Task ReloadData() { - if (!AddDoorDict.ContainsKey("ADD NEW DOOR")) - { - AddDoorDict.Add("ADD NEW DOOR", ""); - } - if (!AddFromTemplDict.ContainsKey("ADD NEW DOOR FROM TEMPLATE")) - { - AddFromTemplDict.Add("ADD NEW DOOR FROM TEMPLATE", ""); - } - if (!SendOrderDict.ContainsKey("SEND TO DCA")) - { - SendOrderDict.Add("SEND TO DCA", ""); - } + SimulateDoorCosts = Configuration.GetValue("RuntimeOpt:SimulateDoorCosts"); if (currOrderId != -1) { - var SearchRecords = await WDService.DoorGetByOrderId(currOrderId); - if (SearchRecords != null) + var tempRec = await WDService.DoorGetByOrderId(currOrderId); + var tempSteps = await WDService.ListValuesGetAll("All", "OrderStep"); + if (tempSteps != null) { - totalCount = SearchRecords.Count; - - DoorsList = SearchRecords - .Skip(numRecord * (currPage - 1)) - .Take(numRecord) - .ToList(); - - if (DoorsList != null) + OrderSteps = tempSteps.Where(x => int.Parse(x.Value) < 10000).ToList(); + } + if (tempRec != null) + { + var SearchRecords = tempRec.Where(x => !x.isLogicDel).ToList(); + if (SearchRecords != null) { - var currOrder = DoorsList.FirstOrDefault(); - if (currOrder?.OrderNav != null) + totalCount = SearchRecords.Count; + + DoorsList = SearchRecords + .Skip(numRecord * (currPage - 1)) + .Take(numRecord) + .ToList(); + if (OrderSteps != null) { - orderStatus = currOrder.OrderNav.Status; + var stepsArray = OrderSteps.ToArray(); + var currStepInList = OrderSteps.Where(x => x.Value == orderStatus.ToString()).FirstOrDefault(); + var stepIndex = Array.IndexOf(stepsArray, currStepInList); + if (stepIndex != -1) + { + if (currStepInList?.Value != "70") + { + var nextStep = stepsArray[stepIndex + 1]; + nextStepColor = nextStep.DefaultVal; + nextStepLabel = nextStep.Label; + } + } } + +#if false + if (DoorsList != null) + { + var currDoor = DoorsList.FirstOrDefault(); + if (currDoor?.OrderNav != null) + { + //orderStatus = currDoor.OrderNav.Status; + } + } +#endif } } } @@ -285,20 +395,6 @@ namespace WebDoorCreator.UI.Components.DoorMan await JSRuntime.InvokeAsync("open", url, "_blank"); } - protected async void sendToCompany(int ordId, int orderStat) - { - if (orderStat == 10) - { - bool done = await WDService.OrderUpdate(ordId, 20); - if (done) - { - await InvokeAsync(StateHasChanged); - } - } - - await ReloadData(); - } - protected async Task setModalShow(int doorId) { await Task.Delay(1); @@ -378,5 +474,44 @@ namespace WebDoorCreator.UI.Components.DoorMan } #endregion Private Properties + + protected string[] hexVals = new string[] { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f" }; + + protected string newHexVal(char str2Check, int delta) + { + string answ = ""; + int runIdx = 0; + foreach (var item in hexVals) + { + if (item.ToLower() == str2Check.ToString().ToLower()) + { + int currValIndex = Array.IndexOf(hexVals, item); + runIdx = currValIndex + delta; + runIdx = runIdx <= 15 ? runIdx : 15; + answ = hexVals[runIdx]; + } + } + return answ; + } + + protected string hexConverter(string hexColor, int delta) + { + string answ = ""; + if (hexColor != "" && hexColor != null) + { + + var noHash = hexColor.Substring(1, hexColor.Length - 1); + StringBuilder sb = new StringBuilder(); + + foreach (var val in noHash) + { + sb.Append(newHexVal(val, delta)); + } + + answ = $"#{sb.ToString()}"; + } + + return answ; + } } } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor index 2703e8d..60c69db 100644 --- a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor +++ b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor @@ -8,7 +8,7 @@
@if (!CurrDoor.Equals(CurrDoorClone)) { - + }
@@ -22,13 +22,27 @@
- + @if ((WDCUService.userRole == "CompAdmin" || WDCUService.userRole == "CompUser" || WDCUService.userRole == "SuperAdmin") && (OrderStatus == 10 || OrderStatus == 10000)) + { + + } + else + { + + }
- + @if ((WDCUService.userRole == "CompAdmin" || WDCUService.userRole == "CompUser" || WDCUService.userRole == "SuperAdmin") && (OrderStatus == 10 || OrderStatus == 10000)) + { + + } + else + { + + }
@@ -37,19 +51,37 @@
- @if (CurrDoorClone.Quantity == CurrDoor.Quantity && CurrDoor.Quantity > 1) + @if ((WDCUService.userRole == "CompAdmin" || WDCUService.userRole == "CompUser" || WDCUService.userRole == "SuperAdmin") && OrderStatus == 10) { - + + + } - - @if (CurrDoorClone.Quantity == CurrDoor.Quantity) + else { - + + + + } +
+ +
+
+ +
+
+ @if ((OrderStatus == 20 && (WDCUService.userRole == "DcaAdmin" || WDCUService.userRole == "SuperAdmin")) || isTplPage) + { + + } + else + { + }
- @if (CurrDoorClone.Quantity == CurrDoor.Quantity) + @if ((WDCUService.userRole == "CompAdmin" || WDCUService.userRole == "CompUser" || WDCUService.userRole == "SuperAdmin") && OrderStatus == 10 && (CurrDoorClone.Quantity == CurrDoor.Quantity)) {
@@ -61,21 +93,47 @@
- - @if (SaveOnTemplate) - { -
-
- -
+ } + else + { +
+
+
- - } +
+
+
+ +
+
+ } + @if (SaveOnTemplate) + { +
+
+ +
+
+ + } + else + { +
+
+ +
+
+ }
@@ -89,11 +147,11 @@ -
+ @*
- +
-
+
*@ diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs index a61bb47..f69e9a8 100644 --- a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs +++ b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs @@ -11,8 +11,8 @@ namespace WebDoorCreator.UI.Components.DoorMan { #region Public Properties - public DoorModel CurrDoor { get; set; } = new DoorModel(); - public DoorModel CurrDoorClone { get; set; } = new DoorModel(); + protected DoorModel CurrDoor { get; set; } = new DoorModel(); + protected DoorModel CurrDoorClone { get; set; } = new DoorModel(); [Parameter] public int CurrDoorId { get; set; } = 0; @@ -33,6 +33,34 @@ namespace WebDoorCreator.UI.Components.DoorMan [Parameter] public string UserName { get; set; } = ""; + [Parameter] + public int OrderStatus { get; set; } = 10; + [Parameter] + public bool isTplPage { get; set; } = false; + + protected int DoorQty + { + get => CurrDoor.Quantity; + set + { + if (value >= 0) + { + CurrDoor.Quantity = value; + } + } + } + protected decimal DoorUnitCost + { + get => CurrDoor.UnitCost; + set + { + if (value >= 0) + { + CurrDoor.UnitCost = value; + } + } + } + #endregion Public Properties #region Protected Fields @@ -90,14 +118,15 @@ namespace WebDoorCreator.UI.Components.DoorMan #region Protected Methods - protected async Task addOrRemoveOneDoorNumber(bool isAdd) + protected void modDoorQty(bool isAdd) { - //var door = new DoorModel(); - var done = await WDService.DoorModQty(0, CurrDoor.OrderId, CurrDoor.DoorId, isAdd); - if (done) + if (isAdd) { - //await E_isChange.InvokeAsync(true); - await ReloadData(); + DoorQty++; + } + else + { + DoorQty--; } } @@ -144,7 +173,9 @@ namespace WebDoorCreator.UI.Components.DoorMan await Task.Delay(1); if (CurrDoor != null) { - var done = await WDService.DoorDelete(CurrDoor); + //var done = await WDService.DoorDelete(CurrDoor); + CurrDoor.isLogicDel = true; + var done = await WDService.DoorUpsert(CurrDoor); if (done) { await closeModal(); @@ -191,12 +222,12 @@ namespace WebDoorCreator.UI.Components.DoorMan var genTplOrders = await WDService.OrderGetByCompStatus(1, Core.Constants.StatusIdTemplate); if (genTplOrders != null) { - OrdersCompList.AddRange(genTplOrders); + OrdersCompList.AddRange(genTplOrders.OrderBy(x => x.OrderDescript).ToList()); } - // calcolo (se possibile) elenco template della company specifica + // calcolo (se possibile) elenco template della company specifica se NON DCA if (CurrDoor != null) { - if (CurrDoor.OrderNav != null) + if (CurrDoor.OrderNav != null && (CurrDoor.OrderNav.CompanyId != 1)) { // verifico la company dall'ordine int compId = CurrDoor.OrderNav.CompanyId; @@ -204,7 +235,7 @@ namespace WebDoorCreator.UI.Components.DoorMan var compTplOrders = await WDService.OrderGetByCompStatus(compId, Core.Constants.StatusIdTemplate); if (compTplOrders != null) { - OrdersCompList.AddRange(compTplOrders); + OrdersCompList.AddRange(compTplOrders.OrderBy(x => x.OrderDescript).ToList()); } } } @@ -265,19 +296,14 @@ namespace WebDoorCreator.UI.Components.DoorMan { if (!await JSRuntime.InvokeAsync("confirm", $"Are you sure? this operation will copy current door to selected template order?")) return; -#if false - // prendo ord templ dest... - DoorTypeModel newDoorType = new DoorTypeModel() - { - TypeId = CurrDoor.DoorId, - TypeCode = $"TPLFROM-{CurrDoor.DoorId}", - Description = $"TEMPLATED DOOR: {CurrDoor.DoorId} ({CurrDoor.DoorDescript})" - }; -#endif var newDoorId = await WDService.DoorCloneToOrder(CurrDoor.DoorId, CurrDoor.DoorExtCode, CurrDoor.DoorDescript, OrderIdTplSel, UserName, false); if (newDoorId > 0) { + // salvo che è nei template... + List doorIdList = new List() { $"{newDoorId}" }; + var numTplDoor = await QDataServ.DoorTplListUpsert(doorIdList); + // refresh await RequestRefreshSvg(newDoorId); await closeModal(); } diff --git a/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor new file mode 100644 index 0000000..6d11a81 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor @@ -0,0 +1,205 @@ + +
+
+
+
+ @if (showBtnNew) + { + + } +
+
+ New Data +
+
+ @if (showBtnNew) + { + + } +
+
+
+
+ @* *@ + +
+
+
+
+ @if (showBtnCur) + { + + } +
+
+ Current Data +
+
+ @if (showBtnCur) + { + + } +
+
+
+
+
+
+
+ SELECT COMPO TYPE + @if (ListType != null) + { + + } +
+
+
+ @if (files2Chk != null && files2Chk.Count() > 0) + { + @if (files2Chk.Where(x => x.Value.action).ToList().Count > 0) + { +
+ +
+ } + } +
+
+ @if (searchRecords != null && searchRecords.Count() > 0) + { +
+
+ + + + +
+
+ } +
+ +
+@if (isLoading) +{ + +} +else if (files2Chk != null && files2Chk.Count() > 0) +{ + + + + + + + + + + + + + + @if (isDrawing) + { + + } + else + { + @foreach (var item in files2Chk) + { + + @if (item.Value.status == Core.Enum.fileStatus.add || item.Value.status == Core.Enum.fileStatus.mod) + { + + + + } + else + { + + } + + @if (item.Value.status == Core.Enum.fileStatus.rem || item.Value.status == Core.Enum.fileStatus.mod) + { + + + + } + else + { + + } + + } + } + +
TypeFolder/FileSize + + + TypeFolder/FileSize
+
@item.Key.Split("\\")[0]
+
+ @item.Key.Split("\\")[1] +
+ @item.Value.FileRelPath + @* @item.Key.Split("\\")[2] *@ +
+
+ @($"{item.Value.FileDim / 1024} kb") + + + +
@item.Key.Split("\\")[0]
+
+ @item.Key.Split("\\")[1] +
+ @item.Value.FileRelPath + @* @item.Key.Split("\\")[2] *@ +
+
+ @($"{item.Value.FileDim / 1024} kb") +
+ + +} +else if (files2Chk == null || files2Chk.Count() == 0) +{ +
+
+ @scanMsg +
+
+ +
+
+ +
+
+} + + + diff --git a/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.cs b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.cs new file mode 100644 index 0000000..22e81a4 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.cs @@ -0,0 +1,576 @@ +using Microsoft.AspNetCore.Components; +using NLog; +using WebDoorCreator.Data.DbModels; +using WebDoorCreator.Data.DTO; +using WebDoorCreator.Data.Services; +using WebDoorCreator.UI.Data; + +namespace WebDoorCreator.UI.Components.FilesMan +{ + public partial class CompoCompare + { + #region Public Properties + + [Parameter] + public CompoSelectFilter actFilter { get; set; } = new CompoSelectFilter(); + + [Parameter] + public EventCallback updateRecordCount { get; set; } + + #endregion Public Properties + + #region Protected Fields + + protected static Logger Log = LogManager.GetCurrentClassLogger(); + + protected List tempDOT = new List(); + + #endregion Protected Fields + + #region Protected Properties + + protected bool _showAdd { get; set; } = true; + + protected bool _showDel { get; set; } = false; + + protected bool _showUpd { get; set; } = true; + + protected KeyValuePair actFile { get; set; } = new KeyValuePair(); + + [Inject] + protected IConfiguration configuration { get; set; } = null!; + + protected double expTime { get; set; } = 6; + + protected bool isLoading { get; set; } = false; + protected bool isDrawing { get; set; } = false; + + protected int numSteps { get; set; } = 4; + + protected bool show { get; set; } = false; + + protected bool showAdd + { + get => _showAdd; + set => _showAdd = value; + } + + protected bool showBtnCur + { + get => NumFileCur > 0; + } + + protected bool showBtnNew + { + get => NumFileNew > 0; + } + + protected bool showDel + { + get => _showDel; + set => _showDel = value; + } + + protected bool showUpd + { + get => _showUpd; + set => _showUpd = value; + } + + protected string txtDx { get; set; } = ""; + + protected string txtSx { get; set; } = ""; + + [Inject] + protected WebDoorCreatorService WDCService { get; set; } = null!; + + [Inject] + protected WDCUserService WDCUService { get; set; } = null!; + + #endregion Protected Properties + + #region Protected Methods + + protected string btnCssClass(Core.Enum.fileStatus fStat, bool doAct) + { + string answ = ""; + if (fStat == Core.Enum.fileStatus.add && doAct) + { + answ = "btn-primary"; + } + else if (fStat == Core.Enum.fileStatus.mod && doAct) + { + answ = "btn-warning"; + } + else if (fStat == Core.Enum.fileStatus.rem && doAct) + { + answ = "btn-danger"; + } + else + { + answ = "btn-secondary"; + } + return answ; + } + + protected string btnIcon(Core.Enum.fileStatus fStat) + { + string answ = ""; + if (fStat == Core.Enum.fileStatus.add || fStat == Core.Enum.fileStatus.mod) + { + answ = "fa-solid fa-circle-arrow-right"; + } + else if (fStat == Core.Enum.fileStatus.rem) + { + answ = "fa-solid fa-square-minus"; + } + return answ; + } + + protected string btnTxt(Core.Enum.fileStatus fStat) + { + string answ = ""; + if (fStat == Core.Enum.fileStatus.add) + { + answ = "A"; + } + else if (fStat == Core.Enum.fileStatus.mod) + { + answ = "U"; + } + else if (fStat == Core.Enum.fileStatus.rem) + { + answ = "D"; + } + return answ; + } + + protected async Task changeDoAct(KeyValuePair currObj) + { + await Task.Delay(1); + files2Chk[currObj.Key].action = !files2Chk[currObj.Key].action; + } + + protected async Task doSave() + { + await Task.Delay(1); + //var sb = new StringBuilder(); + sendDataVal = 0; + isLoading = true; + var updTask1 = Task.Run(() => + { + files2Save = searchRecords.Where(x => x.Value.action).ToDictionary(x => x.Key, x => x.Value); + foreach (var item in files2Save) + { + string dir2chk = ""; + var fileDirs = item.Key.Split("\\"); + + foreach (var dir in fileDirs.SkipLast(1)) + { + dir2chk += $"\\{dir}"; + if (!Directory.Exists($"{rootPathCur}{dir2chk}")) + { + Directory.CreateDirectory($"{rootPathCur}{dir2chk}"); + } + } + + if (item.Value.status == Core.Enum.fileStatus.add) + { + File.Copy($"{rootPathNew}\\{item.Key}", $"{rootPathCur}\\{item.Key}"); + } + else if (item.Value.status == Core.Enum.fileStatus.mod) + { + ReplaceFile($"{rootPathNew}\\{item.Key}", $"{rootPathCur}\\{item.Key}"); + } + else if (item.Value.status == Core.Enum.fileStatus.rem) + { + File.Delete($"{rootPathCur}\\{item.Key}"); + } + } + } + ); + await updTask1; + sendDataVal = 30; + var updTask2 = Task.Run(async () => + { + await WDCService.ListValuesLuaNgeInsert(rootPathCur); + }); + await updTask2; + await doScan(true, true); + sendDataVal = 90; + } + + /// + /// Scansione e comparazione directory COMPO + /// + /// + /// + /// + protected async Task doScan(bool scanCur, bool scanNew) + { + files2Chk.Clear(); + searchRecords.Clear(); + ListType = new List(); + Log.Info($"Component scan started by user {WDCUService.userId}"); + isDrawing = true; + isLoading = true; + sendDataVal = 0; + var updTask1 = Task.Run(async () => + await WDCService.populateHws() + ); + await updTask1; + searchRecords = new Dictionary(); + tempDOT.Clear(); + + // gestione files nuovi + var newFiles = await getCurFiles(rootPathNew, !scanNew); + NumFileNew = newFiles.Count; + sendDataVal = 30; + + // gestione files cur + var curFiles = await getCurFiles(rootPathCur, !scanCur); + NumFileCur = curFiles.Count; + sendDataVal = 60; + + foreach (var item in newFiles) + { + if (curFiles.ContainsKey(item.Key)) + { + if (curFiles[item.Key].FileMD5 != item.Value.FileMD5) + { + item.Value.status = Core.Enum.fileStatus.mod; + checkItemType(item); + } + curFiles.Remove(item.Key); + } + else + { + item.Value.status = Core.Enum.fileStatus.add; + checkItemType(item); + } + searchRecords.Add(item.Key, item.Value); + } + + sendDataVal = 90; + foreach (var item in curFiles) + { + item.Value.status = Core.Enum.fileStatus.rem; + searchRecords.Add(item.Key, item.Value); + } + + searchRecords = searchRecords.Where(x => x.Value.status > 0).ToDictionary(x => x.Key, x => x.Value); + stats2show.Add(Core.Enum.fileStatus.add); + stats2show.Add(Core.Enum.fileStatus.mod); + await ReloadData(); + sendDataVal = 100; + isLoading = false; + isDrawing = false; + if (searchRecords.Count == 0) + { + scanMsg = "THE DIRECTORIES HAVE NO DIFFERENCES"; + } + Log.Info($"Component scan COMPLETED"); + } + + private void checkItemType(KeyValuePair item) + { + string type = getType(item.Key); + if (!ListType.Contains(type)) + { + ListType.Add(type); + } + } + + public static string getType(string key) + { + string answ = ""; + if (key.Contains("\\")) + { + answ = key.Split("\\")[0]; + } + return answ; + } + public static string getFolder(string key) + { + string answ = ""; + if (key.Contains("\\")) + { + answ = key.Split("\\")[1]; + } + return answ; + } + + protected string filtBtnAddCss() + { + string answ = ""; + if (showAdd) + { + answ = "btn-primary"; + } + else + { + answ = "btn-secondary"; + } + return answ; + } + + protected string filtBtnRemCss() + { + string answ = ""; + if (showDel) + { + answ = "btn-danger"; + } + else + { + answ = "btn-secondary"; + } + return answ; + } + + protected async Task filtBtnSet(Core.Enum.fileStatus fileStat) + { + switch (fileStat) + { + case Core.Enum.fileStatus.add: + showAdd = !showAdd; + if (showAdd && !stats2show.Contains(Core.Enum.fileStatus.add)) + { + stats2show.Add(Core.Enum.fileStatus.add); + } + else if (!showAdd && stats2show.Contains(Core.Enum.fileStatus.add)) + { + stats2show.Remove(Core.Enum.fileStatus.add); + } + break; + + case Core.Enum.fileStatus.mod: + showUpd = !showUpd; + if (showUpd && !stats2show.Contains(Core.Enum.fileStatus.mod)) + { + stats2show.Add(Core.Enum.fileStatus.mod); + } + else if (!showUpd && stats2show.Contains(Core.Enum.fileStatus.mod)) + { + stats2show.Remove(Core.Enum.fileStatus.mod); + } + break; + + case Core.Enum.fileStatus.rem: + showDel = !showDel; + if (showDel && !stats2show.Contains(Core.Enum.fileStatus.rem)) + { + stats2show.Add(Core.Enum.fileStatus.rem); + } + else if (!showDel && stats2show.Contains(Core.Enum.fileStatus.rem)) + { + stats2show.Remove(Core.Enum.fileStatus.rem); + } + break; + } + await ReloadData(); + } + + protected string filtBtnUpdCss() + { + string answ = ""; + if (showUpd) + { + answ = "btn-warning"; + } + else + { + answ = "btn-secondary"; + } + return answ; + } + + protected override async Task OnParametersSetAsync() + { + await ReloadData(); + } + + protected string TypeSel + { + get => _typeSel; + set + { + if (_typeSel != value) + { + _typeSel = value; + ReloadData().ConfigureAwait(false); + } + } + } + private string _typeSel { get; set; } = "*"; + + protected List ListType { get; set; } = new List(); + + protected async Task ReloadData() + { + isDrawing = true; + await Task.Delay(1); + + var filtData = searchRecords + .Where(x => stats2show.Contains(x.Value.status) && (TypeSel == "*" || x.Key.StartsWith(TypeSel))) + .ToList(); + totalCount = filtData.Count; + + files2Chk = filtData + .Skip(numRecord * (currPage - 1)) + .Take(numRecord) + .ToDictionary(x => x.Key, x => x.Value); + //await InvokeAsync(() => StateHasChanged()); + isDrawing = false; + } + + protected void ReplaceFile(string FileToMoveAndDelete, string FileToReplace) + { + File.Replace(FileToMoveAndDelete, FileToReplace, null); + } + + protected void selectAll(bool selUnsel) + { + foreach (var item in searchRecords) + { + item.Value.action = selUnsel; + } + } + + protected async Task showDiff(KeyValuePair currFile, Core.Enum.fileStatus cStatus) + { + await Task.Delay(1); + actFile = currFile; + txtSx = ""; + txtDx = ""; + // in base al tipo di modifica leggo... + switch (cStatus) + { + case Core.Enum.fileStatus.add: + txtSx = File.ReadAllText($"{rootPathNew}\\{currFile.Key}"); + break; + + case Core.Enum.fileStatus.mod: + txtSx = File.ReadAllText($"{rootPathNew}\\{currFile.Key}"); + txtDx = File.ReadAllText($"{rootPathCur}\\{currFile.Key}"); + break; + + case Core.Enum.fileStatus.rem: + txtDx = File.ReadAllText($"{rootPathCur}\\{currFile.Key}"); + break; + + case Core.Enum.fileStatus.none: + default: + break; + } + } + + #endregion Protected Methods + + #region Private Fields + + private Dictionary files2Chk = new Dictionary(); + + private Dictionary files2Save = new Dictionary(); + + private string scanMsg = "CLICK TO SCAN"; + + private Dictionary searchRecords = new Dictionary(); + + private int sendDataMaxVal = 100; + + private int sendDataVal = 0; + + private List stats2show = new List(); + + private string titleMsg = "Scanning directories"; + + #endregion Private Fields + + #region Private Properties + + private bool _selUns { get; set; } = false; + + private int _totalCount { get; set; } = -1; + + private int currPage + { + get => actFilter.CurrPage; + set + { + selUns = false; + actFilter.CurrPage = value; + } + } + + /// + /// Numero files CURRENT + /// + private int NumFileCur { get; set; } = 0; + + /// + /// Numero files NEW + /// + private int NumFileNew { get; set; } = 0; + + private int numRecord + { + get => actFilter.NumRec; + set => actFilter.NumRec = value; + } + + private string rootPathCur + { + get => configuration.GetValue("CompoBaseDirs:CurrCompoDir"); + } + + private string rootPathNew + { + get => configuration.GetValue("CompoBaseDirs:NewCompoDir"); + } + + private bool selUns + { + get => _selUns; + set + { + _selUns = value; + selectAll(_selUns); + } + } + + private int totalCount + { + get => _totalCount; + set + { + if (_totalCount != value) + { + _totalCount = value; + updateRecordCount.InvokeAsync(value); + } + } + } + + #endregion Private Properties + + #region Private Methods + + /// + /// Recupera i dati files current, + /// + /// Path di ricerca + /// Usa cache Redis vs lettura da filesystem + /// + private async Task> getCurFiles(string rootPath, bool useCache) + { + var updTask = Task.Run(async () => + await WDCService.scanSrcDestDir(rootPath, useCache) + ); + var listFiles = await updTask; + return listFiles; + } + + #endregion Private Methods + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.css b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.css new file mode 100644 index 0000000..65ee638 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.css @@ -0,0 +1,3 @@ +tbody > tr:hover { + background-color: rgba(0, 148, 255, 0.3); +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.less b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.less new file mode 100644 index 0000000..dcbbfbf --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.less @@ -0,0 +1,3 @@ +tbody > tr:hover{ + background-color: rgba(0, 148, 255, .3) +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.min.css b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.min.css new file mode 100644 index 0000000..c28fa6c --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/CompoCompare.razor.min.css @@ -0,0 +1 @@ +tbody>tr:hover{background-color:rgba(0,148,255,.3);} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/FilesMan/DiffView.razor b/WebDoorCreator.UI/Components/FilesMan/DiffView.razor new file mode 100644 index 0000000..dc2c7f2 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/DiffView.razor @@ -0,0 +1,49 @@ +@using System.Text +@using DiffMatchPatch + +
+
+
+
+

New Data

+
+
+
+
+ +
+
+
+
+
+
+

Current Data

+
+
+
+
+ @if (numChanges > 1) + { + @numChanges changes + } + else + { + @numChanges change + } +
+
+
+
+
+
+
+

@((MarkupString)oldResult)

+
+
+
+
+

@((MarkupString)newResult)

+
+
+
+ diff --git a/WebDoorCreator.UI/Components/FilesMan/DiffView.razor.cs b/WebDoorCreator.UI/Components/FilesMan/DiffView.razor.cs new file mode 100644 index 0000000..d4d2778 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/DiffView.razor.cs @@ -0,0 +1,136 @@ +using DiffMatchPatch; +using global::Microsoft.AspNetCore.Components; +using System.Text; + +namespace WebDoorCreator.UI.Components.FilesMan +{ + public partial class DiffView + { + #region Public Properties + + [Parameter] + public EventCallback diffDone { get; set; } + + [Parameter] + public string newText + { + get + { + return _newText; + } + + set + { + _newText = value; + ReloadData(); + } + } + + [Parameter] + public string oldText + { + get + { + return _oldText; + } + + set + { + _oldText = value; + } + } + + #endregion Public Properties + + #region Protected Fields + + protected string _newText = ""; + protected string _oldText = ""; + protected string newResult = ""; + protected string oldResult = ""; + protected int pHeight = 45; + + #endregion Protected Fields + + #region Protected Properties + + protected string newTextFix + { + get + { + return _newText.Replace(Environment.NewLine, sepDest).Replace("\n", sepDest).Replace("\r", sepDest); + } + } + + protected int numChanges { get; set; } = 0; + + protected string oldTextFix + { + get + { + return _oldText.Replace(Environment.NewLine, sepDest).Replace("\n", sepDest).Replace("\r", sepDest); + } + } + + #endregion Protected Properties + + #region Protected Methods + + protected override Task OnInitializedAsync() + { + ReloadData(); + return base.OnInitializedAsync(); + } + + protected void ReloadData() + { + numChanges = 0; + // calcolo diff + diff_match_patch dmp = new diff_match_patch(); + List diff = dmp.diff_main(oldTextFix, newTextFix); + dmp.diff_cleanupSemantic(diff); + // predispongo la stringa secondo l'elenco dei diff.... + StringBuilder sbNew = new StringBuilder(); + StringBuilder sbOld = new StringBuilder(); + foreach (var item in diff) + { + switch (item.operation) + { + case Operation.DELETE: + sbOld.Append($"{item.text}"); + numChanges++; + break; + + case Operation.INSERT: + sbNew.Append($"{item.text}"); + numChanges++; + break; + + case Operation.EQUAL: + sbNew.Append($"{item.text}"); + sbOld.Append($"{item.text}"); + break; + + default: + break; + } + } + + newResult = sbNew.ToString().Trim(); + oldResult = sbOld.ToString().Trim(); + var pUpd = Task.Run(async () => + { + await diffDone.InvokeAsync(numChanges); + }); + pUpd.Wait(); + } + + #endregion Protected Methods + + #region Private Fields + + private string sepDest = "
"; + + #endregion Private Fields + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/FilesMan/FilesRefresh.razor b/WebDoorCreator.UI/Components/FilesMan/FilesRefresh.razor deleted file mode 100644 index 0121451..0000000 --- a/WebDoorCreator.UI/Components/FilesMan/FilesRefresh.razor +++ /dev/null @@ -1,47 +0,0 @@ - - - - - -@*@if (vocLemmas != null) -{ - @foreach (var item in vocLemmas) - { - @foreach (var k in item.Value) - { - @*
@($"{k.Key} --> {k.Value}")
- @if(vocLemmasTEMP != null) - { - - } - } - } -}*@ - - -@result - -@if (showList) -{ - - @if (vocLemmas2Dict != null && vocLemmasTEMP2Dict != null) - { - @foreach (var item in vocLemmasTEMP2Dict) - { - @if (!vocLemmas2Dict.ContainsKey(item.Key)) - { -
-
@($"{item.Key} --> {vocLemmasTEMP2Dict[item.Key]}")
-
- } - else if (item.Value != vocLemmas2Dict[item.Key]) - { -
-
@($"{item.Key} --> {vocLemmas2Dict[item.Key]}")
-
@($"{item.Key} --> {item.Value}")
-
- } - } - } -} - diff --git a/WebDoorCreator.UI/Components/FilesMan/HwMan.razor b/WebDoorCreator.UI/Components/FilesMan/HwMan.razor new file mode 100644 index 0000000..3791aa6 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/HwMan.razor @@ -0,0 +1,46 @@ +

HwMan

+ + + + + + + + + + + + + + + + @if (doorOpTypes != null) + { + @foreach (var item in doorOpTypes) + { + + + + + + + + + } + } + +
Compo nameDescriptionHardware DescriptionValid fromValid To
@GetCompoName(item.HwCode)@item.Description@item.HwDescription@item.ValidFrom@item.ValidUntil
+ +
+
+ + + +
+
diff --git a/WebDoorCreator.UI/Components/FilesMan/HwMan.razor.cs b/WebDoorCreator.UI/Components/FilesMan/HwMan.razor.cs new file mode 100644 index 0000000..4c21e23 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/HwMan.razor.cs @@ -0,0 +1,84 @@ +using Microsoft.AspNetCore.Components; +using WebDoorCreator.Data.DbModels; +using WebDoorCreator.Data.Services; +using WebDoorCreator.UI.Data; + +namespace WebDoorCreator.UI.Components.FilesMan +{ + public partial class HwMan + { + #region Protected Fields + + protected List doorOpTypes = new List(); + protected List hwList = new List(); + + #endregion Protected Fields + + #region Protected Properties + + protected DoorOpTypeModel? currHw2Show { get; set; } = null; + + [Inject] + protected WebDoorCreatorService WDCService { get; set; } = null!; + + [Inject] + protected WDCUserService WDCUService { get; set; } = null!; + + [Inject] + protected WDCVocabularyService WDCVService { get; set; } = null!; + + #endregion Protected Properties + + #region Protected Methods + + protected string GetCompoName(string hwCode) + { + string answ = ""; + + var listValHw2Search = hwList.Where(x => x.TableName == hwCode).FirstOrDefault(); + + if (listValHw2Search != null) + { + answ = translate(listValHw2Search.Label); + } + + return answ; + } + + protected override async Task OnParametersSetAsync() + { + await ReloadData(); + } + + protected async Task ReloadData() + { + var temp = await WDCService.DoorOpTypeGetByHwCode("*", 0); + var tempHwList = await WDCService.ListValuesGetAll("*", "Hardware"); + if (temp != null) + { + doorOpTypes = temp; + } + if (tempHwList != null) + { + hwList = tempHwList; + } + } + + protected async Task setCurrHw2Show(DoorOpTypeModel hw) + { + await Task.Delay(1); + currHw2Show = hw; + } + + protected string translate(string lemma) + { + string answ = ""; + + answ = WDCVService.Traduci(WDCUService.currLanguage ?? "EN", lemma); + + return answ; + } + + #endregion Protected Methods + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/FilesMan/HwMan.razor.less b/WebDoorCreator.UI/Components/FilesMan/HwMan.razor.less new file mode 100644 index 0000000..416fb65 --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/HwMan.razor.less @@ -0,0 +1,38 @@ +/* Background scuro del modale */ +.modalHwDets { + position: fixed; + z-index: 9999; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.4); +} + +/* Modal Content/Box */ +.modalHwDetsContent { + background-color: #fefefe; + margin: 3% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + border-radius: 1rem; + animation: slideDown .3s; +} + +/* The Close Button */ +.closeHwDets { + color: #aaa; + float: right; + font-size: 2.5rem; + font-weight: bold; +} + +.closeHwDets:hover, +.closeHwDets:focus { + color: black; + text-decoration: none; + cursor: pointer; +} diff --git a/WebDoorCreator.UI/Components/FilesMan/VocRefresh.razor b/WebDoorCreator.UI/Components/FilesMan/VocRefresh.razor new file mode 100644 index 0000000..a4e3b6c --- /dev/null +++ b/WebDoorCreator.UI/Components/FilesMan/VocRefresh.razor @@ -0,0 +1,77 @@ + +
+
+ + + + +
+ @if (vocLemmas2Dict.Count > 0 && vocLemmasTEMP2Dict.Count > 0) + { +
+ +
+ } +
+@if (isLoading) +{ + +} +else +{ + @if (showList) + { + @if (vocLemmas2Dict != null && vocLemmasTEMP2Dict != null) + { + + + + + + + + + + + @foreach (var item in vocLemmasTEMP2Dict) + { + + + @if (!vocLemmas2Dict.ContainsKey(item.Key)) + { + + + + } + else if (item.Value != vocLemmas2Dict[item.Key]) + { + + + + } + + + } + +
Old textNew text
+ +
+ +
+
+ @($"{item.Key} --> {vocLemmasTEMP2Dict[item.Key]}") + + @($"{item.Key} --> {vocLemmas2Dict[item.Key]}") + +
+ + +
+
+ @($"{item.Key} --> {item.Value}") +
+ } + + } +} + diff --git a/WebDoorCreator.UI/Components/FilesMan/FilesRefresh.razor.cs b/WebDoorCreator.UI/Components/FilesMan/VocRefresh.razor.cs similarity index 52% rename from WebDoorCreator.UI/Components/FilesMan/FilesRefresh.razor.cs rename to WebDoorCreator.UI/Components/FilesMan/VocRefresh.razor.cs index 4360573..4c6451c 100644 --- a/WebDoorCreator.UI/Components/FilesMan/FilesRefresh.razor.cs +++ b/WebDoorCreator.UI/Components/FilesMan/VocRefresh.razor.cs @@ -5,7 +5,7 @@ using WebDoorCreator.Data.Services; namespace WebDoorCreator.UI.Components.FilesMan { - public partial class FilesRefresh + public partial class VocRefresh { [Inject] protected WebDoorCreatorService WDCService { get; set; } = null!; @@ -16,21 +16,21 @@ namespace WebDoorCreator.UI.Components.FilesMan protected Dictionary>? vocLemmas { get; set; } = null; protected Dictionary vocLemmas2Dict { get; set; } = new Dictionary(); protected Dictionary>? vocLemmasTEMP { get; set; } = null; - protected Dictionary vocLemmasTEMP2Dict { get; set; } = new Dictionary(); + protected Dictionary vocLemmasTEMP2Dict { get; set; } = new Dictionary(); protected bool showList { get; set; } = false; - + protected bool isLoading { get; set; } = false; protected async override Task OnParametersSetAsync() { var rawVoc = await WDCService.VocLemmaGetAll(); if (rawVoc != null) { vocLemmas = rawVoc.Where(x => x.Key == lang).ToDictionary(x => x.Key, x => x.Value); - if(vocLemmas != null) + if (vocLemmas != null) { - foreach(var kvp in vocLemmas) + foreach (var kvp in vocLemmas) { - foreach(var item in kvp.Value) + foreach (var item in kvp.Value) { vocLemmas2Dict.Add(item.Key, item.Value); } @@ -38,30 +38,45 @@ namespace WebDoorCreator.UI.Components.FilesMan } } } + +#if false + var s = dmp.diff_main(vocLemmas2Dict["11"], newText.Value); + + dmp.diff_cleanupSemantic(s); + foreach (var diffes in s) + { + if (diffes.operation == Operation.DELETE) + { + diff.Add(diffes); + } +} +#endif + Dictionary> listVocLemmaTemp = new Dictionary>(); protected async Task refreshVoc() { + isLoading = true; vocLemmasTEMP = null; await Task.Delay(1); list2Mod = await WDCService.VocLemmaInsertPrepare(@$"{defaultPath}"); if (list2Mod != null) { - //bool ok = await WDCService.VocLemmaInsert(); - var k = await WDCService.VocLemmaTEMPGetAll(); - if (k != null) + listVocLemmaTemp = await WDCService.VocLemmaTEMPGetAll(); + if (listVocLemmaTemp != null) { - vocLemmasTEMP = k.Where(x => x.Key == lang).ToDictionary(x => x.Key, x => x.Value); + vocLemmasTEMP = listVocLemmaTemp.Where(x => x.Key == lang).ToDictionary(x => x.Key, x => x.Value); if (vocLemmasTEMP != null) { foreach (var kvp in vocLemmasTEMP) { foreach (var item in kvp.Value) - { + { vocLemmasTEMP2Dict.Add(item.Key, item.Value); } - } + } } } } + isLoading = false; showList = true; } List list2Mod = new List(); @@ -74,6 +89,40 @@ namespace WebDoorCreator.UI.Components.FilesMan if (done) { result = "Done"; + vocLemmas2Dict.Clear(); + vocLemmasTEMP2Dict.Clear(); + } + } + protected bool isReady2Save(string lemma) + { + bool isConf = false; + + var tempModTerm = Task.Run(async () => await WDCService.VocLemmaFindByKeys(lang, lemma)).Result; + if (tempModTerm != null) + { + isConf = tempModTerm.IsConfSave; + } + return isConf; + } + + protected string setBtnClass(bool isCon) + { + string answ = "btn-secondary"; + if (isCon) + { + answ = "btn-success"; + } + return answ; + + } + + protected async Task setConf(string lemma) + { + var tempModTerm = await WDCService.VocLemmaFindByKeys(lang, lemma); + + if (tempModTerm != null) + { + var done = await WDCService.VocLemmaSetConf(tempModTerm.Lingua, tempModTerm.Lemma, !tempModTerm.IsConfSave); } } protected string defaultPath { get; set; } = ""; diff --git a/WebDoorCreator.UI/Components/Filters/OrderFilter.razor b/WebDoorCreator.UI/Components/Filters/OrderFilter.razor index b9a93be..42282da 100644 --- a/WebDoorCreator.UI/Components/Filters/OrderFilter.razor +++ b/WebDoorCreator.UI/Components/Filters/OrderFilter.razor @@ -5,36 +5,6 @@
× ORDER FILTERS - @* - -
-
- @if (listCompanies != null) - { - @if (listCompanies.Count > 1) - { - - } - else - { - @if (compToShow != null) - { - - } - } - } - -
- -
-
-
*@
diff --git a/WebDoorCreator.UI/Components/Filters/OrderFilter.razor.cs b/WebDoorCreator.UI/Components/Filters/OrderFilter.razor.cs index 489322e..0020a8f 100644 --- a/WebDoorCreator.UI/Components/Filters/OrderFilter.razor.cs +++ b/WebDoorCreator.UI/Components/Filters/OrderFilter.razor.cs @@ -12,6 +12,8 @@ namespace WebDoorCreator.UI.Components.Filters [Parameter] public OrderSelectFilter actFilter { get; set; } = new OrderSelectFilter(); + [CascadingParameter] + public bool isTplPage { get; set; } = false; public CompanyModel? compToShow { get; set; } = null; public EventCallback> E_UserClaims { get; set; } @@ -132,7 +134,18 @@ namespace WebDoorCreator.UI.Components.Filters protected override async Task OnParametersSetAsync() { - ListValuesAll = await WDService.ListValuesGetAll("All", "OrderStep"); + var tempVals = await WDService.ListValuesGetAll("All", "OrderStep"); + if (tempVals != null) + { + if (isTplPage) + { + ListValuesAll = tempVals.Where(x => int.Parse(x.Value) >= 10000).ToList(); + } + else + { + ListValuesAll = tempVals.Where(x => int.Parse(x.Value) < 10000).ToList(); + } + } } protected async Task showMenu() diff --git a/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor b/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor index 028fa3a..2fa02ec 100644 --- a/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor +++ b/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor @@ -1,122 +1,146 @@  - diff --git a/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor.cs b/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor.cs index a85a403..bbc7d5e 100644 --- a/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor.cs +++ b/WebDoorCreator.UI/Components/Gen/NavMenuHorizontal.razor.cs @@ -1,6 +1,7 @@ using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Authorization; using Microsoft.AspNetCore.Identity; +using Microsoft.Extensions.Configuration; using WebDoorCreator.Data.DbModels; using WebDoorCreator.Data.Services; using WebDoorCreator.UI.Data; @@ -17,12 +18,19 @@ namespace WebDoorCreator.UI.Components.Gen public EventCallback E_UserCurrCompany { get; set; } + [Inject] + protected IConfiguration configuration { get; set; } = null!; public EventCallback E_UserId { get; set; } public EventCallback E_UserRole { get; set; } public EventCallback>> E_VocLemmas { get; set; } public List listRecord { get; set; } = new List(); + protected string baseUrl + { + get => configuration.GetValue("RuntimeOpt:BaseUrl"); + } + public Dictionary>? listVocLemmas { get @@ -198,13 +206,13 @@ namespace WebDoorCreator.UI.Components.Gen { // seleziono compToShow = selComp; - userCurrCompany = compToShow.CompanyId; + //userCurrCompany = compToShow.CompanyId; } else { // seleziono la prima compToShow = listCompanies?.FirstOrDefault()!; - userCurrCompany = 0; + //userCurrCompany = 0; } } @@ -220,13 +228,30 @@ namespace WebDoorCreator.UI.Components.Gen { string answ = ""; var currCompObj = listCompanies.Where(x => x.CompanyId == WDCUService.userCurrComp).FirstOrDefault(); - if(currCompObj != null) + if (currCompObj != null) { answ = currCompObj.CompanyName; } return answ; } + protected string actionUrl + { + get + { + string answ = ""; + if (NavManager.Uri.Contains("/WDC/UI")) + { + answ = $"{baseUrl}/Identity/Account/LogOut"; + } + else + { + answ = "/Identity/Account/LogOut"; + } + return answ; + } + } + protected string translate(string lemma) { string answ = ""; @@ -279,7 +304,12 @@ namespace WebDoorCreator.UI.Components.Gen if (rawComp != null) { CompanyModel comp2Add = rawComp?.FirstOrDefault()!; + if (rawComp?.Count == 1) + { + userCurrCompany = comp2Add.CompanyId; + } listCompanies.Add(comp2Add); + } } } diff --git a/WebDoorCreator.UI/Components/Hardware/HardwareList.razor b/WebDoorCreator.UI/Components/Hardware/HardwareList.razor index dec2f8d..796cf9e 100644 --- a/WebDoorCreator.UI/Components/Hardware/HardwareList.razor +++ b/WebDoorCreator.UI/Components/Hardware/HardwareList.razor @@ -13,7 +13,7 @@ @foreach (var item in HwList) {
- +
}
diff --git a/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor b/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor index 313dd5a..5c58415 100644 --- a/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor +++ b/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor @@ -8,11 +8,19 @@ else {
+
- + @if (orderStatus == 10 || orderStatus == 10000) + { + + } + else + { + + }
diff --git a/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor.cs b/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor.cs index 750cc8e..dbf536d 100644 --- a/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor.cs +++ b/WebDoorCreator.UI/Components/Hardware/HardwareNewPanel.razor.cs @@ -39,6 +39,9 @@ namespace WebDoorCreator.UI.Components.Hardware [CascadingParameter] public string UserId { get; set; } = ""; + [CascadingParameter(Name = "orderStatus")] + public int orderStatus { get; set; } = 10; + #endregion Public Properties #region Public Methods diff --git a/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor b/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor index 98e44ba..0c97cba 100644 --- a/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor +++ b/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor @@ -1,175 +1,9 @@ -@if (currVal == null) +@if (dictValCurr == null) { } else { - @*
-
-
-
-
-
- @($"{translate(DoorOpInst.ObjectId)} #{instanceN}") -
-
- -
-
-
-
- -
-
-
-
-
-
- -
- Folder -
- -
-
-
- @currTempOrSh -
- - @if (listValuesFiles != null && listValuesFiles.Count > 0 && !string.IsNullOrEmpty(templateName)) - { - - } - else - { - - } -
- -
- @if (isLoading) - { - - } - else - { - @if (DoorOpInst.userConfirm != "" && DoorOpInst.DtConfirm != null) - { -
- @foreach (var item in currVal) - { - - @if (item.Key != "Folder" && item.Key != "template" && item.Key != "shape") - { - @if (isCombo(item.Key)) - { -
-
- @translate(item.Key) -
- - -
- } - else - { -
-
- @translate(item.Key) -
- - -
- } - } - } -
- -
-
- @if (isChangedVal()) - { -
- - -
- } - else - { -
- - -
- } -
- -
-
-
- - } - else - { - -
-
-
-
-
-
-
- - - -
-
-
- - } - } - -
-
*@ -
@@ -182,7 +16,7 @@ else
@($"{@getTrad(DoorOpInst.ObjectId)} #{instanceN}")
- @if (isChangedVal()) + @if (hasChanged) {
} @@ -196,21 +30,29 @@ else
Folder
- + @if (listValuesFname != null) { - + @foreach (var folder in listValuesFname) + { + + } } - } - + + } + else + { + + } +
- Folder + Template
- @if (listValuesFiles != null && listValuesFiles.Count > 0 && !string.IsNullOrEmpty(templateName)) + @if (listValuesFiles != null && listValuesFiles.Count > 0 && !string.IsNullOrEmpty(templateName) && (orderStatus == 10 || orderStatus == 10000)) { + }
@if (DoorOpInst.userConfirm != "" && DoorOpInst.DtConfirm != null) { - @foreach (var item in currVal) + @foreach (var item in dictValCurr) { @if (item.Key != "Folder" && item.Key != "template" && item.Key != "shape") @@ -238,15 +80,21 @@ else
@translate(item.Key)
- - + @if (orderStatus == 10 || orderStatus == 10000) + { + + } + else + { + + }
} else @@ -255,8 +103,14 @@ else
@translate(item.Key)
- - + @if (orderStatus == 10 || orderStatus == 10000) + { + + } + else + { + + }
} } @@ -264,7 +118,7 @@ else } else { - + Missing Confirm }

@@ -283,22 +137,22 @@ else
@if (DoorOpInst.userConfirm != "" && DoorOpInst.DtConfirm != null) { - @if (isChangedVal()) + @if (hasChanged) { } else { } } diff --git a/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor.cs b/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor.cs index f543625..c21cb06 100644 --- a/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor.cs +++ b/WebDoorCreator.UI/Components/Hardware/HwSingleInstance.razor.cs @@ -1,6 +1,7 @@ using Microsoft.AspNetCore.Components; using Microsoft.JSInterop; using Newtonsoft.Json; +using NLog; using WebDoorCreator.Data.DbModels; using WebDoorCreator.Data.Services; using WebDoorCreator.UI.Data; @@ -19,6 +20,7 @@ namespace WebDoorCreator.UI.Components.Hardware [Parameter] public EventCallback E_recordUpdate { get; set; } + [Parameter] public string HwCode { get; set; } = ""; @@ -28,61 +30,67 @@ namespace WebDoorCreator.UI.Components.Hardware [Parameter] public string Lingua { get; set; } = "EN"; + [CascadingParameter(Name = "orderStatus")] + public int orderStatus { get; set; } = 10; + [CascadingParameter] public string userId { get; set; } = ""; #endregion Public Properties - - #region Protected Properties - protected Dictionary _currVal { get; set; } = new Dictionary(); + [Inject] + protected IConfiguration config { get; set; } = null!; + + protected WebDoorCreator.Data.DDF.Converter currDdfConv { get; set; } = null!; + + protected string currTempOrSh { get; set; } = ""; /// /// Array dati /// - protected Dictionary currVal - { - get => _currVal; - set - { - if (value != null) - { - //if (int.TryParse(value["Size"], out int result)) - _currVal = value; - } - } - } + protected Dictionary? dictValCurr { get; set; } = new Dictionary(); + + /// + /// Array dati originali all'apertura + /// + protected Dictionary? dictValOrig { get; set; } = new Dictionary(); + + protected DoorOpModel DoorOpOrig { get; set; } = null!; protected string folderName { - get => currVal != null ? tryGetCurrVal("Folder") : ""; + get => dictValCurr != null ? tryGetCurrVal("Folder") : ""; set { - if (currVal["Folder"] != value) + if (dictValCurr != null) { - currVal["Folder"] = value; - var pUpd = Task.Run(async () => + if (dictValCurr["Folder"] != value) { - templateName = ""; - await SetSelectedData(); - }); + dictValCurr["Folder"] = value; + var pUpd = Task.Run(async () => + { + templateName = ""; + await SetSelectedData(); + }); + } } } } protected Dictionary> graphicParams { get; set; } = null!; + protected bool hasChanged { get; set; } = false; protected bool isLoading { get; set; } = false; [Inject] protected IJSRuntime JSRuntime { get; set; } = null!; protected List? listValuesFiles { get; set; } = null!; - protected List? listValuesHW { get; set; } = null!; - protected List? listValuesFname { get; set; } = null!; + protected List? listValuesHW { get; set; } = null!; + protected List ordListVal { get; set; } = new List(); [Inject] protected QueueDataService QDataServ { get; set; } = null!; @@ -92,9 +100,9 @@ namespace WebDoorCreator.UI.Components.Hardware get { string answ = ""; - if (currVal != null) + if (dictValCurr != null) { - if (currVal[currTempOrSh] != null) + if (dictValCurr[currTempOrSh] != null) { answ = tryGetCurrVal(currTempOrSh); } @@ -103,25 +111,28 @@ namespace WebDoorCreator.UI.Components.Hardware } set { - if (currVal[currTempOrSh] != null) + if (dictValCurr != null) { - if (currVal[currTempOrSh] != value) + if (dictValCurr[currTempOrSh] != null) { - currVal[currTempOrSh] = value; - DoorOpInst.userConfirm = ""; - DoorOpInst.DtConfirm = null; - if (!string.IsNullOrEmpty(value)) + if (dictValCurr[currTempOrSh] != value) { - var pUpd = Task.Run(async () => + dictValCurr[currTempOrSh] = value; + DoorOpInst.userConfirm = ""; + DoorOpInst.DtConfirm = null; + if (!string.IsNullOrEmpty(value)) { - // aggiorno direttamente i graphics parameters... - var newData = await WDCService.DoorOpGetUpdatedVals(DoorOpInst.ObjectId, currVal, graphicParams, currTempOrSh); - currVal = newData.Item1; - graphicParams = newData.Item2; - await doSave(); - await SetSelectedData(); - await E_recordUpdate.InvokeAsync(DoorOpInst); - }); + var pUpd = Task.Run(async () => + { + // aggiorno direttamente i graphics parameters... + var newData = await WDCService.DoorOpGetUpdatedVals(DoorOpInst.ObjectId, dictValCurr, graphicParams, currTempOrSh); + dictValCurr = newData.Item1; + graphicParams = newData.Item2; + await doSave(); + await SetSelectedData(); + await E_recordUpdate.InvokeAsync(DoorOpInst); + }); + } } } } @@ -161,6 +172,8 @@ namespace WebDoorCreator.UI.Components.Hardware List doorOpAddList = new List() { doorOpToAdd }; // salvo! var done = await WDCService.DoorOpInsert(DoorOpInst.DoorId, doorOpAddList); + // richiedo aggiornamento SVG + await refreshSVG(); await E_act2Rel.InvokeAsync(done); await FullReloadData(); } @@ -172,6 +185,8 @@ namespace WebDoorCreator.UI.Components.Hardware if (delConf) { var done = await WDCService.DoorOpDelete(DoorOpInst); + // richiedo aggiornamento SVG + await refreshSVG(); await E_act2Rel.InvokeAsync(done); await FullReloadData(); } @@ -179,29 +194,53 @@ namespace WebDoorCreator.UI.Components.Hardware protected async Task doSave() { - // salvo i NUOVI valori... - DoorOpInst.CurrVals = currVal; - DoorOpInst.GraphicParams = graphicParams; - // salvo! - var doorOps2Save = new List() { DoorOpInst }; - await WDCService.DoorOpUpdate(doorOps2Save); - // invio msg dato "salvabile" - // rileggo - await FullReloadData(); + if (dictValCurr != null) + { + // salvo i NUOVI valori... + DoorOpInst.CurrVals = dictValCurr; + DoorOpInst.GraphicParams = graphicParams; + // salvo! + List doorOpUpd = new List() { DoorOpInst }; + await WDCService.DoorOpUpdate(doorOpUpd); + // richiedo aggiornamento SVG + await refreshSVG(); + // aggiorno oggetto clonato + DoorOpOrig = DoorOpInst.ObjClone(userId, 0); + // invio msg dato "salvabile" rileggo + await FullReloadData(); + } } - protected bool isChangedVal() + protected string getTrad(string objId) { - bool answ = !DoorOpInst.JsoncActValEquals(currVal); - if (answ) + string answ = ""; + + if (listValuesHW != null) { - DoorOpInst.JsoncActVal = JsonConvert.SerializeObject(currVal); + var currHw2Trad = listValuesHW.Where(x => x.TableName == objId).FirstOrDefault(); + if (currHw2Trad != null) + { + answ = translate(currHw2Trad.Label); + } + } + + return answ; + } + + protected void isChangedVal() + { + //hasChanged = !DoorOpInst.JsonActValEquals(currVal); + var currSer = JsonConvert.SerializeObject(dictValCurr); + var origSer = JsonConvert.SerializeObject(dictValOrig); + hasChanged = currSer != origSer; + if (hasChanged) + { + DoorOpInst.JsoncActVal = JsonConvert.SerializeObject(dictValCurr); Task.Run(async () => { await E_recordUpdate.InvokeAsync(DoorOpInst); }); } - return answ; } protected bool isCombo(string pKey) @@ -214,11 +253,54 @@ namespace WebDoorCreator.UI.Components.Hardware return answ; } + protected override void OnInitialized() + { + base.OnInitialized(); + string vers = config.GetValue("ConfDDF:VersNumber"); + bool remDoorOp = config.GetValue("ConfDDF:RemoveDoorOps"); + var headRows = config.GetSection("ConfDDF:Header").Get>(); + var footRows = config.GetSection("ConfDDF:Footer").Get>(); + currDdfConv = new WebDoorCreator.Data.DDF.Converter(vers, remDoorOp, headRows, footRows); + } + protected override async Task OnParametersSetAsync() { + // copio valori orig... + DoorOpOrig = DoorOpInst.ObjClone(userId, 0); await FullReloadData(); } + /// + /// Effettua generazione DDF + refresh SVG + /// + /// + protected async Task refreshSVG() + { + List? listOpAll = await WDCService.DoorOpGetByDoorId(DoorOpInst.DoorId); + if (listOpAll != null) + { + List listOp = listOpAll.Where(x => x.userConfirm != "" && x.DtConfirm != null).ToList(); + if (listOp != null) + { + // chiamo metodo x avere DDF serializzato + var CurrentCompoOrder = await WDCService.ListValuesGetAll("*", "Hardware"); + if (CurrentCompoOrder != null) + { + foreach (var item in CurrentCompoOrder.OrderBy(x => x.Ordinal).ToList()) + { + ordListVal.Add(item.TableName); + } + } + + listOp = listOp.OrderBy(d => ordListVal.IndexOf(d.ObjectId)).ToList(); + + string currDdf = currDdfConv.GetSerialized(listOp); + // versione corrente del DDF generato + int currVers = await QDataServ.SendCalcReq(DoorOpInst.DoorId, currDdf); + } + } + } + protected string translate(string lemma) { string answ = ""; @@ -231,31 +313,49 @@ namespace WebDoorCreator.UI.Components.Hardware protected string tryGetCurrVal(string key) { string answ = ""; - if (currVal.ContainsKey(key)) + if (dictValCurr != null) { - answ = currVal[key]; + if (dictValCurr.ContainsKey(key)) + { + answ = dictValCurr[key]; + } } return answ; } + #endregion Protected Methods + + #region Private Fields + + private static Logger Log = LogManager.GetCurrentClassLogger(); + + #endregion Private Fields + + #region Private Methods + + private async Task FullReloadData() + { + dictValCurr = null; + await Task.Delay(1); + // genero 2 array x copia valori originali + dictValCurr = new Dictionary(); + dictValOrig = new Dictionary(); + foreach (var item in DoorOpOrig.CurrVals) + { + dictValCurr.Add(item.Key, item.Value); + dictValOrig.Add(item.Key, item.Value); + } + graphicParams = DoorOpInst.GraphicParams; + isChangedVal(); + await SetSelectedData(); + } + private string pathFinder(int id) { string answ = $"HwPdfConfirm?doorOpId={id}&doorId={DoorOpInst.DoorId}&objectId={DoorOpInst.ObjectId}"; return answ; } - #endregion Protected Methods - - #region Private Methods - - protected string currTempOrSh { get; set; } = ""; - - private async Task FullReloadData() - { - currVal = DoorOpInst.CurrVals; - graphicParams = DoorOpInst.GraphicParams; - await SetSelectedData(); - } private async Task SetSelectedData() { isLoading = true; @@ -302,29 +402,14 @@ namespace WebDoorCreator.UI.Components.Hardware } } } - catch (Exception ex) - { } + catch (Exception exc) + { + Log.Error($"Exc in SetSelectedData:{Environment.NewLine}{exc}"); + } isLoading = false; await InvokeAsync(StateHasChanged); } - - protected string getTrad(string objId) - { - string answ = ""; - - if (listValuesHW != null) - { - var currHw2Trad = listValuesHW.Where(x => x.TableName == objId).FirstOrDefault(); - if(currHw2Trad != null) - { - answ = translate(currHw2Trad.Label); - } - } - - return answ; - } - #endregion Private Methods } } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/Order/OrderDets.razor b/WebDoorCreator.UI/Components/Order/OrderDets.razor index 29a2775..d5246ad 100644 --- a/WebDoorCreator.UI/Components/Order/OrderDets.razor +++ b/WebDoorCreator.UI/Components/Order/OrderDets.razor @@ -1,5 +1,5 @@ 
- +
diff --git a/WebDoorCreator.UI/Components/Order/OrderDets.razor.cs b/WebDoorCreator.UI/Components/Order/OrderDets.razor.cs index e824299..bf9bcda 100644 --- a/WebDoorCreator.UI/Components/Order/OrderDets.razor.cs +++ b/WebDoorCreator.UI/Components/Order/OrderDets.razor.cs @@ -162,21 +162,5 @@ namespace WebDoorCreator.UI.Components.Order } #endregion Private Properties - - #region Private Methods - - private async Task updateFilter(DoorsSelectFilter newParams) - { - isLoading = true; - await Task.Delay(1); - currPage = 1; - searchValue = newParams.searchValue; - await Task.Delay(1); - await InvokeAsync(() => StateHasChanged()); - currFilter = newParams; - isLoading = false; - } - - #endregion Private Methods } } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor b/WebDoorCreator.UI/Components/Order/OrderList.razor index c8b5d1f..94675f0 100644 --- a/WebDoorCreator.UI/Components/Order/OrderList.razor +++ b/WebDoorCreator.UI/Components/Order/OrderList.razor @@ -9,17 +9,25 @@ else
Order Code Order Date Promised Date Created Confirmed Promised Delivery Company QtyModels#Order StatusTOTAL PRICEQty Models#Order Status TOTAL PRICE
- - - + @if (isEdit && item.OrderId == currOrderId) + { + + + } + else + { + + + + @if (item.OrderStatus < 30 || WDCUService.userRole == "DcaAdmin" || WDCUService.userRole == "SuperAdmin") + { + + } + else + { + + } + + + @if (item.OrderStatus < 20) + { + + } + else + { + + } + + + @if (!isTplPage) + { + + + } + } - @item.OrderExtCode -
@item.OrderDescript
+ @if (isEdit && item.OrderId == currOrderId && currOrder != null) + { + @if (item.OrderStatus < 20 || WDCUService.userRole == "DcaAdmin" || WDCUService.userRole == "SuperAdmin") + { +
+ Cod + +
+
+ Desc + +
+ } + else + { + @item.OrderExtCode +
@item.OrderDescript
+ } + + } + else + { + @item.OrderExtCode +
@item.OrderDescript
+ }
@item.DateIns@item.DateDelivery + @($"{item.DateIns:yyyy-MM-dd}") + + @if (item.DateOrd > dateLimit) + { + @($"{item.DateOrd:yyyy-MM-dd}") + } + + @if (item.OrderStatus == 20 && isEdit && item.OrderId == currOrderId) + { +
+ Promise + +
+ } + else + { + @if (item.DateProm > dateLimit) + { + @($"{item.DateProm:yyyy-MM-dd}") + } + } +
+ @if (item.DateDelivery > dateLimit) + { + if (item.DateDelivery <= item.DateProm) + { + @($"{item.DateDelivery:yyyy-MM-dd}") + } + else + { + @($"{item.DateDelivery:yyyy-MM-dd}") + } + } + @(GetCompany(item.CompanyId)) @item.NumDoors@item.NumType@getOrderStatusLabel(item.OrderStatus) - @($"{item.TotCost:C2}") -
@($"{item.Discount:C2}")
-
@item.NumType + @getOrderStatusLabel(item.OrderStatus) + +
@($"{item.TotCost:C2}")
+ @if (item.Discount != 0) + { +
@($"{item.Discount:C2}")
+ } +
@if (item.OrderStatus <= 10) { diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor.cs b/WebDoorCreator.UI/Components/Order/OrderList.razor.cs index 6c5f46b..9161ce3 100644 --- a/WebDoorCreator.UI/Components/Order/OrderList.razor.cs +++ b/WebDoorCreator.UI/Components/Order/OrderList.razor.cs @@ -31,6 +31,9 @@ namespace WebDoorCreator.UI.Components.Order public int Height { get; set; } + [CascadingParameter] + public bool isTplPage { get; set; } + public OrderStatusViewModel? Ord2Show { get; set; } [Parameter] @@ -66,7 +69,14 @@ namespace WebDoorCreator.UI.Components.Order #region Protected Properties protected OrderStatusViewModel? currOrder { get; set; } = null; + + protected int currOrderId + { + get => currOrder != null ? currOrder.OrderId : 0; + } + protected string currUser { get; set; } = ""; + protected bool isEdit { get; set; } = false; protected bool isModRole { get; set; } = false; [Inject] @@ -115,7 +125,6 @@ namespace WebDoorCreator.UI.Components.Order /// protected async Task cloneAndShow(int orderId) { - await Task.Delay(1); await E_OrdReqClone.InvokeAsync(orderId); } @@ -130,6 +139,52 @@ namespace WebDoorCreator.UI.Components.Order await ReloadData(); } + protected async Task editCancel() + { + currOrder = null; + isEdit = false; + await ReloadData(); + } + + protected async Task editConfirm() + { + if (currOrder != null) + { + bool done = false; + // salvo verificando status... + if (currOrder.OrderStatus == 10 || currOrder.OrderStatus == 10000) + { + done = await WDService.OrderUpdateDescript(currOrder.OrderId, currOrder.OrderExtCode, currOrder.OrderDescript); + } + else + { + done = await WDService.OrderUpdatePromDate(currOrder.OrderId, currOrder.DateProm); + } + // resetto info + currOrder = null; + isEdit = false; + await WDService.OrdersFlushCache(); + await ReloadData(); + } + } + + protected async Task editOrder(OrderStatusViewModel selOrder) + { + currOrder = selOrder; + isEdit = true; + await Task.Delay(1); + } + + protected string GetCompany(int CompanyId) + { + string answ = $"{CompanyId}"; + if (ListCompany != null && ListCompany.ContainsKey(CompanyId)) + { + answ = ListCompany[CompanyId]; + } + return answ; + } + protected string getOrderStatusLabel(int orderStat) { string answ = ""; @@ -145,6 +200,21 @@ namespace WebDoorCreator.UI.Components.Order return answ; } + protected string getOrderStatusColor(int orderStat) + { + string answ = ""; + + if (ListValuesAll != null) + { + var currOrdStat = ListValuesAll.Where(x => int.Parse(x.Value) == orderStat).FirstOrDefault(); + if (currOrdStat != null) + { + answ = currOrdStat.DefaultVal; + } + } + + return answ; + } protected override async Task OnAfterRenderAsync(bool firstRender) { @@ -250,10 +320,11 @@ namespace WebDoorCreator.UI.Components.Order #region Private Fields + private DateTime dateLimit = new DateTime(2000, 1, 1); + private Dictionary ListCompany = new Dictionary(); private List? ListOrdersStatus = null; private List? ListValuesAll = null; - private Dictionary ListCompany = new Dictionary(); - + private List? SearchRecords = null; private bool sortAsc = true; private string sortField = ""; @@ -285,16 +356,6 @@ namespace WebDoorCreator.UI.Components.Order [Inject] private ILocalStorageService localStorage { get; set; } = null!; - protected string GetCompany(int CompanyId) - { - string answ = $"{CompanyId}"; - if (ListCompany != null && ListCompany.ContainsKey(CompanyId)) - { - answ = ListCompany[CompanyId]; - } - return answ; - } - private int numRecord { get => actFilter.NumRec; @@ -353,57 +414,126 @@ namespace WebDoorCreator.UI.Components.Order ListValuesAll = await WDService.ListValuesGetAll("All", "OrderStep"); - var SearchRecords = await WDService.OrderStatusGetFilt(userCurrCompany, orderStatus, dateFrom, dateTo); - if (SearchRecords != null) + var tempRec = await WDService.OrderStatusGetFilt(userCurrCompany, orderStatus, dateFrom, dateTo); + if (tempRec != null) { - totalCount = SearchRecords.Count; - if (searchVal != "") + if (isTplPage) { - ListOrdersStatus = SearchRecords - .Where(x => x.OrderDescript.ToLower().Contains(searchVal.ToLower()) || x.OrderExtCode.ToLower().Contains(searchVal.ToLower())) - .Skip(numRecord * (currPage - 1)) - .Take(numRecord) - .ToList(); + SearchRecords = tempRec.Where(x => x.OrderStatus >= 10000).ToList(); } else { - ListOrdersStatus = SearchRecords - .Skip(numRecord * (currPage - 1)) - .Take(numRecord) - .ToList(); + SearchRecords = tempRec.Where(x => x.OrderStatus < 10000).ToList(); } - if (!string.IsNullOrEmpty(sortField)) + if (SearchRecords != null) { - switch (sortField) + totalCount = SearchRecords.Count; + if (searchVal != "") { - case "OrderDate": - if (sortAsc) - { - ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.DateIns).ToList(); - } - else - { + ListOrdersStatus = SearchRecords + .Where(x => x.OrderDescript.ToLower().Contains(searchVal.ToLower()) || x.OrderExtCode.ToLower().Contains(searchVal.ToLower())) + .Skip(numRecord * (currPage - 1)) + .Take(numRecord) + .ToList(); + } + else + { + ListOrdersStatus = SearchRecords + .Skip(numRecord * (currPage - 1)) + .Take(numRecord) + .ToList(); + } + if (!string.IsNullOrEmpty(sortField)) + { + switch (sortField) + { + case "DateIns": + if (sortAsc) + { + ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.DateIns).ToList(); + } + else + { + ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.DateIns).ToList(); + } + break; + + case "DateOrd": + if (sortAsc) + { + ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.DateOrd).ToList(); + } + else + { + ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.DateOrd).ToList(); + } + break; + + case "DateProm": + if (sortAsc) + { + ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.DateProm).ToList(); + } + else + { + ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.DateProm).ToList(); + } + break; + + case "DateDelivery": + if (sortAsc) + { + ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.DateDelivery).ToList(); + } + else + { + ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.DateDelivery).ToList(); + } + break; + + case "OrderNumber": + if (sortAsc) + { + ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.OrderExtCode).ToList(); + } + else + { + ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.OrderExtCode).ToList(); + } + break; + + + case "OrdStatus": + if (sortAsc) + { + ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.OrderStatus).ToList(); + } + else + { + ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.OrderStatus).ToList(); + } + break; + + + case "Qty": + if (sortAsc) + { + ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.NumDoors).ToList(); + } + else + { + ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.NumDoors).ToList(); + } + break; + + default: ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.DateIns).ToList(); - } - break; - - case "OrderNumber": - if (sortAsc) - { - ListOrdersStatus = ListOrdersStatus.OrderBy(x => x.OrderExtCode).ToList(); - } - else - { - ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.OrderExtCode).ToList(); - } - break; - - default: - ListOrdersStatus = ListOrdersStatus.OrderByDescending(x => x.DateIns).ToList(); - break; + break; + } } } } + await Task.Delay(1); await InvokeAsync(StateHasChanged); } diff --git a/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor b/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor new file mode 100644 index 0000000..c7d1935 --- /dev/null +++ b/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor @@ -0,0 +1,255 @@ + + +
+ @if (CurrLevel == 1) + { +
+
+
+

+ @translOpt(isTplPage, "UI_OrdList","UI_TplList") +

+
+
+
+ @if (userCurrCompany > 0) + { + + } +
+ +
+
+
+ +
+ +
+ +
+
+ } + else if (CurrLevel == 2 && ord2Show != null) + { +
+
+
+
+

+ @translOpt(isTplPage, "UI_OrdList","UI_TplList") +

+
+
+ @if (ord2Show.OrderStatus <= 40) + { +
Order Date:
+
@(ord2Show.DateIns.ToString("yyyy-MM-dd"))
+ } + else if (ord2Show.OrderStatus >= 50 && ord2Show.OrderStatus <= 60) + { +
Delivery promised date:
+
@(ord2Show.DateProm.ToString("yyyy-MM-dd"))
+ } + else if (ord2Show.OrderStatus == 70) + { +
Delivery date:
+
@(ord2Show.DateDelivery.ToString("yyyy-MM-dd"))
+ } +
+
+ @ord2Show.OrderExtCode +
@ord2Show.OrderDescript
+
+
+
+
Models #:
+
@ord2Show.NumType
+
+
+
Quantity #:
+
@ord2Show.NumDoors
+
+
+ @*
+
*@ +
+
@getOrderStatusLabel(ord2Show.OrderStatus)
+
+ @*
+
TOTAL COST:
+
*@ +
@($"{ord2Show.TotCost:C2}")
+
+ +
+
+
+
+
+ + + +
+ } + else if (CurrLevel == 3 && currDoor != null && currDoor.DoorId > 0) + { + +
+ @if (ord2Show != null) + { +
+
+
+

+ @translOpt(isTplPage, "UI_OrdList","UI_TplList") +

+
+
+ @if (ord2Show.OrderStatus <= 40) + { +
Order Date:
+
@(ord2Show.DateIns.ToString("yyyy-MM-dd"))
+ } + else if (ord2Show.OrderStatus >= 50 && ord2Show.OrderStatus <= 60) + { +
Delivery promised date:
+
@(ord2Show.DateProm.ToString("yyyy-MM-dd"))
+ } + else if (ord2Show.OrderStatus == 70) + { +
Delivery date:
+
@(ord2Show.DateDelivery.ToString("yyyy-MM-dd"))
+ } +
+
+ @ord2Show.OrderExtCode +
@ord2Show.OrderDescript
+
+
+
+
Models #:
+
@ord2Show.NumType
+
+
+
Quantity #:
+
@ord2Show.NumDoors
+
+
+ @*
+
*@ +
+
@getOrderStatusLabel(ord2Show.OrderStatus)
+
+ @*
+
TOTAL COST:
+
*@ +
@($"{ord2Show.TotCost:C2}")
+
+ +
+
+
+ } +
+
+
+
+
+

+ DOOR DETAILS +

+
+
+
@($"D.{currDoor.DoorId}")
+
+ @if (currDoor.ParentId != 1) + { +
+
Type:
+
@currDoor.ParentId
+
+ } +
+
Description:
+
@currDoor.DoorDescript
+
+
+
Unit cost:
+
@($"{currDoor.UnitCost:C2}")
+
+
+
Quantity:
+
@currDoor.Quantity
+
+ +
+ +
+
+
+
+
+ +
+ } +
+ + @if (currDoorModal != null && currDoorModal.DoorId != 0) + { + + } + @if (newOrdReq) + { +
+
+ + + +
+
+ } +
+ + + +
diff --git a/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.cs b/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.cs new file mode 100644 index 0000000..b856a8f --- /dev/null +++ b/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.cs @@ -0,0 +1,523 @@ +using Blazored.LocalStorage; +using EgwCoreLib.Razor; +using Microsoft.AspNetCore.Components; +using Microsoft.JSInterop; +using WebDoorCreator.Data.DbModels; +using WebDoorCreator.Data.Services; +using WebDoorCreator.UI.Data; + +namespace WebDoorCreator.UI.Components.Order +{ + public partial class OrdersDoorsDoorDef : IDisposable + { + #region Public Properties + + [CascadingParameter] + public bool isTplPage { get; set; } = false; + + [Parameter] + public EventCallback E_currUser { get; set; } + + public string userId + { + get + { + return WDCUService.userId; + } + } + + [Inject] + protected WDCVocabularyService WDCVService { get; set; } = null!; + + #endregion Public Properties + + #region Public Methods + + public void Dispose() + { + WDCUService.EA_UserCurrCompany -= OnNewUserCurrComp; + } + + public async void OnNewUserCurrComp() + { + await Task.Delay(1); + await InvokeAsync(() => + { + StateHasChanged(); + }); + } + + #endregion Public Methods + + #region Protected Fields + + protected string _doorExtCode = ""; + protected int _doorQuantity = 0; + protected string _orderCodExt = ""; + protected string _orderDescr = ""; + protected bool cloneReq = false; + protected bool newOrdReq = false; + protected int ordIdOrig = 0; + protected DataPager? pagerOrderHP = null!; + + #endregion Protected Fields + + #region Protected Properties + + protected DoorModel? currDoor { get; set; } = null; + protected DoorModel? currDoorModal { get; set; } = null; + protected int currParentId { get; set; } = 0; + protected OrderSelectFilter currFilter { get; set; } = new OrderSelectFilter(); + protected int CurrLevel { get; set; } = 1; + protected int currOrderId { get; set; } = 0; + protected AspNetUsers? currUser { get; set; } = null; + protected bool doorChange { get; set; } = false; + + protected string doorExtCode + { + get => _doorExtCode; + set => _doorExtCode = value; + } + + protected int doorQuantity + { + get => _doorQuantity; + set => _doorQuantity = value; + } + + protected List? DoorsList { get; set; } = null; + protected string goToDefPage { get; set; } = ""; + protected bool isModRole { get; set; } = false; + + [Inject] + protected IJSRuntime JSRuntime { get; set; } = null!; + + [Inject] + protected NavigationManager NavManager { get; set; } = null!; + + protected OrderStatusViewModel? ord2Show { get; set; } = new OrderStatusViewModel(); + + protected string orderCodExt + { + get => _orderCodExt; + set => _orderCodExt = value; + } + + protected string orderDescr + { + get => _orderDescr; + set => _orderDescr = value; + } + + [Inject] + protected QueueDataService QDService { get; set; } = null!; + + protected List? RolesList { get; set; } = null; + + protected string stepColor { get; set; } = ""; + + protected int totalCount { get; set; } + + protected int userCurrCompany + { + get => WDCUService.userCurrComp; + } + + protected List? UsersList { get; set; } = null; + + [Inject] + protected WDCUserService WDCUService { get; set; } = null!; + + [Inject] + protected WebDoorCreatorService WDService { get; set; } = null!; + [Inject] + protected WDCVocabularyService VocService { get; set; } = null!; + + #endregion Protected Properties + + private List? ListValuesAll = null; + #region Protected Methods + protected string translate(string lemma) + { + return VocService.Traduci(WDCUService.currLanguage ?? "EN", lemma); + } + + /// + /// Traduzione condizionale + /// + /// valore condizione + /// lemma caso FALSE + /// lemma caso TRUE + /// + protected string translOpt(bool condition, string lemmaCF, string lemmaCT) + { + string answ = ""; + if (condition) + { + answ = VocService.Traduci(WDCUService.currLanguage ?? "EN", lemmaCT); + } + else + { + answ = VocService.Traduci(WDCUService.currLanguage ?? "EN", lemmaCF); + } + return answ; + } + + + + protected string Lingua = "EN"; + + protected async Task addNewOrder(string userName, bool saveAsTemplate) + { + // preparo nuovo record + OrderModel addRec = new OrderModel() + { + CompanyId = userCurrCompany, + OrderExtCode = orderCodExt, + DateIns = DateTime.Now, + UserIdIns = userId, + DateMod = DateTime.Now, + UserIdMod = userId, + Status = saveAsTemplate ? 10000 : 10, + OrderDescript = orderDescr + }; + + // ...SE fosse clonato clono anche la company + var currCompanyId = userCurrCompany; + if (cloneReq) + { + var ord2clone = await WDService.OrderGetByKey(ordIdOrig); + if (ord2clone != null) + { + addRec.CompanyId = ord2clone.CompanyId; + addRec.OrderDescript += $" - Cloned from {ord2clone.OrderDescript}"; + addRec.OrderExtCode += $" ({ord2clone.OrderExtCode})"; + } + } + + var newOrdId = await WDService.OrderAdd(addRec); + + if (newOrdId > 0) + { + // se richiesto eseguo cloning ordine + if (cloneReq && ordIdOrig > 0) + { + var ordCloned = await WDService.OrderDuplicate(ordIdOrig, newOrdId, userName); + cloneReq = false; + ordIdOrig = 0; + // chiamo procedura ricalcolo SVG + await doCalcSVG(newOrdId); + } + // flush dati ordine + reload + await WDService.OrdersFlushCache(); + orderCodExt = ""; + orderDescr = ""; + doorChange = true; + newOrdReq = false; + } + await Task.Delay(1); + } + + protected async Task addOrModDoor(string userName) + { + DoorModel? addRec = new DoorModel(); + + if (currParentId != 0) + { + if (DoorsList != null) + { + addRec = DoorsList.Where(x => x.ParentId == currParentId).FirstOrDefault(); + } + } + + if (addRec != null) + { + var done = await WDService.DoorUpsert(addRec); + + if (done) + { + NavManager.NavigateTo(NavManager.Uri, true); + } + } + } + + protected async Task catchCurrOrder(int orderId) + { + DoorsList = null; + await Task.Delay(1); + currOrderId = orderId; + await ReloadData(); + goToDefPage = $"DoorDefinition?idOrd={orderId}"; + } + + protected async Task catchDoorChange(bool isChanged) + { + await Task.Delay(1); + doorChange = isChanged; + } + + protected async Task changeLevel(int newLevel) + { + await Task.Delay(1); + CurrLevel = newLevel; + if (newLevel <= 1) + { + await localStorage.RemoveItemAsync("OrderId"); + } + } + + protected async Task CloseNewOrd() + { + newOrdReq = false; + cloneReq = false; + orderCodExt = ""; + orderDescr = ""; + await Task.Delay(1); + } + + protected async Task emptyModal() + { + await Task.Delay(1); + DoorsList = null; + currDoor = null; + } + + protected void ForceReload(int newNum) + { + numRecord = newNum; + } + + protected void ForceReloadPage(int newNum) + { + currPage = newNum; + } + + protected override async Task OnInitializedAsync() + { + await Task.Delay(1); + + ListValuesAll = await WDService.ListValuesGetAll("All", "OrderStep"); + WDCUService.EA_UserCurrCompany += OnNewUserCurrComp; + } + + protected async Task ReloadData() + { + DoorsList = await WDService.DoorGetByOrderId(currOrderId); + } + + protected async Task ReqNewOrd() + { + newOrdReq = true; + cloneReq = false; + await Task.Delay(1); + } + + protected async Task SetCurrDoor(DoorModel door) + { + await Task.Delay(1); + currDoor = null; + if (door != null && door.DoorId != 0) + { + currDoor = door; + await changeLevel(3); + } + else + { + await changeLevel(2); + } + } + + protected async Task SetCurrDoorModal(DoorModel door) + { + await Task.Delay(1); + currDoorModal = null; + if (door != null && door.DoorId != 0) + { + currDoorModal = door; + } + } + + protected async Task SetCurrDoorType(int parentId) + { + await Task.Delay(1); + currParentId = parentId; + } + + protected async Task setEmpty() + { + await Task.Delay(1); + if (ord2Show != null) + { + ord2Show = null; + await changeLevel(1); + } + } + + protected async Task SetOrd2Clone(int OrderId) + { + await Task.Delay(1); + newOrdReq = true; + cloneReq = true; + ordIdOrig = OrderId; + } + + protected async Task setOrd2Null(bool isEmpty) + { + await Task.Delay(1); + if (isEmpty) + { + //ord2Show = null; + NavManager.NavigateTo("OrdersHomePage", true); + } + } + + protected async Task SetOrd2Show(OrderStatusViewModel currOrd) + { + await Task.Delay(1); + if (currOrd != null) + { + ord2Show = currOrd; + await changeLevel(2); + } + } + + protected async Task setStepColor(string StepColor) + { + await Task.Delay(1); + stepColor = StepColor; + StateHasChanged(); + } + + protected void UpdateTotCount(int newTotCount) + { + totalCount = newTotCount; + } + + #endregion Protected Methods + + #region Private Properties + + private int currPage + { + get => currFilter.CurrPage; + set => currFilter.CurrPage = value; + } + + private DateTime dateFrom + { + get => currFilter.DateFrom; + set => currFilter.DateFrom = value; + } + + private DateTime dateTo + { + get => currFilter.DateTo; + set => currFilter.DateTo = value; + } + + private bool isLoading { get; set; } = false; + + [Inject] + private ILocalStorageService localStorage { get; set; } = null!; + + private int numRecord + { + get => currFilter.NumRec; + set => currFilter.NumRec = value; + } + + private int orderStatus + { + get => currFilter.OrderStatus; + set => currFilter.OrderStatus = value; + } + + private string searchValue + { + get => currFilter.searchValue; + set => currFilter.searchValue = value; + } + + #endregion Private Properties + + protected string getOrderStatusLabel(int orderStat) + { + string answ = ""; + + if (ListValuesAll != null) + { + var currOrdStat = ListValuesAll.Where(x => int.Parse(x.Value) == orderStat).FirstOrDefault(); + if (currOrdStat != null) + { + answ = currOrdStat.Label; + } + } + + return answ.ToUpper(); + } + protected string getOrderStatusColor(int orderStat) + { + string answ = ""; + + if (ListValuesAll != null) + { + var currOrdStat = ListValuesAll.Where(x => int.Parse(x.Value) == orderStat).FirstOrDefault(); + if (currOrdStat != null) + { + answ = currOrdStat.DefaultVal; + } + } + + return answ; + } + + #region Private Methods + + private async Task doCalcSVG(int orderId) + { + var DoorsList = await WDService.DoorGetByOrderId(orderId); + // recupero elenco porte come list interi... + if (DoorsList != null && DoorsList.Count > 0) + { + List doorIdList = DoorsList + .Select(x => $"{x.DoorId}") + .ToList(); + // chiamo reset + var list2Proc = await QDService.ResetQueueByDoorList(doorIdList); + // se ho porte da processare --> chiamo save... + string currDDF = ""; + int currDoorId = 0; + int currVers = 0; + foreach (var item in list2Proc) + { + currDoorId = 0; + currVers = 0; + int.TryParse(item, out currDoorId); + if (currDoorId > 0) + { + currDDF = await WDService.DoorOpGetDDF(currDoorId); + // versione corrente del DDF generato + currVers = await QDService.SendCalcReq(currDoorId, currDDF); + } + } + } + } + + private async Task updateFilter(OrderSelectFilter newParams) + { + isLoading = true; + await Task.Delay(1); + currPage = 1; + searchValue = newParams.searchValue; + dateFrom = newParams.DateFrom; + dateTo = newParams.DateTo; + orderStatus = newParams.OrderStatus; + await Task.Delay(1); + await InvokeAsync(() => StateHasChanged()); + currFilter = newParams; + isLoading = false; + } + + #endregion Private Methods + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/OrdersHomePage.razor.css b/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.css similarity index 100% rename from WebDoorCreator.UI/Pages/OrdersHomePage.razor.css rename to WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.css diff --git a/WebDoorCreator.UI/Pages/OrdersHomePage.razor.less b/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.less similarity index 100% rename from WebDoorCreator.UI/Pages/OrdersHomePage.razor.less rename to WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.less diff --git a/WebDoorCreator.UI/Pages/OrdersHomePage.razor.min.css b/WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.min.css similarity index 100% rename from WebDoorCreator.UI/Pages/OrdersHomePage.razor.min.css rename to WebDoorCreator.UI/Components/Order/OrdersDoorsDoorDef.razor.min.css diff --git a/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor b/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor index 38ebac5..3ed43a4 100644 --- a/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor +++ b/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor @@ -1,7 +1,7 @@  -
+
@ItemName
@@ -21,24 +21,38 @@ - - - + + + - - - @if (ShowPlus) + + @if (ImageBig) { - + + } + else + { + + } + @if (ShowPlus && !Disabled) + { + } - @if (ShowPlus) + @if (!Disabled) { - + @if (ShowPlus) + { + + } + else + { + + } } else { - + } \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor.cs b/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor.cs index f974d42..12d9ab7 100644 --- a/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor.cs +++ b/WebDoorCreator.UI/Components/SvgComp/HwSvgObj.razor.cs @@ -56,16 +56,32 @@ namespace WebDoorCreator.UI.Components.SvgComp [Parameter] public bool ShowPlus { get; set; } = false; + [Parameter] + public bool Disabled { get; set; } = false; + [Parameter] public string TextStyle { get; set; } = "font-size: 2.5em;"; + [Parameter] + public string TextCss { get; set; } = ""; + + [Parameter] + public string PlusOpacity { get; set; } = "30%"; + [Parameter] + public string BgColorFrom { get; set; } = "#AFCFD1"; + [Parameter] + public string BgColorTo { get; set; } = "#92B2C4"; + + [Parameter] + public bool ImageBig { get; set; } = false; + #endregion Public Properties #region Protected Properties protected string cardClass { - get => ItemCount > 0 ? "bg-primary text-light" : "bg-inactive text-dark"; + get => ItemCount > 0 ? "bg-primary text-light" : "bg-inactive"; } protected CircleData CircleImg { get; set; } = null!; diff --git a/WebDoorCreator.UI/Components/TemplateMan/TemplModal.razor.cs b/WebDoorCreator.UI/Components/TemplateMan/TemplModal.razor.cs index fb4e21e..ee205e6 100644 --- a/WebDoorCreator.UI/Components/TemplateMan/TemplModal.razor.cs +++ b/WebDoorCreator.UI/Components/TemplateMan/TemplModal.razor.cs @@ -200,8 +200,8 @@ namespace WebDoorCreator.UI.Components.TemplateMan { Dictionary answ = new Dictionary(); answ.Add("Door ID:", $"{door.DoorId}"); - answ.Add("Model #:", $"{door.DoorIdParent}"); - answ.Add("Door Price:", $"{(door.Quantity * door.UnitCost):C2}"); + answ.Add($"{door.DoorExtCode} {door.DoorDescript}", ""); + answ.Add("Unit Price:", $"{door.UnitCost:C2}"); return answ; } } diff --git a/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor new file mode 100644 index 0000000..8a345e8 --- /dev/null +++ b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor @@ -0,0 +1,20 @@ +@if (currTplDoors != null) +{ +
+ + @foreach (var door in currTplDoors) + { +
+
+
Door Code: @door.DoorExtCode
+
Parent ID: @door.ParentId
+
Door Description: @door.DoorDescript
+
+
+ @door.DoorId
+ +
+
+ } +
+} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.cs b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.cs new file mode 100644 index 0000000..9567a0a --- /dev/null +++ b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.cs @@ -0,0 +1,32 @@ +using Microsoft.AspNetCore.Components; +using WebDoorCreator.Data.DbModels; +using WebDoorCreator.Data.Services; + +namespace WebDoorCreator.UI.Components.TemplateMan +{ + public partial class TemplateList + { + [Parameter] + public int orderId { get; set; } = 0; + + [Inject] + protected WebDoorCreatorService WDService { get; set; } = null!; + + protected List? currTplDoors = null; + + protected override async Task OnParametersSetAsync() + { + await ReloadData(); + } + + protected async Task ReloadData() + { + currTplDoors = await WDService.DoorGetByOrderId(orderId); + } + + protected string svgUrl(int doorId) + { + return $"api/DoorImage/GetImage.svg?DoorId={doorId}"; + } + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.css b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.css new file mode 100644 index 0000000..434385d --- /dev/null +++ b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.css @@ -0,0 +1,15 @@ +.tplBox { + cursor: pointer; +} +.tplBox:hover { + animation: showShadow 0.5s; + box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px; +} +@keyframes showShadow { + 0% { + box-shadow: rgba(255, 255, 255, 0) 0px 8px 24px; + } + 100% { + box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px; + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.less b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.less new file mode 100644 index 0000000..78125b0 --- /dev/null +++ b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.less @@ -0,0 +1,18 @@ +.tplBox{ + cursor: pointer; +} + +.tplBox:hover { + animation: showShadow .5s; + box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px; +} + +@keyframes showShadow { + 0% { + box-shadow: rgba(255, 255, 255, 0) 0px 8px 24px; + } + + 100% { + box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px; + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.min.css b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.min.css new file mode 100644 index 0000000..b03aa47 --- /dev/null +++ b/WebDoorCreator.UI/Components/TemplateMan/TemplateList.razor.min.css @@ -0,0 +1 @@ +.tplBox{cursor:pointer;}.tplBox:hover{animation:showShadow .5s;box-shadow:rgba(149,157,165,.6) 0 8px 24px;}@keyframes showShadow{0%{box-shadow:rgba(255,255,255,0) 0 8px 24px;}100%{box-shadow:rgba(149,157,165,.6) 0 8px 24px;}} \ No newline at end of file diff --git a/WebDoorCreator.UI/Controllers/DoorImageController.cs b/WebDoorCreator.UI/Controllers/DoorImageController.cs index 17e488c..9fcfee4 100644 --- a/WebDoorCreator.UI/Controllers/DoorImageController.cs +++ b/WebDoorCreator.UI/Controllers/DoorImageController.cs @@ -36,7 +36,7 @@ namespace WebDoorCreator.UI.Controllers } #endif - // GET: api/Alive + // GET: api/DoorImage [HttpGet] public string Get() { diff --git a/WebDoorCreator.UI/Controllers/ReportController.cs b/WebDoorCreator.UI/Controllers/ReportController.cs index cc1e49a..5b07865 100644 --- a/WebDoorCreator.UI/Controllers/ReportController.cs +++ b/WebDoorCreator.UI/Controllers/ReportController.cs @@ -25,7 +25,7 @@ namespace WebDoorCreator.UI.Controllers #region Public Methods - // GET: api/Alive + // GET: api/Report [HttpGet] public string Get() { diff --git a/WebDoorCreator.UI/Data/CompoSelectFilter.cs b/WebDoorCreator.UI/Data/CompoSelectFilter.cs new file mode 100644 index 0000000..30313a1 --- /dev/null +++ b/WebDoorCreator.UI/Data/CompoSelectFilter.cs @@ -0,0 +1,67 @@ +namespace WebDoorCreator.UI.Data +{ + public class CompoSelectFilter + { + #region Public Constructors + + public CompoSelectFilter() + { } + + #endregion Public Constructors + + #region Public Properties + + public int CurrPage { get; set; } = 1; + public int MaxRecord { get; set; } = 100; + + public int NumRec { get; set; } = 10; + + public int TotCount { get; set; } = 0; + + #endregion Public Properties + + #region Public Methods + + public CompoSelectFilter clone() + { + CompoSelectFilter clonedData = new CompoSelectFilter() + { + CurrPage = this.CurrPage, + MaxRecord = this.MaxRecord, + NumRec = this.NumRec, + TotCount = this.TotCount + }; + return clonedData; + } + + public override bool Equals(object? obj) + { + if (obj == null) + return false; + + if (!(obj is CompoSelectFilter item)) + return false; + + if (MaxRecord != item.MaxRecord) + return false; + + if (NumRec != item.NumRec) + return false; + + if (TotCount != item.TotCount) + return false; + + if (CurrPage != item.CurrPage) + return false; + + return true; + } + + public override int GetHashCode() + { + return base.GetHashCode(); + } + + #endregion Public Methods + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Data/DoorsSelectFilter.cs b/WebDoorCreator.UI/Data/DoorsSelectFilter.cs index 27b7d7f..29c41fd 100644 --- a/WebDoorCreator.UI/Data/DoorsSelectFilter.cs +++ b/WebDoorCreator.UI/Data/DoorsSelectFilter.cs @@ -44,7 +44,7 @@ if (obj == null) return false; - if (!(obj is OrderSelectFilter item)) + if (!(obj is DoorsSelectFilter item)) return false; if (MaxRecord != item.MaxRecord) diff --git a/WebDoorCreator.UI/Data/OrderSelectFilter.cs b/WebDoorCreator.UI/Data/OrderSelectFilter.cs index 10cb7ea..988fc6f 100644 --- a/WebDoorCreator.UI/Data/OrderSelectFilter.cs +++ b/WebDoorCreator.UI/Data/OrderSelectFilter.cs @@ -15,7 +15,7 @@ public string Id { get; set; } = "*"; public string searchValue { get; set; } = ""; - public DateTime DateFrom { get; set; } = new DateTime(DateTime.Now.Year, 1, 1); + public DateTime DateFrom { get; set; } = new DateTime(DateTime.Now.Year - 1, 1, 1); public DateTime DateTo { get; set; } = DateTime.Today.AddDays(1); public int OrderStatus { get; set; } = 0; public int MaxRecord { get; set; } = 100; @@ -70,7 +70,7 @@ if (DateTo != item.DateTo) return false; - + if (OrderStatus != item.OrderStatus) return false; diff --git a/WebDoorCreator.UI/Data/WDCRefreshService.cs b/WebDoorCreator.UI/Data/WDCRefreshService.cs index d776ddc..96fac4d 100644 --- a/WebDoorCreator.UI/Data/WDCRefreshService.cs +++ b/WebDoorCreator.UI/Data/WDCRefreshService.cs @@ -8,25 +8,20 @@ namespace WebDoorCreator.UI.Data #region Public Events public event Action EA_UpdDoorOp = null!; - //public EventCallback EA_ConfDoorOp { get; set; } public event EventHandler EA_ConfDoorOp = delegate { }; #endregion Public Events #region Public Properties - //public Dictionary UserPref { get; set; } = new Dictionary(); public bool isDoorOpUpd { get => _isDoorOpUpd; set { - //if (_isDoorOpUpd != value) - //{ _isDoorOpUpd = value; reportDoorOpUpd(); - //} } } diff --git a/WebDoorCreator.UI/Data/WDCVocabularyService.cs b/WebDoorCreator.UI/Data/WDCVocabularyService.cs index 0988903..31ff8ce 100644 --- a/WebDoorCreator.UI/Data/WDCVocabularyService.cs +++ b/WebDoorCreator.UI/Data/WDCVocabularyService.cs @@ -1,7 +1,6 @@ using Microsoft.AspNetCore.Identity.UI.Services; using Newtonsoft.Json; using NLog; -using Org.BouncyCastle.Asn1.X500; using StackExchange.Redis; using System.Diagnostics; using WebDoorCreator.Data.Controllers; @@ -10,10 +9,17 @@ namespace WebDoorCreator.UI.Data { public class WDCVocabularyService { + #region Public Fields + public static WebDoorCreatorController dbController = null!; + #endregion Public Fields + + #region Public Constructors + public WDCVocabularyService(IConfiguration configuration, IConnectionMultiplexer redisConnMult, IEmailSender emailSender) { + Log.Info("WDCVocabularyService starting..."); _configuration = configuration; _emailSender = emailSender; // Conf cache @@ -45,11 +51,14 @@ namespace WebDoorCreator.UI.Data VocabularyLemmas = Task.Run(async () => await VocLemmaGetAll()).Result; } } - - Log.Info("Avviata classe WDCVocabularyService"); + Log.Info("WDCVocabularyService started!"); } + #endregion Public Constructors + #region Public Properties + + public string CodApp { get; set; } = ""; public Dictionary>? VocabularyLemmas { @@ -63,12 +72,17 @@ namespace WebDoorCreator.UI.Data } } + #endregion Public Properties - private Dictionary>? _vocabularyLemmas { get; set; } = null; + #region Public Methods - private TimeSpan UltraLongCache + /// + /// Forza reload vocabolario + /// + /// + public async Task ReloadVoc() { - get => TimeSpan.FromSeconds(cacheTtlLong * 10 * rnd.Next(900, 1100) / 1000); + VocabularyLemmas = await VocLemmaGetAll(); } public string Traduci(string lingua, string lemma) @@ -124,6 +138,22 @@ namespace WebDoorCreator.UI.Data return dbResult; } + #endregion Public Methods + + #region Protected Fields + + protected const string redisBaseAddr = "WDC"; + protected const string rKeyVocLemma = $"{redisBaseAddr}:Cache:VocLemma"; + protected Random rnd = new Random(); + + #endregion Protected Fields + + #region Private Fields + + private static IConfiguration _configuration = null!; + private static JsonSerializerSettings? JSSettings; + private static NLog.Logger Log = LogManager.GetCurrentClassLogger(); + private readonly IEmailSender _emailSender; /// /// Durata cache lunga IN SECONDI @@ -140,20 +170,17 @@ namespace WebDoorCreator.UI.Data /// private IDatabase redisDb = null!; - protected const string redisBaseAddr = "WDC"; + #endregion Private Fields - protected const string rKeyVocLemma = $"{redisBaseAddr}:Cache:VocLemma"; + #region Private Properties - protected Random rnd = new Random(); + private Dictionary>? _vocabularyLemmas { get; set; } = null; - private static IConfiguration _configuration = null!; + private TimeSpan UltraLongCache + { + get => TimeSpan.FromSeconds(cacheTtlLong * 10 * rnd.Next(900, 1100) / 1000); + } - private static JsonSerializerSettings? JSSettings; - - private static NLog.Logger Log = LogManager.GetCurrentClassLogger(); - - private readonly IEmailSender _emailSender; - - public string CodApp { get; set; } = ""; + #endregion Private Properties } } \ No newline at end of file diff --git a/WebDoorCreator.UI/NLog.config b/WebDoorCreator.UI/NLog.config index 8fc7637..e1399d4 100644 --- a/WebDoorCreator.UI/NLog.config +++ b/WebDoorCreator.UI/NLog.config @@ -41,6 +41,6 @@ --> - + \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/ForceReload.razor b/WebDoorCreator.UI/Pages/ForceReload.razor new file mode 100644 index 0000000..99eccd7 --- /dev/null +++ b/WebDoorCreator.UI/Pages/ForceReload.razor @@ -0,0 +1,5 @@ +@page "/ForceReload" + +

Refreshing Data

+ + \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/ForceReload.razor.cs b/WebDoorCreator.UI/Pages/ForceReload.razor.cs new file mode 100644 index 0000000..4221d62 --- /dev/null +++ b/WebDoorCreator.UI/Pages/ForceReload.razor.cs @@ -0,0 +1,34 @@ +using Microsoft.AspNetCore.Components; +using WebDoorCreator.Data.Services; +using WebDoorCreator.UI.Data; + +namespace WebDoorCreator.UI.Pages +{ + public partial class ForceReload + { + #region Protected Properties + + [Inject] + protected NavigationManager NavManager { get; set; } = null!; + + [Inject] + protected WDCVocabularyService WDCVService { get; set; } = null!; + + [Inject] + protected WebDoorCreatorService WDService { get; set; } = null!; + + #endregion Protected Properties + + #region Protected Methods + + protected override async Task OnInitializedAsync() + { + await WDService.FlushCustomPattern("Cache"); + await Task.Delay(1); + await WDCVService.ReloadVoc(); + NavManager.NavigateTo("OrdersHomePage", true); + } + + #endregion Protected Methods + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/HwManagement.razor b/WebDoorCreator.UI/Pages/HwManagement.razor new file mode 100644 index 0000000..2c46ac1 --- /dev/null +++ b/WebDoorCreator.UI/Pages/HwManagement.razor @@ -0,0 +1,3 @@ +@page "/HwManagement" + + \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/HwManagement.razor.cs b/WebDoorCreator.UI/Pages/HwManagement.razor.cs new file mode 100644 index 0000000..be2f004 --- /dev/null +++ b/WebDoorCreator.UI/Pages/HwManagement.razor.cs @@ -0,0 +1,40 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using Microsoft.AspNetCore.Components; +using System.Net.Http; +using Microsoft.AspNetCore.Authorization; +using Microsoft.AspNetCore.Components.Authorization; +using Microsoft.AspNetCore.Components.Forms; +using Microsoft.AspNetCore.Components.Routing; +using Microsoft.AspNetCore.Components.Web; +using Microsoft.AspNetCore.Components.Web.Virtualization; +using Microsoft.JSInterop; +using EgwCoreLib.Razor; +using EgwCoreLib.Utils; +using WebDoorCreator.Data; +using WebDoorCreator.Data.DbModels; +using WebDoorCreator.UI; +using WebDoorCreator.UI.Components; +using WebDoorCreator.UI.Components.Buttons; +using WebDoorCreator.UI.Components.CompMan; +using WebDoorCreator.UI.Components.DoorMan; +using WebDoorCreator.UI.Components.DoorDef; +using WebDoorCreator.UI.Components.Gen; +using WebDoorCreator.UI.Components.Order; +using WebDoorCreator.UI.Components.Users; +using WebDoorCreator.UI.Components.Hardware; +using WebDoorCreator.UI.Components.SvgComp; +using WebDoorCreator.UI.Components.Filters; +using WebDoorCreator.UI.Components.Report; +using WebDoorCreator.UI.Components.FilesMan; +using WebDoorCreator.UI.Components.TemplateMan; +using WebDoorCreator.UI.Shared; + +namespace WebDoorCreator.UI.Pages +{ + public partial class HwManagement + { + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/Index.razor b/WebDoorCreator.UI/Pages/Index.razor index 59bfc03..7ee684c 100644 --- a/WebDoorCreator.UI/Pages/Index.razor +++ b/WebDoorCreator.UI/Pages/Index.razor @@ -1,4 +1,6 @@ @page "/" +@page "/Index" +@page "/Home" Index diff --git a/WebDoorCreator.UI/Pages/OrdersHomePage.razor b/WebDoorCreator.UI/Pages/OrdersHomePage.razor index d8218b4..b781a41 100644 --- a/WebDoorCreator.UI/Pages/OrdersHomePage.razor +++ b/WebDoorCreator.UI/Pages/OrdersHomePage.razor @@ -1,209 +1,3 @@ @page "/OrdersHomePage" - - -
- @if (CurrLevel == 1) - { -
-
-
- ORDER LIST - @(translate("OHP_OrderList")) -
-
-
- @if (userCurrCompany > 0) - { - - } -
- -
-
-
- -
- -
- -
-
- } - else if (CurrLevel == 2 && ord2Show != null) - { -
-
-
-
- @translate("UI_301") -
-
-
Order Date:
-
@ord2Show.DateIns
-
-
-
Order Number:
-
@ord2Show.OrderExtCode
-
-
-
Order Description:
-
@ord2Show.OrderDescript
-
-
-
Models #:
-
@ord2Show.NumType
-
-
-
Quantity #:
-
@ord2Show.NumDoors
-
-
-
TOTAL COST:
-
@($"{ord2Show.TotCost:C2}")
-
-
- -
-
-
-
-
- -
- } - else if (CurrLevel == 3 && currDoor != null && currDoor.DoorId > 0) - { - -
- @if (ord2Show != null) - { -
-
-
- @translate("UI_301") -
-
-
Order Date:
-
@ord2Show.DateIns
-
-
-
Order Number:
-
@ord2Show.OrderExtCode
-
-
-
Order Description:
-
@ord2Show.OrderDescript
-
-
-
Models #:
-
@ord2Show.NumType
-
-
-
Quantity #:
-
@ord2Show.NumDoors
-
-
-
TOTAL COST:
-
@($"{ord2Show.TotCost:C2}")
-
-
- -
-
-
- } -
-
-
-
-
- @translate("UI_303") -
-
-
Door ID:
-
 
-
@currDoor.DoorId
-
-
-
Door Type:
-
 
-
@currDoor.DoorIdParent
-
-
-
Door Price:
-
 
-
@(currDoor.UnitCost * currDoor.Quantity)
-
-
- -
-
-
-
-
- -
- } -
- - @if (currDoorModal != null && currDoorModal.DoorId != 0) - { - - } - @if (newOrdReq) - { -
-
- - - -
-
- } -
- - - -
+ diff --git a/WebDoorCreator.UI/Pages/OrdersHomePage.razor.cs b/WebDoorCreator.UI/Pages/OrdersHomePage.razor.cs index d4c04ee..d8459b8 100644 --- a/WebDoorCreator.UI/Pages/OrdersHomePage.razor.cs +++ b/WebDoorCreator.UI/Pages/OrdersHomePage.razor.cs @@ -1,464 +1,6 @@ -using Blazored.LocalStorage; -using EgwCoreLib.Razor; -using Microsoft.AspNetCore.Components; -using Microsoft.JSInterop; -using WebDoorCreator.Data.DbModels; -using WebDoorCreator.Data.Services; -using WebDoorCreator.UI.Data; - namespace WebDoorCreator.UI.Pages { - public partial class OrdersHomePage : IDisposable + public partial class OrdersHomePage { - #region Public Properties - - [Parameter] - public EventCallback E_currUser { get; set; } - - public string userId - { - get - { - return WDCUService.userId; - } - } - - [Inject] - protected WDCVocabularyService WDCVService { get; set; } = null!; - - #endregion Public Properties - - #region Public Methods - - public void Dispose() - { - WDCUService.EA_UserCurrCompany -= OnNewUserCurrComp; - } - - public async void OnNewUserCurrComp() - { - await Task.Delay(1); - await InvokeAsync(() => - { - StateHasChanged(); - }); - } - - #endregion Public Methods - - #region Protected Fields - - protected string _doorExtCode = ""; - protected int _doorQuantity = 0; - protected string _orderCodExt = ""; - protected string _orderDescr = ""; - protected bool cloneReq = false; - protected bool newOrdReq = false; - protected int ordIdOrig = 0; - protected DataPager? pagerOrderHP = null!; - - #endregion Protected Fields - - #region Protected Properties - - protected DoorModel? currDoor { get; set; } = null; - protected DoorModel? currDoorModal { get; set; } = null; - protected int currDoorType { get; set; } = 0; - protected OrderSelectFilter currFilter { get; set; } = new OrderSelectFilter(); - protected int CurrLevel { get; set; } = 1; - protected int currOrderId { get; set; } = 0; - protected AspNetUsers? currUser { get; set; } = null; - protected bool doorChange { get; set; } = false; - - protected string doorExtCode - { - get => _doorExtCode; - set => _doorExtCode = value; - } - - protected int doorQuantity - { - get => _doorQuantity; - set => _doorQuantity = value; - } - - protected List? DoorsList { get; set; } = null; - protected string goToDefPage { get; set; } = ""; - protected bool isModRole { get; set; } = false; - - [Inject] - protected IJSRuntime JSRuntime { get; set; } = null!; - - [Inject] - protected NavigationManager NavManager { get; set; } = null!; - - protected OrderStatusViewModel ord2Show { get; set; } = new OrderStatusViewModel(); - - protected string orderCodExt - { - get => _orderCodExt; - set => _orderCodExt = value; - } - - protected string orderDescr - { - get => _orderDescr; - set => _orderDescr = value; - } - - [Inject] - protected QueueDataService QDService { get; set; } = null!; - - protected List? RolesList { get; set; } = null; - - protected string stepColor { get; set; } = ""; - - protected int totalCount { get; set; } - - protected int userCurrCompany - { - get => WDCUService.userCurrComp; - } - - protected List? UsersList { get; set; } = null; - - [Inject] - protected WDCUserService WDCUService { get; set; } = null!; - - [Inject] - protected WebDoorCreatorService WDService { get; set; } = null!; - [Inject] - protected WDCVocabularyService VocService { get; set; } = null!; - - #endregion Protected Properties - - #region Protected Methods - protected string translate(string lemma) - { - return VocService.Traduci(WDCUService.currLanguage ?? "EN", lemma); - } - - protected string Lingua = "EN"; - - protected async Task addNewOrder(string userName, bool saveAsTemplate) - { - // preparo nuovo record - OrderModel addRec = new OrderModel() - { - CompanyId = userCurrCompany, - OrderExtCode = orderCodExt, - DateIns = DateTime.Now, - UserIdIns = userId, - DateMod = DateTime.Now, - UserIdMod = userId, - Status = saveAsTemplate ? 10000 : 10, - OrderDescript = orderDescr - }; - - // ...SE fosse clonato clono anche la company - var currCompanyId = userCurrCompany; - if (cloneReq) - { - var ord2clone = await WDService.OrderGetByKey(ordIdOrig); - if (ord2clone != null) - { - addRec.CompanyId = ord2clone.CompanyId; - addRec.OrderDescript += $" - Cloned from {ord2clone.OrderDescript}"; - addRec.OrderExtCode += $" ({ord2clone.OrderExtCode})"; - } - } - - var newOrdId = await WDService.OrderAdd(addRec); - - if (newOrdId > 0) - { - // se richiesto eseguo cloning ordine - if (cloneReq && ordIdOrig > 0) - { - var ordCloned = await WDService.OrderDuplicate(ordIdOrig, newOrdId, userName); - cloneReq = false; - ordIdOrig = 0; - // chiamo procedura ricalcolo SVG - await doCalcSVG(newOrdId); - } - // flush dati ordine + reload - await WDService.OrdersFlushCache(); - orderCodExt = ""; - orderDescr = ""; - doorChange = true; - newOrdReq = false; - } - await Task.Delay(1); - } - - protected async Task addOrModDoor(string userName) - { - DoorModel? addRec = new DoorModel(); - - if (currDoorType != 0) - { - if (DoorsList != null) - { - addRec = DoorsList.Where(x => x.DoorIdParent == currDoorType).FirstOrDefault(); - } - } - - if (addRec != null) - { - var done = await WDService.DoorUpsert(addRec); - - if (done) - { - NavManager.NavigateTo(NavManager.Uri, true); - } - } - } - - protected async Task catchCurrOrder(int orderId) - { - DoorsList = null; - await Task.Delay(1); - currOrderId = orderId; - await ReloadData(); - goToDefPage = $"DoorDefinition?idOrd={orderId}"; - } - - protected async Task catchDoorChange(bool isChanged) - { - await Task.Delay(1); - doorChange = isChanged; - } - - protected async Task changeLevel(int newLevel) - { - await Task.Delay(1); - CurrLevel = newLevel; - if (newLevel <= 1) - { - await localStorage.RemoveItemAsync("OrderId"); - } - } - - protected async Task CloseNewOrd() - { - newOrdReq = false; - cloneReq = false; - orderCodExt = ""; - orderDescr = ""; - await Task.Delay(1); - } - - protected async Task emptyModal() - { - await Task.Delay(1); - DoorsList = null; - currDoor = null; - } - - protected void ForceReload(int newNum) - { - numRecord = newNum; - } - - protected void ForceReloadPage(int newNum) - { - currPage = newNum; - } - - protected override async Task OnInitializedAsync() - { - await Task.Delay(1); - - WDCUService.EA_UserCurrCompany += OnNewUserCurrComp; - } - - protected async Task ReloadData() - { - DoorsList = await WDService.DoorGetByOrderId(currOrderId); - } - - protected async Task ReqNewOrd() - { - newOrdReq = true; - cloneReq = false; - await Task.Delay(1); - } - - protected async Task SetCurrDoor(DoorModel door) - { - await Task.Delay(1); - currDoor = null; - if (door != null && door.DoorId != 0) - { - currDoor = door; - await changeLevel(3); - } - else - { - await changeLevel(2); - } - } - - protected async Task SetCurrDoorModal(DoorModel door) - { - await Task.Delay(1); - currDoorModal = null; - if (door != null && door.DoorId != 0) - { - currDoorModal = door; - } - } - - protected async Task SetCurrDoorType(int doorType) - { - await Task.Delay(1); - currDoorType = doorType; - } - - protected async Task setEmpty() - { - await Task.Delay(1); - if (ord2Show != null) - { - ord2Show = null; - await changeLevel(1); - } - } - - protected async Task SetOrd2Clone(int OrderId) - { - await Task.Delay(1); - newOrdReq = true; - cloneReq = true; - ordIdOrig = OrderId; - } - - protected async Task setOrd2Null(bool isEmpty) - { - await Task.Delay(1); - if (isEmpty) - { - //ord2Show = null; - NavManager.NavigateTo("OrdersHomePage", true); - } - } - - protected async Task SetOrd2Show(OrderStatusViewModel currOrd) - { - await Task.Delay(1); - if (currOrd != null) - { - ord2Show = currOrd; - await changeLevel(2); - } - } - - protected async Task setStepColor(string StepColor) - { - await Task.Delay(1); - stepColor = StepColor; - StateHasChanged(); - } - - protected void UpdateTotCount(int newTotCount) - { - totalCount = newTotCount; - } - - #endregion Protected Methods - - #region Private Properties - - private int currPage - { - get => currFilter.CurrPage; - set => currFilter.CurrPage = value; - } - - private DateTime dateFrom - { - get => currFilter.DateFrom; - set => currFilter.DateFrom = value; - } - - private DateTime dateTo - { - get => currFilter.DateTo; - set => currFilter.DateTo = value; - } - - private bool isLoading { get; set; } = false; - - [Inject] - private ILocalStorageService localStorage { get; set; } = null!; - - private int numRecord - { - get => currFilter.NumRec; - set => currFilter.NumRec = value; - } - - private int orderStatus - { - get => currFilter.OrderStatus; - set => currFilter.OrderStatus = value; - } - - private string searchValue - { - get => currFilter.searchValue; - set => currFilter.searchValue = value; - } - - #endregion Private Properties - - #region Private Methods - - private async Task doCalcSVG(int orderId) - { - var DoorsList = await WDService.DoorGetByOrderId(orderId); - // recupero elenco porte come list interi... - if (DoorsList != null && DoorsList.Count > 0) - { - List doorIdList = DoorsList - .Select(x => $"{x.DoorId}") - .ToList(); - // chiamo reset - var list2Proc = await QDService.ResetQueueByDoorList(doorIdList); - // se ho porte da processare --> chiamo save... - string currDDF = ""; - int currDoorId = 0; - int currVers = 0; - foreach (var item in list2Proc) - { - currDoorId = 0; - currVers = 0; - int.TryParse(item, out currDoorId); - if (currDoorId > 0) - { - currDDF = await WDService.DoorOpGetDDF(currDoorId); - // versione corrente del DDF generato - currVers = await QDService.SendCalcReq(currDoorId, currDDF); - } - } - } - } - - private async Task updateFilter(OrderSelectFilter newParams) - { - isLoading = true; - await Task.Delay(1); - currPage = 1; - searchValue = newParams.searchValue; - dateFrom = newParams.DateFrom; - dateTo = newParams.DateTo; - orderStatus = newParams.OrderStatus; - await Task.Delay(1); - await InvokeAsync(() => StateHasChanged()); - currFilter = newParams; - isLoading = false; - } - - #endregion Private Methods } } \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/SuperAdmin.razor b/WebDoorCreator.UI/Pages/SuperAdmin.razor index d8d739f..d5fa951 100644 --- a/WebDoorCreator.UI/Pages/SuperAdmin.razor +++ b/WebDoorCreator.UI/Pages/SuperAdmin.razor @@ -1,55 +1,92 @@ @page "/SuperAdmin" @using WebDoorCreator.UI.Components - + -
-
-
-
- Company management -
-
- Users Management -
-
-
- - @**@ - -
- - - -
-
- -
- @if (isCompShow) - { -
General Application company list
- - } - else - { -
General Application user list
- - } -
- @if (isCompShow) - { - - } - else - { - - } +
+
+ + @**@ +
+ +
+ + @if (CurrMode == AdminMode.Company) + { +
+
+ +
+ +
+ } + else if (CurrMode == AdminMode.Interface) + { +
+ +
+ } + else if (CurrMode == AdminMode.Component) + { + @**@ +
+ +
+ +
+
+ } +
+ + @* +
+
+
+
+ Company management +
+
+ Files management +
+
+ @*
+ + @* +
+ + + + +
+
+ +
+ @if (isCompShow) + { +
General Application company list
+ + } + else + { +
General Application files management
+ } +
+ @if (isCompShow) + { + + } + else + { + + } +
+
*@ @@ -107,34 +144,4 @@
-
- - \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/SuperAdmin.razor.cs b/WebDoorCreator.UI/Pages/SuperAdmin.razor.cs index 13592e0..0915f66 100644 --- a/WebDoorCreator.UI/Pages/SuperAdmin.razor.cs +++ b/WebDoorCreator.UI/Pages/SuperAdmin.razor.cs @@ -1,11 +1,8 @@ +using EgwCoreLib.Razor; using Microsoft.AspNetCore.Authorization; using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Identity; using Microsoft.AspNetCore.Identity.UI.Services; -using Microsoft.AspNetCore.WebUtilities; -using System.Security; -using System.Text; -using System.Text.Encodings.Web; using WebDoorCreator.Data.DbModels; using WebDoorCreator.Data.Services; using WebDoorCreator.UI.Data; @@ -15,46 +12,47 @@ namespace WebDoorCreator.UI.Pages [Authorize(Roles = "SuperAdmin")] public partial class SuperAdmin { - [Inject] - protected WebDoorCreatorService WDService { get; set; } = null!; + #region Protected Fields - [Inject] - protected NavigationManager NavManager { get; set; } = null!; + protected string _address = ""; - [Inject] - protected UserManager _userManager { get; set; } = null!; + protected string _city = ""; + + protected string _companyExtCode = ""; + + protected int _companyId = 0; + + protected string _companyName = ""; + + protected string _companyToken = ""; + + protected string _defaultPath = ""; + + protected string _email = ""; + + protected string _password = ""; + + protected string _passwordConfirm = ""; + + protected string _privateNote = ""; + + protected string _state = ""; + + protected string _vat = ""; + + protected int _zipCode = 0; + + protected PasswordHasher hasher = new PasswordHasher(); + + #endregion Protected Fields + + #region Protected Properties [Inject] protected IEmailSender _emailSender { get; set; } = null!; - protected CompanyModel? currCompany { get; set; } = null; - protected AspNetUsers? currUser { get; set; } = null; - - protected int _companyId = 0; - - protected int companyId - { - get => _companyId; - set { _companyId = value; } - } - - protected string _companyExtCode = ""; - - protected string companyExtCode - { - get => _companyExtCode; - set { _companyExtCode = value; } - } - - protected string _companyName = ""; - - protected string companyName - { - get => _companyName; - set { _companyName = value; } - } - - protected string _address = ""; + [Inject] + protected UserManager _userManager { get; set; } = null!; protected string address { @@ -62,55 +60,41 @@ namespace WebDoorCreator.UI.Pages set { _address = value; } } - protected int _zipCode = 0; - - protected int zipCode - { - get => _zipCode; - set { _zipCode = value; } - } - - protected string _city = ""; - protected string city { get => _city; set { _city = value; } } - protected string _state = ""; - - protected string state + protected string companyExtCode { - get => _state; - set { _state = value; } + get => _companyExtCode; + set { _companyExtCode = value; } } - protected string _vat = ""; - - protected string vat + protected int companyId { - get => _vat; - set { _vat = value; } + get => _companyId; + set { _companyId = value; } } - protected string _privateNote = ""; - - protected string privateNote + protected string companyName { - get => _privateNote; - set { _privateNote = value; } + get => _companyName; + set { _companyName = value; } } - protected string _companyToken = ""; - protected string companyToken { get => _companyToken; set { _companyToken = value; } } - protected string _email = ""; + protected CompanyModel? currCompany { get; set; } = null; + + protected AspNetUsers? currUser { get; set; } = null; + + protected string defaultPath { get; set; } = "R:\\EgtData\\Doors\\EgtCompoBase\\Compo"; protected string email { @@ -118,7 +102,10 @@ namespace WebDoorCreator.UI.Pages set { _email = value; } } - protected string _password = ""; + protected bool isCompShow { get; set; } = true; + + [Inject] + protected NavigationManager NavManager { get; set; } = null!; protected string password { @@ -126,20 +113,92 @@ namespace WebDoorCreator.UI.Pages set { _password = value; } } - protected string _passwordConfirm = ""; - protected string passwordConfirm { get => _passwordConfirm; set { _passwordConfirm = value; } } - protected string _defaultPath = ""; + protected string privateNote + { + get => _privateNote; + set { _privateNote = value; } + } - protected string defaultPath { get; set; } = "R:\\EgtData\\Doors\\EgtCompoBase\\Compo"; + protected string selectedComp + { + get + { + string answ = ""; + answ = isCompShow ? "tabActive" : "tab"; + return answ; + } + } - protected bool isCompShow { get; set; } = true; + protected string selectedUser + { + get + { + string answ = ""; + answ = !isCompShow ? "tabActive" : "tab"; + return answ; + } + } + protected string state + { + get => _state; + set { _state = value; } + } + + protected string vat + { + get => _vat; + set { _vat = value; } + } + + [Inject] + protected WebDoorCreatorService WDService { get; set; } = null!; + + protected int zipCode + { + get => _zipCode; + set { _zipCode = value; } + } + + protected int totalCount { get; set; } + protected void ForceReload(int newNum) + { + numRecord = newNum; + currPage = 1; + } + + protected void ForceReloadPage(int newNum) + { + currPage = newNum; + } + protected void UpdateTotCount(int newTotCount) + { + totalCount = newTotCount; + } + protected CompoSelectFilter currFilter { get; set; } = new CompoSelectFilter(); + #endregion Protected Properties + private int currPage + { + get => currFilter.CurrPage; + set => currFilter.CurrPage = value; + } + + private bool isLoading { get; set; } = false; + + private int numRecord + { + get => currFilter.NumRec; + set => currFilter.NumRec = value; + } + + #region Protected Methods + protected DataPager? pagerCompoFiles = null!; protected async Task addModNewCompany() { Guid newCompToken = Guid.NewGuid(); @@ -184,7 +243,20 @@ namespace WebDoorCreator.UI.Pages NavManager.NavigateTo(NavManager.Uri, true); } } - protected PasswordHasher hasher = new PasswordHasher(); + + protected async Task clearFields() + { + await Task.Delay(1); + companyExtCode = ""; + companyName = ""; + address = ""; + city = ""; + zipCode = 0; + state = ""; + vat = ""; + privateNote = ""; + companyToken = ""; + } protected async Task addModNewUser() { Guid newUserID = Guid.NewGuid(); @@ -200,9 +272,11 @@ namespace WebDoorCreator.UI.Pages // var code = await _userManager.GenerateEmailConfirmationTokenAsync(user); // code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code)); - // var callbackUrl = $"/Account/ConfirmEmail?UserName{user.Id}&code{code}&returnUrl=~/"; - // await _emailSender.SendEmailAsync(email, "Web Door Creator: Please confirm your email account", - // $"Click here to confirm the account linked with this email."); + // var callbackUrl = + // $"/Account/ConfirmEmail?UserName{user.Id}&code{code}&returnUrl=~/"; await + // _emailSender.SendEmailAsync(email, "Web Door Creator: Please confirm your email + // account", $"Click here to + // confirm the account linked with this email."); // NavManager.NavigateTo(NavManager.Uri, true); //} @@ -237,7 +311,7 @@ namespace WebDoorCreator.UI.Pages PrivateNote = privateNote, CompanyToken = companyToken }; - done = await WDService.CompanyAddMod(editComp); + done = await WDService.CompanyAddMod(editComp); #endif } @@ -276,26 +350,6 @@ namespace WebDoorCreator.UI.Pages } } - protected string selectedComp - { - get - { - string answ = ""; - answ = isCompShow ? "tabActive" : "tab"; - return answ; - } - } - - protected string selectedUser - { - get - { - string answ = ""; - answ = !isCompShow ? "tabActive" : "tab"; - return answ; - } - } - protected async Task doShowComp() { await Task.Delay(1); @@ -307,22 +361,46 @@ namespace WebDoorCreator.UI.Pages await Task.Delay(1); isCompShow = false; } + + protected async Task refreshFiles() + { + await Task.Delay(1); + //await WDService.ListValuesLuaNgeInsert(@$"{defaultPath}"); + } + protected async Task refreshHw() { await Task.Delay(1); await WDService.CompoListSetAll(@$"{defaultPath}"); } + + #endregion Protected Methods + + protected AdminMode CurrMode { get; set; } = AdminMode.Company; + + protected string cssMode(AdminMode modeReq) + { + return modeReq.Equals(CurrMode) ? "btn-primary active" : "btn-outline-primary"; + } + protected void SetMode(AdminMode modeReq) + { + CurrMode = modeReq; + } + #if false protected async Task refreshVoc() { await Task.Delay(1); await WDService.VocLemmaInsert(@$"{defaultPath}"); - } -#endif - protected async Task refreshFiles() - { - await Task.Delay(1); - await WDService.ListValuesLuaNgeInsert(@$"{defaultPath}"); } +#endif + } + + public enum AdminMode + { + None, + Company, + Interface, + Component } } \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/TemplateMan.razor b/WebDoorCreator.UI/Pages/TemplateMan.razor new file mode 100644 index 0000000..b968122 --- /dev/null +++ b/WebDoorCreator.UI/Pages/TemplateMan.razor @@ -0,0 +1,12 @@ +@page "/TemplateMan" + + + + + + + + + + + \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/TemplateMan.razor.cs b/WebDoorCreator.UI/Pages/TemplateMan.razor.cs new file mode 100644 index 0000000..12b90f1 --- /dev/null +++ b/WebDoorCreator.UI/Pages/TemplateMan.razor.cs @@ -0,0 +1,13 @@ +using Microsoft.AspNetCore.Components; +using WebDoorCreator.Data.Services; + +namespace WebDoorCreator.UI.Pages +{ + public partial class TemplateMan + { + [Inject] + protected WebDoorCreatorService WDService { get; set; } = null!; + + + } +} \ No newline at end of file diff --git a/WebDoorCreator.UI/Pages/TestAnim.razor b/WebDoorCreator.UI/Pages/TestAnim.razor index 598e8b6..1c4523f 100644 --- a/WebDoorCreator.UI/Pages/TestAnim.razor +++ b/WebDoorCreator.UI/Pages/TestAnim.razor @@ -23,7 +23,6 @@ -
diff --git a/WebDoorCreator.UI/Pages/TestPage.razor b/WebDoorCreator.UI/Pages/TestPage.razor index f8d5c1b..259b4c1 100644 --- a/WebDoorCreator.UI/Pages/TestPage.razor +++ b/WebDoorCreator.UI/Pages/TestPage.razor @@ -6,9 +6,11 @@ @inject WebDoorCreatorService WDCService

TestPage

+ + + - - +@**@
@for (int i = 0; i < 8; i++) @@ -20,7 +22,16 @@ idxObj++; }
-
+ +@if(tempDOT != null) +{ + @foreach (var item in tempDOT) + { +
@($"{Path.GetFileName(item.OpCode)} {item.status} {item.FileMD5}")
+ } +} + +@*
@@ -30,7 +41,7 @@
-
+
*@
@lastMessage @@ -38,16 +49,19 @@
-
+
-
- +
+
-
- +
+
-
+
+ +
+
@@ -62,10 +76,6 @@ { foreach (var door in DoorsList) { - - @*} - for (int i = 183; i < 220; i++) - {*@
@door.DoorId
@@ -108,6 +118,7 @@ } protected Dictionary msgList = new Dictionary(); + protected List tempDOT = new List(); protected override async Task OnInitializedAsync() { @@ -129,4 +140,23 @@ { await Task.Delay(1); } + + protected async Task scanB() + { + await Task.Delay(1); + tempDOT.Clear(); + //tempDOT = await WDCService.scanAndCompare(); + } + + protected async Task save() + { + await WDCService.DoorOpTypeAddRange(tempDOT); + } + + + protected async Task populateHws() + { + await WDCService.populateHws(); + } + } diff --git a/WebDoorCreator.UI/Pages/UserAdmin.razor b/WebDoorCreator.UI/Pages/UserAdmin.razor index ff2e5ac..d816ade 100644 --- a/WebDoorCreator.UI/Pages/UserAdmin.razor +++ b/WebDoorCreator.UI/Pages/UserAdmin.razor @@ -6,11 +6,18 @@