diff --git a/Docs/ActualToDo.md b/Docs/ActualToDo.md index 20c3273..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,7 @@ 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 @@ -132,7 +132,7 @@ Procedura per import componenti, sempre GLOBALE (= TUTTI) - [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 8b01d1c..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/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/Resources/ChangeLog.html b/Resources/ChangeLog.html index 78b46e0..7242bfb 100644 --- a/Resources/ChangeLog.html +++ b/Resources/ChangeLog.html @@ -1,6 +1,6 @@
WebDoorCreator - Egalware -