@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Overlock:400,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,600"); @import url("https://fonts.googleapis.com/css?family=Architects+Daughter&display=swap"); @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700"); @import url(../bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css); /* * Symbolset * www.symbolset.com * Copyright ยฉ 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @import url(../bower_components/Croppie/croppie.css); @font-face { font-family: "SSStandard"; src: url("/fonts/ss-standard.eot"); src: url("/fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("/fonts/ss-standard.woff") format("woff"), url("/fonts/ss-standard.ttf") format("truetype"), url("/fonts/ss-standard.svg#SSStandard") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ /* line 24, ../bower_components/symbolset-sass/_ss-standard.scss */ html:hover [class^="ss-"] { -ms-zoom: 1; } /* line 26, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } /* line 46, ../bower_components/symbolset-sass/_ss-standard.scss */ [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-cursor:before, .ss-cursor.right:after { content: '๎€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-crosshair:before, .ss-crosshair.right:after { content: 'โŒ–'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-search:before, .ss-search.right:after { content: '๐Ÿ”Ž'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-zoomin:before, .ss-zoomin.right:after { content: '๎€‚'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-zoomout:before, .ss-zoomout.right:after { content: '๎€ƒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-view:before, .ss-view.right:after { content: '๐Ÿ‘€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-attach:before, .ss-attach.right:after { content: '๐Ÿ“Ž'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-link:before, .ss-link.right:after { content: '๐Ÿ”—'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-move:before, .ss-move.right:after { content: '๎ฐ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-write:before, .ss-write.right:after { content: 'โœŽ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: '๎ฑ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-erase:before, .ss-erase.right:after { content: 'โœ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-compose:before, .ss-compose.right:after { content: '๐Ÿ“'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-lock:before, .ss-lock.right:after { content: '๐Ÿ”’'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-unlock:before, .ss-unlock.right:after { content: '๐Ÿ”“'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-key:before, .ss-key.right:after { content: '๐Ÿ”‘'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-backspace:before, .ss-backspace.right:after { content: 'โŒซ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-ban:before, .ss-ban.right:after { content: '๐Ÿšซ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-trash:before, .ss-trash.right:after { content: '๎ƒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-target:before, .ss-target.right:after { content: 'โ—Ž'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-tag:before, .ss-tag.right:after { content: '๎„€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-bookmark:before, .ss-bookmark.right:after { content: '๐Ÿ”–'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-flag:before, .ss-flag.right:after { content: 'โš‘'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-like:before, .ss-like.right:after { content: '๐Ÿ‘'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-dislike:before, .ss-dislike.right:after { content: '๐Ÿ‘Ž'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-heart:before, .ss-heart.right:after { content: 'โ™ฅ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-halfheart:before, .ss-halfheart.right:after { content: '๎† '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-star:before, .ss-star.right:after { content: 'โ‹†'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-halfstar:before, .ss-halfstar.right:after { content: '๎†ก'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-sample:before, .ss-sample.right:after { content: '๎ˆ€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-crop:before, .ss-crop.right:after { content: '๎ˆ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-layers:before, .ss-layers.right:after { content: '๎ˆ‚'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-fill:before, .ss-fill.right:after { content: '๎‰€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-stroke:before, .ss-stroke.right:after { content: '๎‰'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-phone:before, .ss-phone.right:after { content: '๐Ÿ“ž'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: '๎Œ€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-rss:before, .ss-rss.right:after { content: '๎Œ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-facetime:before, .ss-facetime.right:after { content: '๎Œ '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-reply:before, .ss-reply.right:after { content: 'โ†ฉ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-send:before, .ss-send.right:after { content: '๎'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-mail:before, .ss-mail.right:after { content: 'โœ‰'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-inbox:before, .ss-inbox.right:after { content: '๐Ÿ“ฅ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-chat:before, .ss-chat.right:after { content: '๐Ÿ’ฌ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: '๎Ž™'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-ellipsis:before, .ss-ellipsis.right:after { content: 'โ€ฆ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-user:before, .ss-user.right:after { content: '๐Ÿ‘ค'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-femaleuser:before, .ss-femaleuser.right:after { content: '๐Ÿ‘ง'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-users:before, .ss-users.right:after { content: '๐Ÿ‘ฅ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-cart:before, .ss-cart.right:after { content: '๎”€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-creditcard:before, .ss-creditcard.right:after { content: '๐Ÿ’ณ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-dollarsign:before, .ss-dollarsign.right:after { content: '๐Ÿ’ฒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-barchart:before, .ss-barchart.right:after { content: '๐Ÿ“Š'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-piechart:before, .ss-piechart.right:after { content: '๎•ฐ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-box:before, .ss-box.right:after { content: '๐Ÿ“ฆ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-home:before, .ss-home.right:after { content: 'โŒ‚'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-buildings:before, .ss-buildings.right:after { content: '๐Ÿข'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-warehouse:before, .ss-warehouse.right:after { content: '๎˜‚'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-globe:before, .ss-globe.right:after { content: '๐ŸŒŽ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-navigate:before, .ss-navigate.right:after { content: '๎™ฐ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-compass:before, .ss-compass.right:after { content: '๎™ฑ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-signpost:before, .ss-signpost.right:after { content: '๎™ฒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-map:before, .ss-map.right:after { content: '๎™ณ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-location:before, .ss-location.right:after { content: '๎›'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-pin:before, .ss-pin.right:after { content: '๐Ÿ“'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-database:before, .ss-database.right:after { content: '๎ž '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-hdd:before, .ss-hdd.right:after { content: '๎žฐ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-music:before, .ss-music.right:after { content: 'โ™ซ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-mic:before, .ss-mic.right:after { content: '๐ŸŽค'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-volume:before, .ss-volume.right:after { content: '๐Ÿ”ˆ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-lowvolume:before, .ss-lowvolume.right:after { content: '๐Ÿ”‰'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-highvolume:before, .ss-highvolume.right:after { content: '๐Ÿ”Š'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-airplay:before, .ss-airplay.right:after { content: '๎ €'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-camera:before, .ss-camera.right:after { content: '๐Ÿ“ท'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-picture:before, .ss-picture.right:after { content: '๐ŸŒ„'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-video:before, .ss-video.right:after { content: '๐Ÿ“น'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-play:before, .ss-play.right:after { content: 'โ–ถ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-pause:before, .ss-pause.right:after { content: '๎ข '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-stop:before, .ss-stop.right:after { content: 'โ– '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-record:before, .ss-record.right:after { content: 'โ—'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-rewind:before, .ss-rewind.right:after { content: 'โช'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-fastforward:before, .ss-fastforward.right:after { content: 'โฉ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-skipback:before, .ss-skipback.right:after { content: 'โฎ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-skipforward:before, .ss-skipforward.right:after { content: 'โญ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-eject:before, .ss-eject.right:after { content: 'โ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-repeat:before, .ss-repeat.right:after { content: '๐Ÿ”'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-replay:before, .ss-replay.right:after { content: 'โ†บ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-shuffle:before, .ss-shuffle.right:after { content: '๐Ÿ”€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-book:before, .ss-book.right:after { content: '๐Ÿ“•'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-openbook:before, .ss-openbook.right:after { content: '๐Ÿ“–'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-notebook:before, .ss-notebook.right:after { content: '๐Ÿ““'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-newspaper:before, .ss-newspaper.right:after { content: '๐Ÿ“ฐ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-grid:before, .ss-grid.right:after { content: '๎ฆ '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-rows:before, .ss-rows.right:after { content: '๎ฆก'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-columns:before, .ss-columns.right:after { content: '๎ฆข'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-thumbnails:before, .ss-thumbnails.right:after { content: '๎ฆฃ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-filter:before, .ss-filter.right:after { content: '๎ฆฐ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-desktop:before, .ss-desktop.right:after { content: '๐Ÿ’ป'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-laptop:before, .ss-laptop.right:after { content: '๎จ€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-tablet:before, .ss-tablet.right:after { content: '๎จ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-cell:before, .ss-cell.right:after { content: '๐Ÿ“ฑ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-battery:before, .ss-battery.right:after { content: '๐Ÿ”‹'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-highbattery:before, .ss-highbattery.right:after { content: '๎จ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: '๎จ‘'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-lowbattery:before, .ss-lowbattery.right:after { content: '๎จ’'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-emptybattery:before, .ss-emptybattery.right:after { content: '๎จ“'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-lightbulb:before, .ss-lightbulb.right:after { content: '๐Ÿ’ก'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: '๎ฌ€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-download:before, .ss-download.right:after { content: '๎ฌ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: '๎ญ€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-upload:before, .ss-upload.right:after { content: '๎ญ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-fork:before, .ss-fork.right:after { content: '๎ฎ€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-merge:before, .ss-merge.right:after { content: '๎ฎ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-transfer:before, .ss-transfer.right:after { content: 'โ‡†'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-refresh:before, .ss-refresh.right:after { content: 'โ†ป'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-sync:before, .ss-sync.right:after { content: '๎ฎ‚'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-loading:before, .ss-loading.right:after { content: '๎ฎƒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-wifi:before, .ss-wifi.right:after { content: '๎ฎ„'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-connection:before, .ss-connection.right:after { content: '๎ฎ…'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-file:before, .ss-file.right:after { content: '๐Ÿ“„'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-folder:before, .ss-folder.right:after { content: '๐Ÿ“'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-quote:before, .ss-quote.right:after { content: 'โ€œ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-text:before, .ss-text.right:after { content: '๎ด€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-font:before, .ss-font.right:after { content: '๎ด'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-print:before, .ss-print.right:after { content: 'โŽ™'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-fax:before, .ss-fax.right:after { content: '๐Ÿ“ '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-list:before, .ss-list.right:after { content: '๎ต'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-layout:before, .ss-layout.right:after { content: '๎ถ '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-action:before, .ss-action.right:after { content: '๎ธ€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-redirect:before, .ss-redirect.right:after { content: 'โ†ช'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-expand:before, .ss-expand.right:after { content: 'โคข'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-contract:before, .ss-contract.right:after { content: '๎ธ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-help:before, .ss-help.right:after { content: 'โ“'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-info:before, .ss-info.right:after { content: 'โ„น'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-alert:before, .ss-alert.right:after { content: 'โš '; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-caution:before, .ss-caution.right:after { content: 'โ›”'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-logout:before, .ss-logout.right:after { content: '๎ธ‚'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-plus:before, .ss-plus.right:after { content: '+'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-check:before, .ss-check.right:after { content: 'โœ“'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-delete:before, .ss-delete.right:after { content: 'โก'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-settings:before, .ss-settings.right:after { content: 'โš™'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-dashboard:before, .ss-dashboard.right:after { content: '๏€€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-notifications:before, .ss-notifications.right:after { content: '๐Ÿ””'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '๐Ÿ”•'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-clock:before, .ss-clock.right:after { content: 'โฒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-stopwatch:before, .ss-stopwatch.right:after { content: 'โฑ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-calendar:before, .ss-calendar.right:after { content: '๐Ÿ“…'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-addcalendar:before, .ss-addcalendar.right:after { content: '๏ฐ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-removecalendar:before, .ss-removecalendar.right:after { content: '๏ฑ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: '๏ฒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: '๏ณ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-plane:before, .ss-plane.right:after { content: 'โœˆ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-briefcase:before, .ss-briefcase.right:after { content: '๐Ÿ’ผ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-cloud:before, .ss-cloud.right:after { content: 'โ˜'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-droplet:before, .ss-droplet.right:after { content: '๐Ÿ’ง'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-flask:before, .ss-flask.right:after { content: '๏“€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-up:before, .ss-up.right:after { content: 'โฌ†'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-upright:before, .ss-upright.right:after { content: 'โฌˆ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-right:before, .ss-right.right:after { content: 'โžก'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-downright:before, .ss-downright.right:after { content: 'โฌŠ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-down:before, .ss-down.right:after { content: 'โฌ‡'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-downleft:before, .ss-downleft.right:after { content: 'โฌ‹'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-left:before, .ss-left.right:after { content: 'โฌ…'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-upleft:before, .ss-upleft.right:after { content: 'โฌ‰'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-navigateup:before, .ss-navigateup.right:after { content: '๏”€'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-navigateright:before, .ss-navigateright.right:after { content: 'โ–ป'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-navigatedown:before, .ss-navigatedown.right:after { content: '๏”'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-navigateleft:before, .ss-navigateleft.right:after { content: 'โ—…'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-directup:before, .ss-directup.right:after { content: 'โ–ด'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-directright:before, .ss-directright.right:after { content: 'โ–น'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-dropdown:before, .ss-dropdown.right:after { content: 'โ–พ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-directleft:before, .ss-directleft.right:after { content: 'โ—ƒ'; } /* line 49, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-retweet:before, .ss-retweet.right:after { content: '๏˜€'; } /* Legacy classes */ /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-volumelow:before, .ss-volumelow.right:after { content: '๐Ÿ”‰'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-volumehigh:before, .ss-volumehigh.right:after { content: '๐Ÿ”Š'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-batteryhigh:before, .ss-batteryhigh.right:after { content: '๎จ'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-batterymedium:before, .ss-batterymedium.right:after { content: '๎จ‘'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-batterylow:before, .ss-batterylow.right:after { content: '๎จ’'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-batteryempty:before, .ss-batteryempty.right:after { content: '๎จ“'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-clouddownload:before, .ss-clouddownload.right:after { content: '๎ฌ€'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-cloudupload:before, .ss-cloudupload.right:after { content: '๎ญ€'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-calendaradd:before, .ss-calendaradd.right:after { content: '๏ฐ'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-calendarremove:before, .ss-calendarremove.right:after { content: '๏ฑ'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-calendarcheck:before, .ss-calendarcheck.right:after { content: '๏ฒ'; } /* line 52, ../bower_components/symbolset-sass/_ss-standard.scss */ .ss-calendardelete:before, .ss-calendardelete.right:after { content: '๏ณ'; } /* line 13, ../scss/_config.scss */ .container { max-width: 100% !important; } /* line 127, ../scss/_colors.scss */ .--theme-london { background: #FF0000; color: #FFFFFF; } /* line 1, ../scss/_base.scss */ body, html { background: #fff; font-family: "Montserrat"; font-weight: 300; } /* line 7, ../scss/_base.scss */ .container { width: 100%; margin: 0 auto; padding: 0; } /* line 12, ../scss/_base.scss */ ul { list-style: none; padding: 0; margin: 0; } /* line 17, ../scss/_base.scss */ .card-header, .card-body { width: 340px; margin-left: calc(50vw - 180px); } /* line 21, ../scss/_base.scss */ .card-header { font-size: 24px; font-weight: bold; margin-bottom: 20px; } /* jquery.Jcrop.css v0.9.12 - MIT License */ /* The outer-most container in a typical Jcrop instance If you are having difficulty with formatting related to styles on a parent element, place any fixes here or in a like selector You can also style this element if you want to add a border, etc A better method for styling can be seen below with .jcrop-light (Add a class to the holder and style elements for that extended class) */ /* line 11, ../scss/modules/_image-editor.scss */ .jcrop-holder { direction: ltr; text-align: left; } /* Selection Border */ /* line 16, ../scss/modules/_image-editor.scss */ .jcrop-vline, .jcrop-hline { background: #ffffff url("Jcrop.gif"); font-size: 0; position: absolute; } /* line 22, ../scss/modules/_image-editor.scss */ .jcrop-vline { height: 100%; width: 1px !important; } /* line 26, ../scss/modules/_image-editor.scss */ .jcrop-vline.right { right: 0; } /* line 29, ../scss/modules/_image-editor.scss */ .jcrop-hline { height: 1px !important; width: 100%; } /* line 33, ../scss/modules/_image-editor.scss */ .jcrop-hline.bottom { bottom: 0; } /* Invisible click targets */ /* line 37, ../scss/modules/_image-editor.scss */ .jcrop-tracker { height: 100%; width: 100%; /* "turn off" link highlight */ -webkit-tap-highlight-color: transparent; /* disable callout, image save panel */ -webkit-touch-callout: none; /* disable cut copy paste */ -webkit-user-select: none; } /* Selection Handles */ /* line 48, ../scss/modules/_image-editor.scss */ .jcrop-handle { background-color: #333333; border: 1px #eeeeee solid; width: 7px; height: 7px; font-size: 1px; } /* line 55, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0; } /* line 61, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; } /* line 67, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50%; } /* line 73, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50%; } /* line 79, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0; } /* line 85, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0; } /* line 91, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0; } /* line 97, ../scss/modules/_image-editor.scss */ .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; } /* Dragbars */ /* line 104, ../scss/modules/_image-editor.scss */ .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s { height: 7px; width: 100%; } /* line 109, ../scss/modules/_image-editor.scss */ .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w { height: 100%; width: 7px; } /* line 114, ../scss/modules/_image-editor.scss */ .jcrop-dragbar.ord-n { margin-top: -4px; } /* line 117, ../scss/modules/_image-editor.scss */ .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; } /* line 121, ../scss/modules/_image-editor.scss */ .jcrop-dragbar.ord-e { margin-right: -4px; right: 0; } /* line 125, ../scss/modules/_image-editor.scss */ .jcrop-dragbar.ord-w { margin-left: -4px; } /* The "jcrop-light" class/extension */ /* line 129, ../scss/modules/_image-editor.scss */ .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline { background: #ffffff; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } /* line 135, ../scss/modules/_image-editor.scss */ .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000000; border-color: #ffffff; border-radius: 3px; } /* The "jcrop-dark" class/extension */ /* line 143, ../scss/modules/_image-editor.scss */ .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline { background: #000000; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } /* line 149, ../scss/modules/_image-editor.scss */ .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; border-color: #000000; border-radius: 3px; } /* Simple macro to turn off the antlines */ /* line 157, ../scss/modules/_image-editor.scss */ .solid-line .jcrop-vline, .solid-line .jcrop-hline { background: #ffffff; } /* Fix for twitter bootstrap et al. */ /* line 162, ../scss/modules/_image-editor.scss */ .jcrop-holder img, img.jcrop-preview { max-width: none; } /* line 1, ../scss/modules/_tinymce.scss */ .word-wrap { 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; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body .mce-reset { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; text-decoration: none; color: black; font-family: Arial; font-size: 11px; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; line-height: normal; font-weight: normal; text-align: left; -webkit-tap-highlight-color: transparent; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; direction: ltr; max-width: none; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-object { border: 1px dotted #3A3A3A; background: #D5D5D5 url(img/object.gif) no-repeat center; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-preview-object { display: inline-block; position: relative; margin: 0 2px 0 2px; line-height: 0; border: 1px solid gray; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-preview-object[data-mce-selected="2"] .mce-shim { display: none; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-preview-object .mce-shim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } /* line 1, ../scss/modules/_tinymce.scss */ figure.align-left { float: left; } /* line 1, ../scss/modules/_tinymce.scss */ figure.align-right { float: right; } /* line 1, ../scss/modules/_tinymce.scss */ figure.image.align-center { display: table; margin-left: auto; margin-right: auto; } /* line 1, ../scss/modules/_tinymce.scss */ figure.image { display: inline-block; border: 1px solid gray; margin: 0 2px 0 1px; background: #f5f2f0; } /* line 1, ../scss/modules/_tinymce.scss */ figure.image img { margin: 8px 8px 0 8px; } /* line 1, ../scss/modules/_tinymce.scss */ figure.image figcaption { margin: 6px 8px 6px 8px; text-align: center; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-toc { border: 1px solid gray; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-toc h2 { margin: 4px; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-toc li { list-style-type: none; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-pagebreak { cursor: default; display: block; border: 0; width: 100%; height: 5px; border: 1px dashed #666; margin-top: 15px; page-break-before: always; } @media print { /* line 1, ../scss/modules/_tinymce.scss */ .mce-pagebreak { border: 0; } } /* line 1, ../scss/modules/_tinymce.scss */ .mce-item-anchor { cursor: default; display: inline-block; -webkit-user-select: all; -webkit-user-modify: read-only; -moz-user-select: all; -moz-user-modify: read-only; user-select: all; user-modify: read-only; width: 9px !important; height: 9px !important; border: 1px dotted #3A3A3A; background: #D5D5D5 url(img/anchor.gif) no-repeat center; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-nbsp, .mce-shy { background: #AAA; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-shy::after { content: '-'; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-match-marker { background: #AAA; color: #fff; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-match-marker-selected { background: #3399ff; color: #fff; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-spellchecker-word { border-bottom: 2px solid rgba(208, 2, 27, 0.5); cursor: default; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-spellchecker-grammar { border-bottom: 2px solid #008000; cursor: default; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption { border: 1px dashed #BBB; } /* line 1, ../scss/modules/_tinymce.scss */ td[data-mce-selected], th[data-mce-selected] { background-color: #2276d2 !important; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-edit-focus { outline: 1px dotted #333; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus { outline: 2px solid #2276d2; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover { outline: 2px solid #2276d2; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body *[contentEditable=false][data-mce-selected] { outline: 2px solid #2276d2; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body.mce-content-readonly *[contentEditable=true]:focus, .mce-content-body.mce-content-readonly *[contentEditable=true]:hover { outline: none; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body *[data-mce-selected="inline-boundary"] { background: #bfe6ff; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body .mce-item-anchor[data-mce-selected] { background: #D5D5D5 url(img/anchor.gif) no-repeat center; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body hr { cursor: default; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body table { -webkit-nbsp-mode: normal; } /* line 1, ../scss/modules/_tinymce.scss */ .ephox-snooker-resizer-bar { background-color: #2276d2; opacity: 0; } /* line 1, ../scss/modules/_tinymce.scss */ .ephox-snooker-resizer-cols { cursor: col-resize; } /* line 1, ../scss/modules/_tinymce.scss */ .ephox-snooker-resizer-rows { cursor: row-resize; } /* line 1, ../scss/modules/_tinymce.scss */ .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging { opacity: .2; } /* line 1, ../scss/modules/_tinymce.scss */ .mce-content-body { line-height: 1.3; } /* line 1, ../scss/modules/library/_library-320.scss */ #library-icon.active > #new-library-menu { position: absolute; top: 65px; left: 65px; width: 200px; border-right: 1px solid rgba(133, 133, 133, 0.5); border-bottom: 1px solid rgba(133, 133, 133, 0.5); } /* line 9, ../scss/modules/library/_library-320.scss */ #library-icon > .ping { position: absolute; top: 0; left: 0; width: 67px; height: 67px; } /* line 16, ../scss/modules/library/_library-320.scss */ #library-menu { margin-bottom: 0; } /* line 21, ../scss/modules/library/_library-320.scss */ #library-page-holder .info-page-wrapper { padding: 0; } /* line 24, ../scss/modules/library/_library-320.scss */ #library-page-holder h2 { position: relative; float: left; width: 100%; padding: 20px; background-color: #3c8ccb; color: #FFFFFF; margin: 0 0 10px; border-radius: 5px 5px 0 0; } /* line 34, ../scss/modules/library/_library-320.scss */ #library-page-holder .editor-action-bar { top: 15px; background: white; z-index: 999; } /* line 38, ../scss/modules/library/_library-320.scss */ #library-page-holder .editor-action-bar .list-icon { border: none; background: white; } /* line 44, ../scss/modules/library/_library-320.scss */ #library-page-holder #editor-list { position: absolute; width: 180px; background: white; padding: 10px; top: 33px; right: 0px; border-radius: 0 0 3px 3px; box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.3); } /* line 56, ../scss/modules/library/_library-320.scss */ .library-main-content { position: relative; float: left; width: 100%; z-index: 1; min-height: 70vh; background: #FFFFFF; margin: 60px 0; color: dimGrey; border-radius: 5px; box-shadow: 0 0 5px 1px rgba(133, 133, 133, 0.5); } /* line 67, ../scss/modules/library/_library-320.scss */ .library-main-content h1 { padding: 10px 20px; } /* line 71, ../scss/modules/library/_library-320.scss */ .library-main-content-sudo-wrap { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; background: rgba(133, 133, 133, 0.1); } /* line 80, ../scss/modules/library/_library-320.scss */ #library-results-wrapper { padding: 20px; } /* line 82, ../scss/modules/library/_library-320.scss */ #library-results-wrapper .pagination { font-size: 16px; } /* line 84, ../scss/modules/library/_library-320.scss */ #library-results-wrapper .pagination li { padding: 4px; } /* line 86, ../scss/modules/library/_library-320.scss */ #library-results-wrapper .pagination li.lib-active { color: #2d62b9; text-decoration: underline; } /* line 93, ../scss/modules/library/_library-320.scss */ .library-items-list { position: relative; float: left; width: 100%; font-weight: 400; } /* line 99, ../scss/modules/library/_library-320.scss */ .library-items-list > li { position: relative; float: left; width: 100%; } /* line 104, ../scss/modules/library/_library-320.scss */ .library-pagination { display: none; } /* line 106, ../scss/modules/library/_library-320.scss */ .library-pagination.lib-active { display: block; } /* line 110, ../scss/modules/library/_library-320.scss */ .library-item { position: relative; float: left; width: 100%; margin-bottom: 5px; } /* line 115, ../scss/modules/library/_library-320.scss */ .library-item:nth-child(2n) { background-color: #f7f7f7; } /* line 118, ../scss/modules/library/_library-320.scss */ .library-item ul { position: relative; float: left; width: 100%; } /* line 120, ../scss/modules/library/_library-320.scss */ .library-item ul li:first-child { font-weight: bold; } /* line 127, ../scss/modules/library/_library-320.scss */ .library-item ul .library-title, .library-item ul .library-author, .library-item ul .library-edition, .library-item ul .library-subject, .library-item ul .library-status, .library-item ul .library-tools { position: relative; float: left; padding: 5px 10px; font-size: 12px; } /* line 133, ../scss/modules/library/_library-320.scss */ .library-item ul .library-title { width: 30%; } /* line 136, ../scss/modules/library/_library-320.scss */ .library-item ul .library-author { width: 20%; } /* line 139, ../scss/modules/library/_library-320.scss */ .library-item ul .library-subject { width: 20%; } /* line 142, ../scss/modules/library/_library-320.scss */ .library-item ul .library-edition { width: 5%; } /* line 145, ../scss/modules/library/_library-320.scss */ .library-item ul .library-status { width: 5%; } /* line 148, ../scss/modules/library/_library-320.scss */ .library-item ul .library-tools { width: 20%; } /* line 151, ../scss/modules/library/_library-320.scss */ .library-item ul .more-book-info { width: 100%; display: none; font-size: 12px; } /* line 155, ../scss/modules/library/_library-320.scss */ .library-item ul .more-book-info.open { display: block; } /* line 159, ../scss/modules/library/_library-320.scss */ .library-item ul .more-book-info ul li { display: block; position: relative; float: left; width: 25%; padding: 5px 10px; } /* line 166, ../scss/modules/library/_library-320.scss */ .library-item ul .more-book-info ul label { position: relative; float: left; margin-right: 10px; height: 100%; width: 30%; font-weight: bold; } /* line 174, ../scss/modules/library/_library-320.scss */ .library-item ul .more-book-info ul span { position: relative; float: left; width: 70%; font-weight: 400; } /* line 183, ../scss/modules/library/_library-320.scss */ .library-item .book-actions-list { display: none; position: absolute; margin-top: -116px; right: 0; width: calc(50vw - 20px); height: calc(56vh - 20px); background: rgba(255, 255, 255, 0.1); z-index: 99; } /* line 193, ../scss/modules/library/_library-320.scss */ .library-item .book-actions-list.open-menu { display: block !important; } /* line 196, ../scss/modules/library/_library-320.scss */ .library-item .book-actions-list ul, .library-item .book-actions-list li { position: relative; float: left; width: 100%; } /* line 201, ../scss/modules/library/_library-320.scss */ .library-item .book-actions-list ul { margin-left: calc(25vw - 100px); margin-top: 116px; width: 280px; background: white; padding: 20px; border-radius: 0 0 2px 2px; box-shadow: 0 2px 4px rgba(155, 155, 155, 0.3); } /* line 210, ../scss/modules/library/_library-320.scss */ .library-item .book-actions-list li { padding: 5px 0; cursor: pointer; } /* line 216, ../scss/modules/library/_library-320.scss */ #library-action > aside { position: relative; float: left; width: 100%; padding: 20px; opacity: 1; } /* line 222, ../scss/modules/library/_library-320.scss */ #library-action > aside ul { position: relative; float: left; width: 100%; list-style: none; } /* line 229, ../scss/modules/library/_library-320.scss */ #library-action > aside .big-label { position: relative; float: left; width: 50%; text-align: right; padding: 13px; font-size: 18px; } /* line 238, ../scss/modules/library/_library-320.scss */ #library-user-list { position: relative; float: right; width: 50%; margin-bottom: 20px; } /* line 244, ../scss/modules/library/_library-320.scss */ #library-user-list { width: 50%; } /* line 248, ../scss/modules/library/_library-320.scss */ .book-actions-list li { font-size: 14px; font-weight: 600; } /* line 254, ../scss/modules/library/_library-320.scss */ .searchbar { position: relative; float: right; width: 90%; height: 50px; border: 1px solid #66c0ff; border-radius: 3px; background: #FFFFFF; z-index: 98; } /* line 263, ../scss/modules/library/_library-320.scss */ .searchbar span { position: relative; float: left; width: calc(100% - 50px); padding: 0 20px; line-height: 50px; font-size: 22px; } /* line 271, ../scss/modules/library/_library-320.scss */ .searchbar em { position: relative; float: right; height: 49px; width: 50px; background: #66c0ff; color: #FFFFFF; font-size: 22px; line-height: 50px; border-radius: 0 3px 3px 0; padding: 3px 14px; } /* line 282, ../scss/modules/library/_library-320.scss */ .searchbar em#search-loader, .searchbar em#search-loader-user { position: absolute; right: 0; top: 0; background-image: url("../ui/white_spinner.gif"); background-size: 50px 50px; background-repeat: no-repeat; display: none; } /* line 289, ../scss/modules/library/_library-320.scss */ .searchbar em#search-loader.loading, .searchbar em#search-loader-user.loading { display: block; z-index: 99; } /* line 297, ../scss/modules/library/_library-320.scss */ #search-list, #search-list-user { position: absolute; right: 0; top: 50px; width: 100%; background: #FFFFFF; display: none; list-style: none; margin: 0; z-index: 999; } /* line 307, ../scss/modules/library/_library-320.scss */ #search-list.active, #search-list-user.active { display: block; padding: 10px; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.4); } /* line 312, ../scss/modules/library/_library-320.scss */ #search-list li, #search-list-user li { position: relative; float: left; width: 100%; line-height: 26px; font-size: 18px; } /* line 321, ../scss/modules/library/_library-320.scss */ #library-page-holder .editor-action-bar { position: absolute; top: 25px; z-index: 100; right: 45px; border-radius: 3px; } /* line 329, ../scss/modules/library/_library-320.scss */ .editor-action-bar ul .list-icon { position: relative; float: left; width: 30px; height: 30px; line-height: 30px; } /* line 336, ../scss/modules/library/_library-320.scss */ .editor-action-bar ul .list-icon em { position: relative; text-align: center; padding: 1px 5px; float: left; font-size: 18px; line-height: 30px; } /* line 344, ../scss/modules/library/_library-320.scss */ .new-item-field { position: relative; float: left; width: 100%; } /* line 348, ../scss/modules/library/_library-320.scss */ .new-item-field label { position: relative; float: left; width: 100%; } /* line 353, ../scss/modules/library/_library-320.scss */ .new-item-field select, .new-item-field input { position: relative; float: left; max-width: 320px; margin-bottom: 15px; } /* line 359, ../scss/modules/library/_library-320.scss */ .new-item-field button { position: relative; float: left; margin-bottom: 25px; } /* line 365, ../scss/modules/library/_library-320.scss */ .library-delete-button { position: relative; float: right; margin: 10px; border: rgba(155, 155, 155, 0.2) solid 1px; background: #32a1ff; color: white; font-size: 14px; padding: 5px 10px; border-radius: 3px; cursor: pointer; } /* line 376, ../scss/modules/library/_library-320.scss */ .library-delete-button em { font-size: 10px; margin-right: 5px; } @media screen and (min-width: 768px) { /* line 1, ../scss/modules/library/_library-760.scss */ .searchbar { width: 60%; } /* line 5, ../scss/modules/library/_library-760.scss */ .library-city { position: relative; width: 100px; float: left; margin: 0; margin-right: 20px; background: #337ab7; text-align: center; } } @media screen and (min-width: 1020px) { /* line 1, ../scss/modules/library/_library-1020.scss */ .searchbar { width: 50%; } } /* line 1, ../scss/modules/docket/_docket-320.scss */ .hidden-status { display: none; } /* line 4, ../scss/modules/docket/_docket-320.scss */ #dockets-icon.active > #new-docket-menu { position: absolute; top: 0; left: 65px; width: 200px; } /* line 13, ../scss/modules/docket/_docket-320.scss */ #dockets-icon > .ping { position: absolute; top: 0; left: 0; width: 67px; height: 67px; } /* line 20, ../scss/modules/docket/_docket-320.scss */ #docket-menu { width: 100%; top: -52px; left: 0 !important; border-right: 1px solid rgba(133, 133, 133, 0.5); border-top: 1px solid rgba(133, 133, 133, 0.5); } /* line 27, ../scss/modules/docket/_docket-320.scss */ #docket-menu.n-6 { top: -314px; } /* line 30, ../scss/modules/docket/_docket-320.scss */ #docket-menu.n-5 { top: -260px; } /* line 33, ../scss/modules/docket/_docket-320.scss */ #docket-menu.n-4 { top: -210px; } /* line 36, ../scss/modules/docket/_docket-320.scss */ #docket-menu.n-3 { top: -158px; } /* line 39, ../scss/modules/docket/_docket-320.scss */ #docket-menu.n-2 { top: -104px; } /* line 43, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder .info-page-wrapper { padding: 0; } /* line 46, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder h2 { position: relative; float: left; width: 100%; padding: 20px 20px 60px; background: #7d9c47; color: #FFFFFF; margin: 0 0 10px; border-radius: 5px 5px 0 0; } /* line 56, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder .editor-action-bar { top: 65px; background: white; z-index: 999; min-width: auto; } /* line 61, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder .editor-action-bar .list-icon { border: none; background: white; } /* line 67, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder #editor-list { position: absolute; width: 180px; background: white; padding: 10px; top: 33px; right: 0px; border-radius: 0 0 3px 3px; box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.3); } /* line 78, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter { position: relative; float: left; width: 100%; } /* line 83, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter > ul { position: relative; float: right; width: 100%; padding: 10px 20px; } /* line 89, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter > ul > li { position: relative; float: right; width: 80px; padding: 5px 10px; background: #97b660; color: white; cursor: pointer; border-radius: 3px; margin-left: 3px; text-align: center; font-weight: 600; } /* line 102, ../scss/modules/docket/_docket-320.scss */ #docket-page-holder > .info-page-wrapper > #docket-results-wrapper > aside.filter > ul > li.active-button { background: #455627; } /* line 105, ../scss/modules/docket/_docket-320.scss */ .docket-main-content { position: relative; float: left; width: 100%; z-index: 1; min-height: 70vh; background: #FFFFFF; margin: 60px 0; color: dimGrey; border-radius: 5px; box-shadow: 0 0 5px 1px rgba(133, 133, 133, 0.5); } /* line 116, ../scss/modules/docket/_docket-320.scss */ .docket-main-content h1 { padding: 10px 20px; } /* line 120, ../scss/modules/docket/_docket-320.scss */ .docket-main-content-sudo-wrap { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; background: rgba(133, 133, 133, 0.1); } /* line 129, ../scss/modules/docket/_docket-320.scss */ .docket-dashboard { margin-bottom: 0; } /* line 132, ../scss/modules/docket/_docket-320.scss */ .docket-city-list { position: relative; width: 100%; float: left; list-style: none; margin-bottom: 20px; } /* line 139, ../scss/modules/docket/_docket-320.scss */ .docket-city { position: relative; width: 100%; float: left; margin: 5px 0; padding: 10px; background: #337ab7; text-align: center; border-radius: 5px; } /* line 148, ../scss/modules/docket/_docket-320.scss */ .docket-city:hover { background: #1d4567; } /* line 152, ../scss/modules/docket/_docket-320.scss */ .docket-city-text { position: relative; width: 100%; color: #FFFFFF; font-size: 16px; line-height: 18px; text-align: center; } /* line 160, ../scss/modules/docket/_docket-320.scss */ .docket-ticket-number { position: relative; float: left; width: 100%; text-align: center; font-size: 18px; line-height: 24px; font-weight: 600; } /* line 169, ../scss/modules/docket/_docket-320.scss */ .docket-label-select, .docket-label-wrapper, .docket-select-wrapper, .docket-label, .docket-select, .docket-input-text, .docket-table-row, .docket-input-table, .docket-currency, .docket-input-docket-total { position: relative; float: left; } /* line 174, ../scss/modules/docket/_docket-320.scss */ .docket-label-select { width: 100%; } /* line 177, ../scss/modules/docket/_docket-320.scss */ .docket-label-wrapper, .docket-select-wrapper { width: 50%; text-align: center; line-height: 24px; } /* line 182, ../scss/modules/docket/_docket-320.scss */ .docket-label, .docket-select { font-size: 14px; line-height: 24px; } /* line 186, ../scss/modules/docket/_docket-320.scss */ .docket-label { font-size: 12px; line-height: 24px; padding: 0 15px; float: right; margin-right: 5%; } /* line 193, ../scss/modules/docket/_docket-320.scss */ .docket-select { background: #FFFFFF; float: left; margin-left: 5%; box-shadow: 0 0 5px 1px rgba(133, 133, 133, 0.5); border: none; padding: 5px 15px; margin-top: 3px; max-width: 100%; } /* line 202, ../scss/modules/docket/_docket-320.scss */ .docket-select option { font-size: 16px; padding: 5px 15px; line-height: 22px; } /* line 208, ../scss/modules/docket/_docket-320.scss */ .docket-input { position: relative; width: calc(100% - 39px); left: 10px; padding: 4px 10px; border-radius: 0 4px 4px 0; height: 40px; border: 1px solid #ccc; top: -11px; cursor: pointer; } /* line 219, ../scss/modules/docket/_docket-320.scss */ .docket-date { width: auto; } /* line 222, ../scss/modules/docket/_docket-320.scss */ .docket-hidden-alt { margin-left: -45%; float: left; font-size: 18px; line-height: 24px; cursor: pointer; margin-top: 0; } /* line 229, ../scss/modules/docket/_docket-320.scss */ .docket-hidden-alt em { position: relative; float: left; margin-top: 2px; margin-right: 10px; } /* line 236, ../scss/modules/docket/_docket-320.scss */ .docket-cal-wrapper { position: relative; float: left; width: 50%; height: 20px; } /* line 242, ../scss/modules/docket/_docket-320.scss */ .docket-row { position: relative; float: left; width: 60%; margin: 20px 20% 10px; } /* line 248, ../scss/modules/docket/_docket-320.scss */ .docket-button { position: relative; float: left; margin: 10px calc(50% - 60px) 0; width: 120px; border: 1px solid rgba(155, 155, 155, 0.4); border-radius: 3px; background: rgba(155, 155, 155, 0.1); padding: 10px; text-align: center; font-weight: 600; cursor: pointer; } /* line 260, ../scss/modules/docket/_docket-320.scss */ .docket-button:first-child { margin-top: 20px; } /* line 263, ../scss/modules/docket/_docket-320.scss */ .docket-button:last-child { margin-bottom: 30px; } /* line 267, ../scss/modules/docket/_docket-320.scss */ .docket-alert { position: relative; float: left; line-height: 20px; } /* line 272, ../scss/modules/docket/_docket-320.scss */ .docket-alert.xtra-deep { line-height: 40px; } /* line 275, ../scss/modules/docket/_docket-320.scss */ .docket-alert span { position: relative; float: left; margin-left: 20px; color: #d07282; } /* line 282, ../scss/modules/docket/_docket-320.scss */ #price_calc { margin-top: 30px; } /* line 285, ../scss/modules/docket/_docket-320.scss */ fieldset { float: left; } /* line 288, ../scss/modules/docket/_docket-320.scss */ .docket-label-wrapper, .docket-select-wrapper { min-height: 30px; } /* line 291, ../scss/modules/docket/_docket-320.scss */ .docket-input-text, .docket-input-table { margin-left: 10px; padding: 2px 10px; width: 100%; font-size: 14px; line-height: 24px; } /* line 298, ../scss/modules/docket/_docket-320.scss */ .docket-input-table { width: 30%; border: rgba(133, 133, 133, 0.5) 1px solid; border-bottom: none; line-height: 24px; } /* line 304, ../scss/modules/docket/_docket-320.scss */ .docket-input-table-large { width: auto; } /* line 306, ../scss/modules/docket/_docket-320.scss */ .docket-input-table-large.name { text-transform: capitalize; } /* line 310, ../scss/modules/docket/_docket-320.scss */ .docket-input-docket-total { width: 50%; margin-left: 10px; font-size: 18px; line-height: 32px; border: rgba(133, 133, 133, 0.5) 1px solid; font-weight: bold; } /* line 319, ../scss/modules/docket/_docket-320.scss */ .docket-select-wrapper:first-child { margin-top: 0; } /* line 323, ../scss/modules/docket/_docket-320.scss */ .docket-select-wrapper:last-child .docket-input-table { border-bottom: rgba(133, 133, 133, 0.5) 1px solid; } /* line 328, ../scss/modules/docket/_docket-320.scss */ .docket-currency { text-align: left; margin-left: 5px; font-size: 18px; line-height: 30px; } /* line 333, ../scss/modules/docket/_docket-320.scss */ .docket-currency.docket-total { font-size: 18px; font-weight: 600; line-height: 32px; } /* line 339, ../scss/modules/docket/_docket-320.scss */ .docket-print { width: 45%; margin: 10px 2.5%; } @page { /* line 339, ../scss/modules/docket/_docket-320.scss */ .docket-print { size: landscape; } } /* line 343, ../scss/modules/docket/_docket-320.scss */ .docket-print .docket-row { width: 100%; margin: 0 0 10px; } /* line 347, ../scss/modules/docket/_docket-320.scss */ .docket-print .docket-input-docket-total { width: 30%; } /* line 350, ../scss/modules/docket/_docket-320.scss */ .docket-print .docket-input-table, .docket-print .docket-input-docket-total { border: none; } /* line 355, ../scss/modules/docket/_docket-320.scss */ .docket-print .docket-select-wrapper:last-child .docket-input-table { border: none; } /* line 361, ../scss/modules/docket/_docket-320.scss */ .docket-view { width: 80%; margin: 60px 10%; } /* line 365, ../scss/modules/docket/_docket-320.scss */ .docket-checkin { width: 80%; margin: 60px 10%; } /* line 368, ../scss/modules/docket/_docket-320.scss */ .docket-checkin.active { border: rgba(133, 133, 133, 0.5) 1px solid; } /* line 372, ../scss/modules/docket/_docket-320.scss */ .docket-search-wrapper { position: relative; float: left; margin: 20px 20px; width: calc(100% - 40px); font-size: 24px; z-index: 1; } /* line 379, ../scss/modules/docket/_docket-320.scss */ .docket-search-wrapper:after { content: ""; position: absolute; top: 4px; right: -30px; width: 30px; height: 30px; background-color: none; background-repeat: no-repeat; background-image: url("../../img/ui/sitewide/web_icons_blue.png"); background-size: 320px; background-position: -11px -6px; } /* line 393, ../scss/modules/docket/_docket-320.scss */ .docket-search { position: relative; float: left; width: 100%; font-size: 24px; padding: 5px 20px; border-radius: 5px; border: 2px solid rgba(60, 140, 203, 0.5); } /* line 403, ../scss/modules/docket/_docket-320.scss */ .docket-search-list-wrapper { position: relative; float: left; width: 100%; font-size: 14px; } /* line 409, ../scss/modules/docket/_docket-320.scss */ #docket-search-res-list > h3 { position: relative; float: left; width: 100%; padding: 3px 10px; } /* line 415, ../scss/modules/docket/_docket-320.scss */ #docket-search-res-list > h3 > em { position: relative; float: right; } /* line 419, ../scss/modules/docket/_docket-320.scss */ .docket-search-list { position: absolute; top: 1px; right: 0; width: 60%; list-style: none; padding: 10px 20px; margin: 0 0.5%; background: #FFFFFF; border-left: 1px solid rgba(133, 133, 133, 0.3); border-right: 1px solid rgba(133, 133, 133, 0.3); border-bottom: 1px solid rgba(133, 133, 133, 0.3); box-shadow: 0 0 4px 1px rgba(133, 133, 133, 0.5); z-index: 99; border-radius: 0 0 5px 5px; } /* line 435, ../scss/modules/docket/_docket-320.scss */ .docket-search-list-item { position: relative; float: left; width: 100%; padding: 5px 0; cursor: pointer; } /* line 442, ../scss/modules/docket/_docket-320.scss */ .docket-search-list-item-text { position: relative; float: left; width: 100%; font-size: 14px; line-height: 18px; } /* line 448, ../scss/modules/docket/_docket-320.scss */ .docket-search-list-item-text:hover { color: #0096ff; } /* line 452, ../scss/modules/docket/_docket-320.scss */ .docket-results-wrapper { position: relative; float: left; width: 100%; } /* line 457, ../scss/modules/docket/_docket-320.scss */ .docket-result-list { position: relative; float: left; width: calc(100% - 40px); margin: 0 20px 60px; border: solid 1px rgba(133, 133, 133, 0.3); padding: 10px; } /* line 465, ../scss/modules/docket/_docket-320.scss */ .docket-search-list-item-empty { position: relative; float: left; width: 100%; text-align: center; font-size: 16px; } /* line 472, ../scss/modules/docket/_docket-320.scss */ .docket-result-list-item { position: relative; float: left; width: 100%; padding: 5px 10px; } /* line 477, ../scss/modules/docket/_docket-320.scss */ .docket-result-list-item:nth-child(2n-1) { background: rgba(133, 133, 133, 0.2); } /* line 481, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list, .docket-result-sub-list-item { position: relative; float: left; width: 100%; } /* line 486, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list-item { width: 14%; padding: 1px 10px; } /* line 489, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list-item.width-10 { width: 10%; } /* line 492, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list-item.width-30 { width: 24%; } /* line 495, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list-item.width-25 { width: 10%; } /* line 498, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list-item.negative { color: red; } /* line 501, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list-item.totals { font-weight: 600; } /* line 504, ../scss/modules/docket/_docket-320.scss */ .docket-result-sub-list-item .toolkit-toggle { position: relative; float: right; font-size: 12px; cursor: pointer; } /* line 511, ../scss/modules/docket/_docket-320.scss */ .toolbar-list { position: absolute; right: 0; width: 220px; background: white; padding: 20px; box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.5); display: none; } /* line 519, ../scss/modules/docket/_docket-320.scss */ .toolbar-list.open-toolkit { display: block; z-index: 99; } /* line 524, ../scss/modules/docket/_docket-320.scss */ .docket-toolbar-item { position: relative; float: left; cursor: pointer; width: 100%; font-size: 14px; margin-bottom: 3px; } /* line 531, ../scss/modules/docket/_docket-320.scss */ .docket-toolbar-item em { position: relative; float: left; font-size: 12px; padding: 2px; border-radius: 3px; line-height: 18px; margin-right: 5px; } /* line 541, ../scss/modules/docket/_docket-320.scss */ .docket-toolbar-item span { position: relative; float: left; } /* line 546, ../scss/modules/docket/_docket-320.scss */ .docket-checkin-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99; overflow-y: scroll; display: none; } /* line 555, ../scss/modules/docket/_docket-320.scss */ .docket-checkin-wrapper.active { display: block; } /* line 559, ../scss/modules/docket/_docket-320.scss */ .docket-checkin-bk { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); } /* line 567, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum, .docket-list-sum-row { position: relative; float: left; width: 100%; list-style: none; margin: 0; padding: 0; } /* line 575, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-label { position: relative; float: left; width: 60%; font-size: 10px; line-height: 16px; } /* line 581, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-label.totals { font-weight: 600; } /* line 585, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-val { position: relative; float: left; width: 40%; font-size: 12px; line-height: 16px; } /* line 591, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-val.negative { color: red; } /* line 594, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-val.totals { font-weight: 600; } /* line 598, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-denominator { border-top: 1px solid rgba(155, 155, 155, 0.5); } /* line 600, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-denominator .docket-list-sum-row-label { font-size: 12px; line-height: 18px; } /* line 604, ../scss/modules/docket/_docket-320.scss */ .docket-list-sum-row-denominator .docket-list-sum-row-val { font-size: 12px; line-height: 18px; } /* line 609, ../scss/modules/docket/_docket-320.scss */ .docket-row-id { position: relative; float: left; } /* line 613, ../scss/modules/docket/_docket-320.scss */ .docket-signature { position: relative; float: left; width: 60%; margin-left: 20%; line-height: 24px; padding: 30px 0 0; border-bottom: dashed 2px rgba(133, 133, 133, 0.5); margin-bottom: 30px; } /* line 624, ../scss/modules/docket/_docket-320.scss */ .magnetic-symbol { position: relative; cursor: pointer; float: left; color: #0096ff; font-size: 12px; padding: 2px 6px; } /* line 632, ../scss/modules/docket/_docket-320.scss */ .magnetic-wrapper, .magnetic-item { position: relative; float: left; width: 100%; } /* line 637, ../scss/modules/docket/_docket-320.scss */ .magnetic-wrapper { margin-top: 20px; } /* line 640, ../scss/modules/docket/_docket-320.scss */ magnetic-invoice-header, .magnetic-invoice-footer { position: relative; float: left; width: 100%; padding: 0; } /* line 645, ../scss/modules/docket/_docket-320.scss */ magnetic-invoice-header img, .magnetic-invoice-footer img { position: relative; float: left; width: 100%; } /* line 651, ../scss/modules/docket/_docket-320.scss */ .magnetic-item { border-bottom: 1px solid rgba(133, 133, 133, 0.4); } /* line 653, ../scss/modules/docket/_docket-320.scss */ .magnetic-item:last-child { border-bottom: none; } /* line 657, ../scss/modules/docket/_docket-320.scss */ .magnetic-item-ref { position: relative; float: left; width: 20%; padding: 5px 10px; } /* line 663, ../scss/modules/docket/_docket-320.scss */ .magnetic-item-title, .magnetic-item-description { position: relative; float: left; width: 30%; padding: 5px 10px; } /* line 669, ../scss/modules/docket/_docket-320.scss */ .magnetic-item-tools { position: relative; float: left; width: 10%; padding: 5px 10px; } /* line 674, ../scss/modules/docket/_docket-320.scss */ .magnetic-item-tools span { float: right; margin-left: 10px; font-size: 1.2em; cursor: pointer; } /* line 681, ../scss/modules/docket/_docket-320.scss */ .magnetic-item-status { position: relative; float: left; width: 10%; padding: 5px 10px; } /* line 687, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-wrapper { position: absolute; width: 595px; left: calc(50% - 296px); top: 80px; background: #FFFFFF; box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.4); display: none; } /* line 695, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-wrapper.active { display: block; padding: 20px; } /* line 700, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-logo { position: relative; float: left; width: 100%; background-repeat: no-repeat; background-image: url(../../img/ui/sitewide/ACCENT-logo.svg); background-size: 105px; background-position: 0% 50%; } /* line 709, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-title, .invoice-number { position: relative; float: left; width: 100%; text-align: center; color: #333; } /* line 716, ../scss/modules/docket/_docket-320.scss */ .invoice-number { font-weight: 600; margin-top: 20px; } /* line 720, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-body { position: relative; float: left; width: 100%; text-align: left; color: #333; } /* line 726, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-body ul { position: relative; float: left; width: 100%; } /* line 731, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-body li { position: relative; float: left; } /* line 734, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-body li:first-child { width: 20%; } /* line 737, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-body li:last-child { width: 80%; } /* line 742, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-divider { position: relative; float: left; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.7); padding-top: 10px; margin-bottom: 10px; } /* line 750, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details { position: relative; float: left; width: 100%; margin-top: 10px; color: #333; } /* line 756, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details.with-table { margin-top: 100px; } /* line 760, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details table { position: relative; float: left; width: 100%; text-align: center; } /* line 766, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details tr, .magnetic-invoice-details thead { position: relative; float: left; width: 100%; padding: 5px 0; } /* line 772, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details tr .u-visible, .magnetic-invoice-details thead .u-visible { display: block; } /* line 775, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details tr .u-hidden, .magnetic-invoice-details thead .u-hidden { display: none; } /* line 778, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details tr.tight, .magnetic-invoice-details thead.tight { border-bottom: 1px solid rgba(0, 0, 0, 0.3); margin-bottom: 5px; } /* line 784, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details tr.no-print .u-visible, .magnetic-invoice-details thead.no-print .u-visible { display: none; } /* line 787, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details tr.no-print .u-hidden, .magnetic-invoice-details thead.no-print .u-hidden { display: block; } /* line 792, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details button { position: relative; float: left; margin-left: 33%; color: #FFFFFF; border: none; border-radius: 21px; padding: 7px 7px 3px; } /* line 800, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details button.u-visible { background: #006600; } /* line 803, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details button.u-hidden { background: #990000; } /* line 806, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details button.fixed { background: #a3a3a3; cursor: default; padding: 4px 0px 3px; width: 24px; } /* line 812, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details button.variable { background: #a3a3a3; cursor: default; padding: 4px 0px 3px; width: 24px; } /* line 818, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details button.fixed-variable { background: #337ab7; padding: 4px 0px 3px; width: 24px; } /* line 824, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details .u-variable { display: block; } /* line 827, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details .u-fixed { display: none; } /* line 832, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details .fvb-fixed .u-variable { display: none; } /* line 835, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details .fvb-fixed .u-fixed { display: block; } /* line 841, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td, .magnetic-invoice-details th { position: relative; float: left; padding: 0 10px; width: 12.5%; } /* line 846, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td:nth-child(6n - 4), .magnetic-invoice-details th:nth-child(6n - 4) { width: 40%; text-align: left; } /* line 850, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td:nth-child(6n - 1), .magnetic-invoice-details th:nth-child(6n - 1) { width: 10%; text-align: left; } /* line 854, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td:nth-child(6n), .magnetic-invoice-details th:nth-child(6n) { text-align: right; } /* line 857, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td.width100, .magnetic-invoice-details th.width100 { width: 100%; } /* line 860, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td.width80, .magnetic-invoice-details th.width80 { width: 80%; } /* line 863, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td.width60, .magnetic-invoice-details th.width60 { width: 60%; } /* line 866, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details td.width40, .magnetic-invoice-details th.width40 { width: 40%; } /* line 871, ../scss/modules/docket/_docket-320.scss */ .per-student, .Total-due { position: relative; float: right; width: 100%; text-align: right; margin: 20px 0; } /* line 878, ../scss/modules/docket/_docket-320.scss */ .Total-due { font-weight: 600; font-size: 1.2em; } /* line 882, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search { position: relative; float: left; width: 60%; margin: 0 20%; } /* line 887, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search .switch-wrapper { position: relative; float: left; cursor: pointer; padding: 5px 10px 0; background: #337ab7; color: #FFFFFF; border-radius: 5px; } /* line 895, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search .switch-wrapper:hover { background-color: #1d4567; } /* line 899, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search #switch-select { display: none; } /* line 902, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search em { position: relative; float: left; padding: 5px; font-size: 1.2em; margin-right: 5px; } /* line 909, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search span { position: relative; float: left; font-size: 1.2em; line-height: 1.8em; } /* line 915, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search select { position: relative; float: left; padding: 5px 10px; border: none; background: transparent; font-size: 1.2em; line-height: 1.8em; color: #FFFFFF; margin-top: 5px; } /* line 926, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search option { position: relative; float: left; padding: 5px 10px; font-size: 1.2em; } /* line 933, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search.active #switch-button { display: none; } /* line 936, ../scss/modules/docket/_docket-320.scss */ .docket-switch-search.active #switch-select { display: block; } /* line 941, ../scss/modules/docket/_docket-320.scss */ #invoice-wrapper.printing { color: #333; max-width: 600px; padding: 20px; } /* line 945, ../scss/modules/docket/_docket-320.scss */ #invoice-wrapper.printing .no-print { display: none; } /* line 949, ../scss/modules/docket/_docket-320.scss */ .magnetic-print-button { position: relative; float: right; padding: 8px 30px; border: none; background: #337ab7; color: #FFFFFF; font-size: 1.1em; } /* line 958, ../scss/modules/docket/_docket-320.scss */ .per-student, .Variable-costs, .Fixed-costs { position: relative; float: left; width: 100%; margin-bottom: 10px; text-align: right; color: #333; } /* line 965, ../scss/modules/docket/_docket-320.scss */ .per-student button, .Variable-costs button, .Fixed-costs button { position: relative; float: left; color: #FFFFFF; border: none; border-radius: 21px; padding: 7px 7px 3px; width: 28px; margin-left: calc(10px + ((12.5% - 20px) * 0.33)); } /* line 974, ../scss/modules/docket/_docket-320.scss */ .per-student button i, .Variable-costs button i, .Fixed-costs button i { position: relative; margin-left: 0; } /* line 978, ../scss/modules/docket/_docket-320.scss */ .per-student button.u-visible, .Variable-costs button.u-visible, .Fixed-costs button.u-visible { display: block; background: #006600; } /* line 982, ../scss/modules/docket/_docket-320.scss */ .per-student button.u-hidden, .Variable-costs button.u-hidden, .Fixed-costs button.u-hidden { display: none; background: #990000; } /* line 989, ../scss/modules/docket/_docket-320.scss */ .per-student.no-print button.u-visible, .Variable-costs.no-print button.u-visible, .Fixed-costs.no-print button.u-visible { display: none; } /* line 992, ../scss/modules/docket/_docket-320.scss */ .per-student.no-print button.u-hidden, .Variable-costs.no-print button.u-hidden, .Fixed-costs.no-print button.u-hidden { display: block; } /* line 997, ../scss/modules/docket/_docket-320.scss */ .per-student span, .per-student em, .Variable-costs span, .Variable-costs em, .Fixed-costs span, .Fixed-costs em { position: relative; margin-left: 20px; } @media print { @page { size: A4 landscape; margin: 0 11mm 0; } @page { /* line 1010, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details { margin-top: 10px; } /* line 1012, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details:first-child { margin-top: 150px; } } @page :first { /* line 1018, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details { margin-top: 100px; } /* line 1021, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details { margin-top: 10px; } /* line 1023, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details:first-child { margin-top: 140px; } } /* line 1028, ../scss/modules/docket/_docket-320.scss */ .no-print, .no-print * { display: none !important; } /* line 1032, ../scss/modules/docket/_docket-320.scss */ fieldset { float: left; } /* line 1035, ../scss/modules/docket/_docket-320.scss */ .docket-label-wrapper, .docket-select-wrapper { min-height: 30px; } /* line 1038, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-header { position: fixed; top: 0px; } /* line 1042, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-footer { position: fixed; bottom: 20px; } /* line 1046, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-title { position: fixed; top: 110px; left: 0; } /* line 1051, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-body.print-top { margin-top: 140px; } /* line 1054, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-body { margin-left: 10%; margin-right: 10%; width: 80%; } /* line 1059, ../scss/modules/docket/_docket-320.scss */ .magnetic-invoice-details { margin-left: 10%; margin-right: 10%; width: 80%; } /* line 1065, ../scss/modules/docket/_docket-320.scss */ .magnetic-top-padder { position: relative; float: left; width: 100%; height: 150px; } } /* line 1075, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis { color: #2a2a2a; position: relative; float: left; min-height: 780px; } /* line 1082, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > h1 { position: relative; float: left; width: 100%; text-align: right; font-size: 14px; font-weight: 600; } /* line 1090, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > h1 > em { font-size: 12px; } /* line 1094, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > h3 { position: relative; float: left; width: 100%; text-align: center; font-size: 16px; } /* line 1101, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > p { position: relative; float: left; width: 100%; text-align: left; font-size: 14px; font-weight: 700; line-height: 20px; } /* line 1110, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section { position: relative; float: left; width: 100%; padding: 0 20px 30px; } /* line 1116, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.central { text-align: center; } /* line 1119, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.signature { position: absolute; bottom: 20px; right: 20px; width: 50%; } /* line 1125, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.left { padding-right: 140px; } /* line 1128, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > aside { position: relative; float: left; width: 100%; } /* line 1134, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > aside.bis-left, .docket-main-content.bis > section > aside.bis-right { width: 50%; } /* line 1137, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.central > aside > figure { position: relative; float: left; width: 50%; margin-left: 25%; text-align: center; } /* line 1144, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.central > aside > img { position: relative; } /* line 1147, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.central > ul { width: 100%; } /* line 1150, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.central > ul > li > label { text-align: right; width: calc(50% - 5px); margin-right: 10px; } /* line 1155, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > aside.bis-left > figure { position: relative; float: left; width: 100%; text-align: center; } /* line 1161, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > aside.bis-left > figure > img { position: relative; } /* line 1164, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > aside.bis-right > ul, .docket-main-content.bis > section > ul { position: relative; float: left; width: 100%; text-align: right; padding: 0; } /* line 1171, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > aside.bis-right > ul > li { position: relative; float: left; width: 100%; margin: 0px; font-size: 14px; font-weight: 600; } /* line 1180, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul { text-align: left; } /* line 1183, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li { position: relative; float: left; width: 100%; overflow: hidden; } /* line 1189, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li.bis-half { width: 50%; } /* line 1192, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li.bis-1-3 { width: 33.3%; } /* line 1195, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li > label, .docket-main-content.bis > section > ul > li > span { position: relative; float: left; margin-right: 10px; } /* line 1200, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li > span { margin-right: 0; } /* line 1203, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li > .bis-dl { position: relative; float: left; border-bottom: dashed 1px #858585; height: 18px; } /* line 1209, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > p > span { position: relative; float: left; } /* line 1213, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > p > span.bis-dl-1-3 { border-bottom: dashed 1px #858585; width: 50px; height: 18px; } /* line 1218, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > p > span.bis-dl-1-6 { border-bottom: dashed 1px #858585; height: 18px; width: 25px; } /* line 1223, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > p > span.bis-dl-1-6:first-child { margin-left: 5px; } /* line 1226, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li > .bis-dl.fill { width: fit-content; } /* line 1229, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section > ul > li > .bis-dl.b1-3 { width: calc(33% - 5px); } @media print { @page { size: auto; margin: 0; /* line 1236, ../scss/modules/docket/_docket-320.scss */ a[href]:after { content: none !important; } } /* line 1240, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis { padding-bottom: 0; } /* line 1244, ../scss/modules/docket/_docket-320.scss */ .docket-main-content.bis > section.left { padding-right: 10%; } } @media screen and (min-width: 768px) { /* line 2, ../scss/modules/docket/_docket-760.scss */ .docket-city { position: relative; width: 100px; float: left; margin: 0; margin-right: 20px; background: #337ab7; text-align: center; } /* line 11, ../scss/modules/docket/_docket-760.scss */ #docket-page-holder > .info-page-wrapper > h2 { padding: 20px; } /* line 15, ../scss/modules/docket/_docket-760.scss */ #docket-page-holder > .info-page-wrapper > .editor-action-bar { top: 15px; } } @media screen and (min-width: 1020px) { /* line 4, ../scss/modules/docket/_docket-1020.scss */ #docket-page-holder { width: calc(73vw - 66px) !important; } /* line 7, ../scss/modules/docket/_docket-1020.scss */ #docket-page-holder.info-page-holder { left: calc(20vw + -50px) !important; } } /* line 1, ../scss/modules/main/_main-320.scss */ .panel { margin-top: 60px; } /* line 4, ../scss/modules/main/_main-320.scss */ .sidebar { position: relative; } /* line 7, ../scss/modules/main/_main-320.scss */ .container > .row { margin: 0; } /* line 12, ../scss/modules/main/_main-320.scss */ .dropdown-menu a { cursor: pointer; } /* line 16, ../scss/modules/main/_main-320.scss */ #section-loader { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgba(255, 255, 255, 0.7); background-repeat: no-repeat; background-position: 40% 40%; background-image: url(../ui/cogs.gif); background-size: 250px 250px; display: none; } /* line 28, ../scss/modules/main/_main-320.scss */ #section-loader.loading { display: block; z-index: 99999; } /* line 33, ../scss/modules/main/_main-320.scss */ .main-dashboard { display: none; } /* line 36, ../scss/modules/main/_main-320.scss */ .main-booking { display: none; } /* line 39, ../scss/modules/main/_main-320.scss */ .main-tours { display: none; } /* line 42, ../scss/modules/main/_main-320.scss */ .main-pages { display: none; } /* line 45, ../scss/modules/main/_main-320.scss */ .main-blog { display: none; } /* line 48, ../scss/modules/main/_main-320.scss */ .main-accounts { display: none; } /* line 51, ../scss/modules/main/_main-320.scss */ .main-guides { display: none; } /* line 54, ../scss/modules/main/_main-320.scss */ .main-settings { display: none; } /* line 58, ../scss/modules/main/_main-320.scss */ .main-panel { position: relative; float: left; width: calc(100%); padding: 40px 5%; background: #FFFFFF; min-height: 100vh; display: none; } /* line 66, ../scss/modules/main/_main-320.scss */ .main-panel h1 { font-size: 22px; } /* line 70, ../scss/modules/main/_main-320.scss */ .main-panel.dashboard .main-dashboard { display: block; } /* line 74, ../scss/modules/main/_main-320.scss */ .main-panel.booking { padding: 50px 0; } /* line 76, ../scss/modules/main/_main-320.scss */ .main-panel.booking .main-booking { display: block; } /* line 80, ../scss/modules/main/_main-320.scss */ .main-panel.tours { padding: 50px 0; } /* line 82, ../scss/modules/main/_main-320.scss */ .main-panel.tours .main-tours { display: block; } /* line 86, ../scss/modules/main/_main-320.scss */ .main-panel.guests { padding: 50px 0; } /* line 88, ../scss/modules/main/_main-320.scss */ .main-panel.guests .main-guests { display: block; } /* line 92, ../scss/modules/main/_main-320.scss */ .main-panel.pages { padding: 50px 0; } /* line 94, ../scss/modules/main/_main-320.scss */ .main-panel.pages .main-pages { display: block; } /* line 98, ../scss/modules/main/_main-320.scss */ .main-panel.blog { padding: 50px 0; } /* line 100, ../scss/modules/main/_main-320.scss */ .main-panel.blog .main-pages { display: block; } /* line 105, ../scss/modules/main/_main-320.scss */ .main-panel.accounts .main-accounts { display: block; } /* line 110, ../scss/modules/main/_main-320.scss */ .main-panel.guides .main-guides { display: block; } /* line 115, ../scss/modules/main/_main-320.scss */ .main-panel.settings .main-settings { display: block; } /* line 119, ../scss/modules/main/_main-320.scss */ .main-panel.active { display: block; } /* line 123, ../scss/modules/main/_main-320.scss */ .main-panel.users { padding: 40px 0; } /* line 126, ../scss/modules/main/_main-320.scss */ .main-panel.dashboard { padding-top: 110px; } /* line 129, ../scss/modules/main/_main-320.scss */ .main-panel-list { position: relative; float: left; width: 100%; padding: 0; margin: 0; list-style: none; } /* line 137, ../scss/modules/main/_main-320.scss */ .main-panel-item { position: relative; float: left; width: 100%; height: 80px; cursor: pointer; color: #FFFFFF; margin-bottom: 2vw; border-radius: 5px; cursor: pointer; } /* line 147, ../scss/modules/main/_main-320.scss */ .main-panel-item.u-hidden { display: none; } /* line 150, ../scss/modules/main/_main-320.scss */ .main-panel-item.dashboard { background-color: #2aa1fc; } /* line 153, ../scss/modules/main/_main-320.scss */ .main-panel-item.booking { background-color: #006ecb; } /* line 156, ../scss/modules/main/_main-320.scss */ .main-panel-item.tours { background-color: #0b2141; } /* line 159, ../scss/modules/main/_main-320.scss */ .main-panel-item.pages { background-color: #4ec4a1; } /* line 162, ../scss/modules/main/_main-320.scss */ .main-panel-item.guests { background-color: #a354db; } /* line 165, ../scss/modules/main/_main-320.scss */ .main-panel-item.blog { background-color: #2aa1fc; } /* line 168, ../scss/modules/main/_main-320.scss */ .main-panel-item.accounts { background-color: #6b788c; } /* line 171, ../scss/modules/main/_main-320.scss */ .main-panel-item.guides { background-color: #96d7f1; } /* line 174, ../scss/modules/main/_main-320.scss */ .main-panel-item.settings { background-color: #609ed2; } /* line 177, ../scss/modules/main/_main-320.scss */ .main-panel-item:nth-child(2n+1) { margin-left: 0; } /* line 181, ../scss/modules/main/_main-320.scss */ .main-panel-icon, .main-panel-text, .main-panel-header { position: relative; float: left; } /* line 185, ../scss/modules/main/_main-320.scss */ .main-panel-icon { font-size: 18px; line-height: 48px; margin: 20px 20px; height: 40px; width: 42px; border-radius: 25px; background-repeat: no-repeat; background-position: 0 0; background-image: url("pngs/circle_black_20.png"); background-size: 40px; text-align: center; } /* line 197, ../scss/modules/main/_main-320.scss */ .main-panel-icon.accounts { background-image: url("pngs/circle_white_20.png"); } /* line 201, ../scss/modules/main/_main-320.scss */ .main-panel-text, .main-panel-header { width: calc(100% - 124px); margin: 20px 0 5px; padding-right: 20px; font-size: 18px; line-height: 40px; font-weight: 400; text-align: left; letter-spacing: 0.5px; } /* line 211, ../scss/modules/main/_main-320.scss */ .main-panel-text { margin: 0; font-size: 16px; line-height: 18px; padding-left: 2px; display: none; } /* line 218, ../scss/modules/main/_main-320.scss */ .main-panel-nav-wrapper { position: absolute; top: 0; left: -25%; width: 170px; transition: ease-in-out 0.4s left; z-index: 0; } /* line 228, ../scss/modules/main/_main-320.scss */ .main-panel.active .main-panel-nav-wrapper { left: 100px; z-index: 999; } /* line 231, ../scss/modules/main/_main-320.scss */ .main-panel.active .main-panel-nav-wrapper.hide { left: -25%; } /* line 238, ../scss/modules/main/_main-320.scss */ .info-page-holder { position: relative !important; margin-top: 0 !important; } /* line 244, ../scss/modules/main/_main-320.scss */ .sisto-menu-list { margin-top: 0 !important; left: 67px !important; } /* line 249, ../scss/modules/main/_main-320.scss */ .nav-panel-toolbar { position: relative; float: left; width: 100%; line-height: 32px; font-size: 16px; font-weight: 600; padding: 10px; background: #0b2141; margin: 0; } /* line 259, ../scss/modules/main/_main-320.scss */ .nav-panel-toolbar em { float: right; font-size: 12px; margin-left: 10px; } /* line 265, ../scss/modules/main/_main-320.scss */ #info-main-panel, #diversity-main-panel, #welcome-main-panel, #academics-main-panel, #papers-main-panel, #users-main-panel { display: none; position: relative; left: 0; } /* line 270, ../scss/modules/main/_main-320.scss */ #info-main-panel.active, #diversity-main-panel.active, #welcome-main-panel.active, #academics-main-panel.active, #papers-main-panel.active, #users-main-panel.active { display: block; } /* line 273, ../scss/modules/main/_main-320.scss */ #info-main-panel.suspend, #diversity-main-panel.suspend, #welcome-main-panel.suspend, #academics-main-panel.suspend, #papers-main-panel.suspend, #users-main-panel.suspend { display: none; } /* line 280, ../scss/modules/main/_main-320.scss */ .right-panel.p1 { top: 0px; } /* line 283, ../scss/modules/main/_main-320.scss */ .right-panel.p2 { top: 70px; } /* line 286, ../scss/modules/main/_main-320.scss */ .right-panel.p3 { top: 140px; } /* line 289, ../scss/modules/main/_main-320.scss */ .right-panel.p4 { top: 210px; } /* line 292, ../scss/modules/main/_main-320.scss */ .right-panel.p5 { top: 280px; } /* line 295, ../scss/modules/main/_main-320.scss */ .right-panel.p6 { top: 350px; } /* line 298, ../scss/modules/main/_main-320.scss */ .right-panel.p7 { top: 420px; } /* line 301, ../scss/modules/main/_main-320.scss */ .right-panel.p8 { top: 490px; } /* line 304, ../scss/modules/main/_main-320.scss */ .right-panel.p9 { top: 560px; } /* line 307, ../scss/modules/main/_main-320.scss */ .right-panel.p10 { top: 630px; } /* line 317, ../scss/modules/main/_main-320.scss */ #diversity-main-panel { position: relative; left: 0; } /* line 322, ../scss/modules/main/_main-320.scss */ #papers-main-panel { left: -20px; } /* line 326, ../scss/modules/main/_main-320.scss */ #library-main-panel { position: relative; float: left; width: 100%; } /* line 331, ../scss/modules/main/_main-320.scss */ #library-nav-main-panel { position: relative; left: -20px; } /* line 340, ../scss/modules/main/_main-320.scss */ #docket-nav-main-panel { position: relative; left: -20px; } /* line 345, ../scss/modules/main/_main-320.scss */ #travel-nav-main-panel { position: relative; left: -20px; } /* line 350, ../scss/modules/main/_main-320.scss */ .footer-padding { position: relative; float: left; width: 100%; height: 100px; } /* line 356, ../scss/modules/main/_main-320.scss */ #one_time_password { position: relative; float: left; margin-left: 120px; width: 120px; font-size: 24px; } /* line 363, ../scss/modules/main/_main-320.scss */ p.otp-note { position: relative; float: left; width: 100%; } /* line 368, ../scss/modules/main/_main-320.scss */ #swirly-thing { position: relative; float: left; width: 30px; height: 30px; } /* line 374, ../scss/modules/main/_main-320.scss */ #swirly-thing > em { position: absolute; left: 0; top: 10px; width: 30px; height: 30px; font-size: 22px; display: none; } /* line 383, ../scss/modules/main/_main-320.scss */ #swirly-thing > em.loader { text-align: center; background-repeat: no-repeat; background-image: url("../ui/cogs.gif"); background-size: 100%; background-position: 0 0; } /* line 390, ../scss/modules/main/_main-320.scss */ #swirly-thing.loading > em.loader { display: block; } /* line 393, ../scss/modules/main/_main-320.scss */ #swirly-thing.checkedok > em.checked { display: block; color: green; } /* line 397, ../scss/modules/main/_main-320.scss */ #swirly-thing.failed > em.failed { display: block; color: red; } /* line 401, ../scss/modules/main/_main-320.scss */ #swirly-thing.loading.failed > em.failed { display: none; } /* line 404, ../scss/modules/main/_main-320.scss */ #swirly-thing.loading.failed > em.failed { display: none; } /* line 406, ../scss/modules/main/_main-320.scss */ #swirly-thing.loading.checkedok > em.loader { display: none; } /* line 409, ../scss/modules/main/_main-320.scss */ #otp-form > p, #otp-email > p { text-align: center; } /* line 412, ../scss/modules/main/_main-320.scss */ #otp-form.form-group { position: relative; float: left; width: 100%; } /* line 417, ../scss/modules/main/_main-320.scss */ #otp-form.form-group > div.col-3 > p { text-align: center; } /* line 420, ../scss/modules/main/_main-320.scss */ #otp-form.form-group > div.col-3 { position: relative; float: left; padding: 10px 0; width: 50%; margin-left: 25%; } /* line 428, ../scss/modules/main/_main-320.scss */ #otp-form.form-group > div.col-3 > button { margin-left: calc(50% - 34px); } /* line 431, ../scss/modules/main/_main-320.scss */ #otp-form.form-group > div.col-3 > label { position: relative; float: left; margin-right: 10px; padding: 10px 0; width: calc(50% - 10px); } /* line 438, ../scss/modules/main/_main-320.scss */ #otp-form.form-group > div.col-3 > input { position: relative; float: left; margin-left: 10px; max-width: calc(50% - 10px); } /* line 444, ../scss/modules/main/_main-320.scss */ .account-details { position: relative; float: left; width: 100%; } /* line 449, ../scss/modules/main/_main-320.scss */ .account-details > nav { position: relative; float: left; width: 80px; padding: 40px 0; color: white; font-weight: 400; text-align: center; } /* line 458, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul { position: relative; float: left; width: 100%; } /* line 463, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li { position: relative; float: left; width: 100%; padding: 20px 10px; height: 74px; background: #505851; margin-bottom: 1px; } /* line 472, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li.active:after { content: ''; position: absolute; right: -30px; top: 0; border-top: 37px solid transparent; border-left: 30px solid #505851; border-bottom: 37px solid transparent; } /* line 482, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li:nth-child(5n - 3).active:after { border-right: 2px solid #777777; } /* line 485, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li:nth-child(5n - 3) { background: #777777; border-radius: 0 0 3px 3px; } /* line 489, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li:nth-child(5n - 3):hover { background: #006ecb; } /* line 492, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li:nth-child(5n - 3).active:after { border-right: 2px solid #006ecb; } /* line 495, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li > a > i, .account-details > nav > ul > li > i { position: relative; float: left; width: 100%; text-align: center; } /* line 501, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li > a { color: white; } /* line 504, ../scss/modules/main/_main-320.scss */ .account-details > nav > ul > li > a > span, .account-details > nav > ul > li > span { position: relative; float: left; width: 100%; color: white; } /* line 511, ../scss/modules/main/_main-320.scss */ .account-details > form { position: relative; float: left; width: calc(100vw - 160px); margin-left: 0; padding: 40px 10px; } /* line 518, ../scss/modules/main/_main-320.scss */ .account-details > form > ul, .account-details > ul { position: relative; float: left; width: 100%; } /* line 523, ../scss/modules/main/_main-320.scss */ .account-details > form > ul { width: calc(100vw - 220px); margin-left: 60px; } /* line 527, ../scss/modules/main/_main-320.scss */ .account-details > ul > li { text-align: center; } /* line 530, ../scss/modules/main/_main-320.scss */ .account-details > form > ul > li, .account-details > ul > li { position: relative; float: left; width: 100%; } /* line 535, ../scss/modules/main/_main-320.scss */ .account-details > form > ul > li > label, .account-details > form > ul > li > input { position: relative; float: left; width: 100%; text-align: left; } /* line 541, ../scss/modules/main/_main-320.scss */ .account-details > form > ul > li > label { color: #6f6f6f; padding: 5px; } /* line 545, ../scss/modules/main/_main-320.scss */ .account-details > form > ul > li > input { border: none; border-bottom: 1px solid rgba(155, 155, 155, 0.4); padding: 5px; color: text; margin-bottom: 40px; } /* line 552, ../scss/modules/main/_main-320.scss */ #notification { position: fixed; bottom: -100px; left: 0; width: 100%; height: 80px; background: #32a1ff; color: white; transition: bottom ease-in 0.5s; z-index: 9999; } /* line 564, ../scss/modules/main/_main-320.scss */ #notification.notify { bottom: 0; } /* line 568, ../scss/modules/main/_main-320.scss */ #notification section { position: relative; float: left; width: 100%; padding: 10px 5%; } /* line 575, ../scss/modules/main/_main-320.scss */ #notification h2, #notification h5 { position: relative; float: left; width: 100%; text-align: center; font-size: 22px; line-height: 24px; } /* line 583, ../scss/modules/main/_main-320.scss */ .hour-glass { position: absolute; height: 220px; width: 220px; top: 20px; left: 60px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 25%; background-image: url("../ui/hourglass.gif"); } @media screen and (min-width: 480px) { /* line 1, ../scss/modules/main/_main-480.scss */ .main-panel { width: calc(100% - 66px); } /* line 4, ../scss/modules/main/_main-480.scss */ #otp-wrapper { width: 360px; } } @media screen and (min-width: 760px) { /* line 1, ../scss/modules/main/_main-760.scss */ .main-panel { padding: 40px 0; } /* line 4, ../scss/modules/main/_main-760.scss */ .main-panel h1 { font-size: 28px; } /* line 8, ../scss/modules/main/_main-760.scss */ .main-panel.dashboard { padding-top: 40px; } /* line 11, ../scss/modules/main/_main-760.scss */ .main-panel-header { font-size: 24px; line-height: 30px; padding-top: 5px; } /* line 16, ../scss/modules/main/_main-760.scss */ .main-panel-text { display: block; } /* line 19, ../scss/modules/main/_main-760.scss */ .main-panel-icon { font-size: 24px; line-height: 64px; height: 60px; width: 62px; border-radius: 25px; background-size: 60px; } /* line 27, ../scss/modules/main/_main-760.scss */ #program-menu.sisto-menu-list { width: 35vw; } /* line 35, ../scss/modules/main/_main-760.scss */ .sisto-menu-list { left: 0 !important; } /* line 38, ../scss/modules/main/_main-760.scss */ .main-panel.papers { padding: 50px 0; } /* line 41, ../scss/modules/main/_main-760.scss */ #papers-main-panel { top: 287px; left: 0; } /* line 45, ../scss/modules/main/_main-760.scss */ #papers-page-holder { top: 92px; } /* line 48, ../scss/modules/main/_main-760.scss */ .account-details > form > ul, .account-details > ul { position: relative; float: left; width: 100%; padding: 0 25%; } /* line 54, ../scss/modules/main/_main-760.scss */ #travel-nav-main-panel { position: relative; top: 202px; left: 0px; } } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/main/_main-1024.scss */ .main-panel-item { width: 47.5%; margin-left: 5%; height: 140px; } /* line 7, ../scss/modules/main/_main-1024.scss */ .main-panel-item:nth-child(3n+1) { margin-left: auto; } /* line 10, ../scss/modules/main/_main-1024.scss */ .main-panel-item:nth-child(2n) { margin-left: 5%; } /* line 14, ../scss/modules/main/_main-1024.scss */ .main-panel { width: calc(100% - 66px); } /* line 16, ../scss/modules/main/_main-1024.scss */ .main-panel h1 { font-size: 32px; } /* line 22, ../scss/modules/main/_main-1024.scss */ .main-panel.active .main-panel-nav-wrapper { left: 0; } /* line 28, ../scss/modules/main/_main-1024.scss */ #booking-nav-main-panel.active { left: 0; z-index: 999; padding: 70px 0; background: none; width: 50%; } /* line 34, ../scss/modules/main/_main-1024.scss */ #booking-nav-main-panel.active .nav-panel { width: 100%; } /* line 40, ../scss/modules/main/_main-1024.scss */ #program-menu.sisto-menu-list { width: 30vw; } /* line 43, ../scss/modules/main/_main-1024.scss */ .info-page-holder { margin-top: -10px !important; margin-left: 20px !important; width: calc(69vw - 120px) !important; } } @media screen and (min-width: 1280px) { /* line 6, ../scss/modules/main/_main-1280.scss */ .main-panel-item { width: 30%; height: 140px; margin-left: 5%; margin-bottom: 2vw; } /* line 12, ../scss/modules/main/_main-1280.scss */ .main-panel-item:nth-child(2n+1) { margin-left: 4%; } /* line 15, ../scss/modules/main/_main-1280.scss */ .main-panel-item:nth-child(3n+1) { margin-left: 0; } /* line 20, ../scss/modules/main/_main-1280.scss */ #booking-nav-main-panel.active { padding: 120px 0; width: 33%; } /* line 25, ../scss/modules/main/_main-1280.scss */ #guests-nav-main-panel { top: 240px; } /* line 28, ../scss/modules/main/_main-1280.scss */ #tours-nav-main-panel { top: 360px; } /* line 31, ../scss/modules/main/_main-1280.scss */ #pages-nav-main-panel { top: 480px; } /* line 34, ../scss/modules/main/_main-1280.scss */ #blog-nav-main-panel { top: 600px; } } /* line 1, ../scss/modules/nav-main/_nav-320.scss */ .navbar { height: 60px; background-color: #FFFFFF; margin-bottom: 0; } /* line 6, ../scss/modules/nav-main/_nav-320.scss */ .navbar-header { position: relative; width: 100%; margin: 0 !important; } /* line 12, ../scss/modules/nav-main/_nav-320.scss */ .navbar-collapse { box-shadow: 0 0 3px 1px rgba(133, 133, 133, 0.1); } /* line 15, ../scss/modules/nav-main/_nav-320.scss */ .navbar-brand { position: relative; float: left; padding: 0; width: 70%; margin-left: 15%; } /* line 23, ../scss/modules/nav-main/_nav-320.scss */ .navbar-brand > figure { position: relative; float: left; width: 90px; height: 26px; padding: 12px 0; margin-left: calc(50% - 45px); margin-top: 21px; background-repeat: no-repeat; background-size: 100%; background-image: url("../ui/Accentlogo168x37.jpg"); } /* line 35, ../scss/modules/nav-main/_nav-320.scss */ .navbar-brand > figcaption { display: none; position: relative; float: left; width: 180px; margin-top: 0; margin-left: calc(50% - 90px); text-align: center; text-transform: uppercase; font-weight: 400; } /* line 47, ../scss/modules/nav-main/_nav-320.scss */ .navbar-right { margin-right: 10%; margin-top: 20px; color: #FFFFFF; } /* line 53, ../scss/modules/nav-main/_nav-320.scss */ .navbar-default .navbar-nav > li > a { color: #415f82; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; } /* line 59, ../scss/modules/nav-main/_nav-320.scss */ .nav-icon { float: right; position: relative; margin: 0; margin-left: 8px; font-size: 18px; color: rgba(133, 133, 133, 0.5); cursor: pointer; } /* line 67, ../scss/modules/nav-main/_nav-320.scss */ .nav-icon i { position: absolute; z-index: 1; left: 5px; font-size: 10px; font-weight: 600; top: 2px; color: #FFFFFF; } /* line 75, ../scss/modules/nav-main/_nav-320.scss */ .nav-icon i.double { left: 3px; } /* line 79, ../scss/modules/nav-main/_nav-320.scss */ .nav-icon:hover, .nav-icon :focus { color: rgba(133, 133, 133, 0.8); } /* line 83, ../scss/modules/nav-main/_nav-320.scss */ .logo { position: relative; float: left; margin-left: 20%; font-family: "Overlock"; font-size: 48px; letter-spacing: 2px; line-height: 80px; height: 80px; color: #FFFFFF; } /* line 94, ../scss/modules/nav-main/_nav-320.scss */ .logo-flipped { position: relative; float: right; display: inline-block; -moz-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); font-style: normal; margin: 1px 0 0 4px; } /* line 107, ../scss/modules/nav-main/_nav-320.scss */ .nav-logout-720d { position: relative; float: right; padding: 0 5%; cursor: pointer; margin-top: -8px; } /* line 113, ../scss/modules/nav-main/_nav-320.scss */ .nav-logout-720d a { color: #FFFFFF; } /* line 117, ../scss/modules/nav-main/_nav-320.scss */ .navbar-toggle { position: absolute; left: 0; top: 16px; border: none; margin: 0; } /* line 124, ../scss/modules/nav-main/_nav-320.scss */ .nav-icon-wrapper { position: absolute; right: 2.5%; top: 22px; } /* line 130, ../scss/modules/nav-main/_nav-320.scss */ #msg-icon { /*position:absolute; right:10px; top:39px; border:none; margin:0;*/ } /* line 137, ../scss/modules/nav-main/_nav-320.scss */ #help-icon { /*position:absolute; right: 30px; top:39px; border:none; margin:0;*/ } /* line 144, ../scss/modules/nav-main/_nav-320.scss */ #notification-icon { /*position:absolute; right: 60px; top:39px; border:none; margin:0;*/ } /* line 151, ../scss/modules/nav-main/_nav-320.scss */ .hmnl { position: absolute; right: 2.5%; top: 25px; min-width: calc(360px - 5vw); max-width: 95%; display: none; } /* line 159, ../scss/modules/nav-main/_nav-320.scss */ .hmnl#help-menu.active-window, .hmnl#notification-list.active-window { display: block; padding: 20px; background: white; color: #555; border-radius: 3px; box-shadow: 0 3px 3px 3px rgba(155, 155, 155, 0.6); z-index: 999; } /* line 169, ../scss/modules/nav-main/_nav-320.scss */ .hmnl#notification-list { cursor: default; } /* line 171, ../scss/modules/nav-main/_nav-320.scss */ .hmnl#notification-list.active-window { background: none; box-shadow: none; padding: 15px 0; right: 0; top: 10px; } /* line 179, ../scss/modules/nav-main/_nav-320.scss */ .hmnl h3 { padding: 0 5px; margin: 0; } /* line 183, ../scss/modules/nav-main/_nav-320.scss */ .hmnl ol, .hmnl li { position: relative; width: 100%; float: left; font-size: 12px; line-height: 20px; font-weight: 400; } /* line 191, ../scss/modules/nav-main/_nav-320.scss */ .hmnl ol span:hover, .hmnl ol span:focus, .hmnl li span:hover, .hmnl li span:focus { color: #006ecb; } /* line 196, ../scss/modules/nav-main/_nav-320.scss */ .hmnl ol, .hmnl ul { padding: 10px 20px; } /* line 201, ../scss/modules/nav-main/_nav-320.scss */ .help-table { position: relative; float: left; width: 100%; padding: 0; } /* line 208, ../scss/modules/nav-main/_nav-320.scss */ .help-col { position: relative; float: left; width: 50%; padding: 0 5px; } /* line 213, ../scss/modules/nav-main/_nav-320.scss */ .help-col li { list-style: disc; } /* line 217, ../scss/modules/nav-main/_nav-320.scss */ #help-click-close { position: relative; float: left; width: 100%; } /* line 222, ../scss/modules/nav-main/_nav-320.scss */ .nav-open-button { width: 40px; height: 30px; border: none; background: none; color: rgba(133, 133, 133, 0.5); font-size: 24px; line-height: 30px; text-align: center; border-radius: 3px; } /* line 232, ../scss/modules/nav-main/_nav-320.scss */ .nav-open-button:hover { background: rgba(133, 133, 133, 0.8); } /* line 236, ../scss/modules/nav-main/_nav-320.scss */ .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; background: #FFFFFF; min-height: 50px; } /* line 242, ../scss/modules/nav-main/_nav-320.scss */ .navbar-right { position: relative; margin-top: 30px; color: #FFFFFF; float: left; padding: 10px; background: #fff; border: none; } /* line 251, ../scss/modules/nav-main/_nav-320.scss */ .dropdown { position: relative; background: white; padding: 10px; } /* line 256, ../scss/modules/nav-main/_nav-320.scss */ .dropdown-menu { position: relative; display: block; border: none; } @media screen and (min-width: 760px) { /*.navbar-brand { position: relative; float: left; padding: 0; width: 188px; margin-left: 66px !important; margin-top: 0; figure{ width:317px; background-image:url('../ui/Accentlogo_one_line.jpg'); } }*/ /* line 13, ../scss/modules/nav-main/_nav-760.scss */ .navbar-header { width: 67px; padding-left: 0; } /* line 18, ../scss/modules/nav-main/_nav-760.scss */ .navbar > .container .navbar-brand { margin-left: 87px; } /* line 21, ../scss/modules/nav-main/_nav-760.scss */ .navbar-right { margin-top: 0; margin-right: 20px; } /* line 25, ../scss/modules/nav-main/_nav-760.scss */ container > .navbar-collapse { min-height: 40px; } /* line 28, ../scss/modules/nav-main/_nav-760.scss */ .nav-logout-720d { display: none; } /* line 32, ../scss/modules/nav-main/_nav-760.scss */ .dropdown { padding: 8px; } /* line 35, ../scss/modules/nav-main/_nav-760.scss */ .dropdown-menu { display: none; position: absolute; } /* line 39, ../scss/modules/nav-main/_nav-760.scss */ .nav-icon-wrapper { position: relative; float: right; z-index: 99; padding: 3px 0; } /*#msg-icon { position: absolute; right: 20px; top: 53px; } #help-icon{ position: absolute; right: 50px; top: 53px; } #notification-icon{ position: absolute; right: 80px; top: 53px; }*/ } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/nav-main/_nav-1024.scss */ .nav-toolbar { display: none; } /*.nav-icon-wrapper{ position:absolute; right:2%; }*/ } /* line 1, ../scss/modules/sidebar-main/_sidebar-320.scss */ .sidebar { position: relative; } /* line 4, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel { position: relative; top: 0; margin-left: -66px; width: 66px; left: 0; transition: left ease-in 0.4s; z-index: 1; } /* line 12, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel.open { margin-left: 0; z-index: 9999; } /* line 17, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-list { position: relative; float: left; width: 100%; padding: 0; margin: 0; list-style: none; } /* line 25, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item { position: relative; float: left; width: 100%; height: 70px; background-color: #FFFFFF; color: #3a3f45; border-right: 8px solid #2aa1fc; cursor: pointer; } /* line 34, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.booking { border-right: 8px solid #006ecb; } /* line 37, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.tours { border-right: 8px solid #0b2141; } /* line 40, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.guests { border-right: 8px solid #a354db; } /* line 43, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.pages { border-right: 8px solid #4ec4a1; } /* line 46, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.blog { border-right: 8px solid #2aa1fc; } /* line 49, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.accounts { border-right: 8px solid #6b788c; } /* line 52, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.guides { border-right: 8px solid #96d7f1; } /* line 55, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.settings { border-right: 8px solid #609ed2; } /* line 58, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active { color: #FFFFFF; } /* line 60, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.dashboard { background-color: #2aa1fc; } /* line 63, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.booking { background-color: #006ecb; } /* line 66, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.guests { background-color: #a354db; } /* line 69, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.tours { background-color: #0b2141; } /* line 72, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.pages { background-color: #4ec4a1; } /* line 75, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.blog { background-color: #2aa1fc; } /* line 78, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.accounts { background-color: #6b788c; } /* line 81, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.guides { background-color: #96d7f1; } /* line 84, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.active.settings { background-color: #609ed2; } /* line 88, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-item.u-hidden { display: none; } /* line 92, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-icon, .left-panel-text { position: relative; float: left; width: 100%; text-align: center; } /* line 99, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-icon { font-size: 26px; line-height: 24px; margin-top: 20px; } /* line 104, ../scss/modules/sidebar-main/_sidebar-320.scss */ .left-panel-text { font-size: 14px; font-weight: 300; letter-spacing: 0.5px; } @media screen and (min-width: 480px) { /* line 1, ../scss/modules/sidebar-main/_sidebar-480.scss */ .left-panel { margin-left: 0; } } /* line 1, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel { position: relative; float: left; width: calc(100vw - 150px); } /* line 7, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-list, .nav-panel-sub-list { position: relative; float: left; width: 100%; list-style: none; margin: 0; padding: 0; } /* line 15, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-item, .nav-panel-header-wrapper, .nav-panel-sub-list-item { position: relative; float: left; width: 100%; background: #FFFFFF; } /* line 22, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-item { border-top: rgba(6, 159, 255, 0.2) 1px solid; } /* line 24, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-item:first-child { border-top: none; } /* line 34, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-wrapper.last-child, .nav-panel-sub-list-item.last-child { color: #8fcdfd; font-size: 12px; } /* line 37, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-wrapper.last-child:hover, .nav-panel-sub-list-item.last-child:hover { color: #8fcdfd; } /* line 43, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-wrapper .u-not-visible, .nav-panel-sub-list-item .u-not-visible { display: none; } /* line 47, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-wrapper.expand .u-visible, .nav-panel-header-wrapper.active .u-visible, .nav-panel-sub-list-item.expand .u-visible, .nav-panel-sub-list-item.active .u-visible { display: none; } /* line 50, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-wrapper.expand .u-not-visible, .nav-panel-header-wrapper.active .u-not-visible, .nav-panel-sub-list-item.expand .u-not-visible, .nav-panel-sub-list-item.active .u-not-visible { display: block; } /* line 58, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item { border-bottom: rgba(6, 159, 255, 0.2) 1px solid; } /* line 60, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item:last-child { border-bottom: none; } /* line 64, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-wrapper { font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; line-height: 32px; font-size: 16px; font-weight: 400; color: #0b2141; cursor: pointer; color: #FFFFFF; background: #006ecb; } /* line 73, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-wrapper.expand { background: #003765; } /* line 81, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-text, .nav-panel-text-subtle, .nav-panel-header-text { position: relative; float: left; width: 80%; padding: 5px 10px; letter-spacing: 1px; cursor: pointer; font-weight: 300; } /* line 90, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-header-text { font-size: 16px; line-height: 28px; font-weight: 400; } /* line 98, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-icon, .nav-panel-icon-subtle { position: relative; float: right; font-size: 12px; padding: 7px 10px 0; } /* line 105, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-icon-subtle { font-size: 10px; } /* line 108, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list { display: none; } /* line 110, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list.expand { display: block; } /* line 114, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item { color: #0b2141; font-size: 12px; line-height: 22px; cursor: pointer; } /* line 119, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item .nav-panel-icon { font-size: 12px; padding: 6px 12px 0; } /* line 124, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item .u-visible { display: block; } /* line 127, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item .u-not-visible { display: none; } /* line 130, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item.checked { color: #006ecb; font-weight: 400; } /* line 133, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item.checked .u-visible { display: none; } /* line 136, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item.checked .u-not-visible { display: block; } /* line 140, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-panel-sub-list-item:hover { color: #32a1ff; } /* line 144, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-mini-city-add { position: relative; float: left; width: 100%; height: 40px; background: #f1f1f1; display: none; } /* line 151, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .nav-mini-city-add.open { display: block; } /* line 155, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .mini-menu { position: absolute; right: 0; top: 40px; padding: 10px; background: #FFFFFF; z-index: 99; border-radius: 3px; width: 250px; display: none; } /* line 165, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .mini-menu.open-mini { display: block; box-shadow: 0 10px 12px 1px rgba(0, 0, 0, 0.6); } /* line 169, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .mini-menu ul { position: relative; float: left; width: 100%; list-style: none; margin: 0; padding: 0; } /* line 177, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .mini-menu li { position: relative; float: left; width: 100%; line-height: 1.8em; font-size: 1em; cursor: pointer; font-weight: bold; text-align: center; } /* line 186, ../scss/modules/sidebar-sub-main/_sub-320.scss */ .mini-menu li:hover { background: #f1f1f1; } @media screen and (min-width: 760px) { /* line 1, ../scss/modules/sidebar-sub-main/_sub-760.scss */ .nav-panel { position: relative; float: left; width: 320px; } } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/sidebar-sub-main/_sub-1024.scss */ .nav-panel-header-wrapper > .nav-panel-text { line-height: 32px; font-size: 16px; } /* line 5, ../scss/modules/sidebar-sub-main/_sub-1024.scss */ .nav-panel-header-text { font-size: 16px; line-height: 32px; } } @media screen and (min-width: 1280px) { /* line 1, ../scss/modules/sidebar-sub-main/_sub-1280.scss */ .nav-panel-header-wrapper { line-height: 32px; font-size: 18px; font-weight: bold; } /* line 6, ../scss/modules/sidebar-sub-main/_sub-1280.scss */ .nav-panel-sub-list-item { color: #0b2141; font-size: 14px; line-height: 22px; } /* line 11, ../scss/modules/sidebar-sub-main/_sub-1280.scss */ .nav-panel-text { font-size: 16px; font-weight: 400; } /* line 15, ../scss/modules/sidebar-sub-main/_sub-1280.scss */ .nav-panel-header-wrapper > .nav-panel-text { line-height: 32px; font-size: 18px; } } /* line 2, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-blurb-tab-wrapper { position: relative; width: 100%; float: left; box-shadow: 0 0 5px 0px #ccc; border-radius: 5px; padding-bottom: 30px; margin-bottom: 50px; background: #FFFFFF; } /* line 12, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-booking-tab { position: relative; width: 100%; float: left; display: none; background: #FFF9D5; } /* line 18, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-booking-tab.act-visible { background: #FFFFFF; display: block; padding: 0 20px; } /* line 24, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tabbed-browsing-top { position: relative; width: 33.33%; float: left; background: #283a4f; color: #e8edf4; font-size: 22px; font-weight: 400; line-height: 42px; margin-bottom: 25px; text-align: center; cursor: pointer; border-radius: 0 5px 0 0; } /* line 37, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tabbed-browsing-top:first-child { border-radius: 5px 0 0 0; } /* line 43, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tabbed-browsing-top:hover { color: #FFFFFF; } /* line 46, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tabbed-browsing-top.act-visible { background: #415f82; color: white; } /* line 52, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-open-booking { position: fixed; bottom: 5%; right: 5%; } /* line 58, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-booking-button { position: relative; width: 100%; background: #415f82; color: #FFFFFF; padding: 8px 10px; border-radius: 5px; } /* line 65, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-booking-button.u-hidden { display: none; } /* line 69, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-close-booking { position: absolute; top: -45px; width: auto; right: 5%; padding: 5px 10px; } /* line 76, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-booking-button-text { position: relative; width: 100%; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; } /* line 82, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .tour-section-blurb-title { position: relative; float: left; width: 100%; margin: 0; text-align: left; } /* line 88, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .tour-section-blurb-title .home-page-section-title { font-size: 24px; margin: 5px 0 0; } /* line 93, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-wrapper { position: relative; width: 100%; float: left; padding: 20px 5%; margin: 0 0 30px; border-bottom: 1px solid #415f82; } /* line 100, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-wrapper:last-child { margin-bottom: 30px; border: none; } /* line 106, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-list, .sidebar-tour-details-multi { position: relative; width: 100%; float: left; padding: 0; margin: 0; list-style: none; } /* line 114, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-multi { margin-left: 30px; width: calc(100% - 40px); } /* line 117, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-multi .sidebar-tour-details-item-text { line-height: 22px; padding: 2px 0; font-weight: 400; } /* line 123, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item, .sidebar-tour-details-multi-item { position: relative; width: 100%; float: left; color: #415f82; margin: 5px 0; } /* line 129, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item.contains-list, .sidebar-tour-details-multi-item.contains-list { margin: 15px 2.5% 0; } /* line 131, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item.contains-list ul, .sidebar-tour-details-multi-item.contains-list ul { list-style: none; padding: 10px 20px; } /* line 135, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item.contains-list li, .sidebar-tour-details-multi-item.contains-list li { margin: 5px 0; font-weight: 400; color: #454545; } /* line 142, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item.indent-5, .sidebar-tour-details-multi-item.indent-5 { width: 95%; margin: 0 0 0 5%; } /* line 147, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item-icon { position: relative; width: 30px; height: 30px; margin: 0; float: left; background-repeat: no-repeat; background-image: url("../images/ui/icons/big_icons.svg"); background-size: 30px; } /* line 157, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-header, .sidebar-tour-subheader { position: relative; float: left; width: 100%; margin: 10px 0 20px; font-weight: 400; font-size: 20px; font-family: "Montserrat", arial, sans-serif; text-align: center; } /* line 166, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-header.indent-20, .sidebar-tour-subheader.indent-20 { margin: 0 20px 0; } /* line 170, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-subheader { font-size: 14px; margin: -15px 0 20px; font-weight: 300; } /* line 175, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item-text, .sidebar-tour-details-item-price { position: relative; float: left; margin-left: 10px; line-height: 22px; padding: 3px 0; font-size: 16px; font-weight: 600; max-width: calc(100% - 40px); } /* line 184, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item-text.float-left, .sidebar-tour-details-item-price.float-left { margin-left: 0; margin-right: 15px; line-height: 20px; margin: 5px 15px 15px 0; width: calc(85% - 70px); padding: 0; } /* line 193, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item-price { position: relative; float: right; text-align: right; font-weight: 600; line-height: 22px; padding: 2px 0; } /* line 201, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-details-item-cost { position: relative; float: right; text-align: right; font-size: 16px; line-height: 22px; } /* line 208, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-numbers { position: relative; float: left; width: 100%; text-align: right; } /* line 213, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-numbers.calculated-price { text-align: right; font-size: 28px; font-weight: bold; } /* line 219, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-numerator { position: relative; width: 45px; height: 30px; border: solid 1px #f9e3e5; font-weight: 400; color: #fff; text-align: center; float: right; padding: 0 0 0 8px; border-radius: 3px; background: #4a6b93; } /* line 232, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-numerator-buttons { position: relative; float: right; width: 27%; } /* line 237, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-add-button, .sidebar-tour-minus-button { margin-left: 3px; position: relative; float: left; font-size: 12px; padding: 2px; line-height: 28px; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #f9fafc; color: #FFFFFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c1e2b+0,b56969+100 */ background: #8c1e2b; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #8c1e2b 0%, #b56969 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #8c1e2b 0%, #b56969 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #8c1e2b 0%, #b56969 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c1e2b', endColorstr='#b56969',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ text-align: center; } /* line 257, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-add-button.inactive, .sidebar-tour-minus-button.inactive { opacity: 0; } /* line 260, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .sidebar-tour-add-button:first-child, .sidebar-tour-minus-button:first-child { margin-left: 5px; } /* line 264, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-tour-selector-holder { width: 100%; position: absolute; right: 100%; top: 42px; background: white; border-right: 1px solid rgba(133, 133, 133, 0.4); } /* line 271, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-tour-selector-holder.active { padding: 20px; } /* line 276, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-tour-item, .vela-tour-details-holder, .vela-tour-type, .vela-tour-type-text, .vela-tour-type-text-warning { width: 100%; position: relative; float: left; } /* line 287, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-tour-type-text { font-size: 18px; text-align: center; font-weight: 600; } /* line 292, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-tour-type-text-warning { font-size: 12px; text-align: left; font-weight: 400; } /* line 298, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-tour-type-text-small { position: relative; float: left; width: 100%; font-size: 14px; text-align: center; color: #FFFFFF; line-height: 18px; } /* line 308, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-tour-select { margin-top: 10px; height: 35px; border: none; } /* line 316, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-datetime-search-button-wrapper { opacity: 0; max-height: 0; transition: opacity 0.3s ease-in-out; font-weight: 600; } /* line 321, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-datetime-search-button-wrapper.active { position: relative; float: left; max-height: 300px; opacity: 1; width: 60%; margin-left: 20%; margin-top: 30px; } /* line 330, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-datetime-search-button-wrapper:hover { background: #93acc9; } /* line 334, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .currency-symbol { position: relative; font-size: 22px; font-family: "Raleway"; } /* line 339, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .calculated-price { position: relative; font-size: 26px; font-weight: 600; margin-left: 5px; font-family: "Raleway"; } /* line 346, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .tour-date-selector-item { list-style: none; position: relative; float: left; width: 100%; margin-top: 0px; transition: margin-top 0.6s ease-in; } /* line 354, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-booking-dates, .vela-booking-dates-text-holder { position: relative; width: 100%; float: left; } /* line 359, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-booking-dates-text-holder { text-align: center; font-weight: 600; font-size: 18px; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; width: 100%; padding: 8px 20px; border-radius: 3px; background: none; color: #415f82; } /* line 370, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-wrapper { position: relative; width: 100%; float: left; } /* line 376, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-display { position: relative; float: left; width: 60%; margin-left: 20%; color: #FFFFFF; background: #4a6b93; padding: 5px; border-radius: 3px; font-size: 18px; font-weight: 600; text-align: center; } /* line 389, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-title { position: relative; float: left; margin: 20px 20px 0; font-size: 16px; font-weight: bold; } /* line 396, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-search-button-wrapper { position: relative; float: left; width: 100%; margin: 10px 0 0; } /* line 402, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-search-button { position: relative; float: left; width: 100%; background: #415f82; color: #FFFFFF; padding: 12px 10px; border-radius: 3px; font-size: 18px; font-weight: 400; text-align: center; cursor: pointer; } /* line 415, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-list { position: relative; float: left; width: 100%; padding: 0 20px; margin: 0; list-style: none; text-align: center; font-family: "Montserrat", arial, sans-serif; font-weight: 300; overflow: hidden; } /* line 428, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-item { position: relative; float: left; width: 100%; margin: 0; padding: 0; } /* line 435, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month { position: relative; float: left; width: 100%; padding-top: 10px; } /* line 441, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-week { position: relative; float: left; width: 100%; } /* line 446, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-week:last-child .vela-date-day { border-bottom: inset 1px rgba(213, 208, 200, 0.3); } /* line 448, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-week:last-child .vela-date-day.blank { border-left: none; border-right: none; border-bottom: none; border-top: inset 1px rgba(213, 208, 200, 0.3); } /* line 453, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-week:last-child .vela-date-day.blank.first { border-left: inset 1px rgba(213, 208, 200, 0.3); } /* line 461, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-week-header { border-bottom: 1px solid rgba(213, 208, 200, 0.4); margin-bottom: 10px; } /* line 465, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month-title { position: relative; float: left; width: 100%; padding: 10px 0; } /* line 471, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month-title-text { position: relative; float: left; width: 100%; font-size: 18px; font-weight: 300; } /* line 478, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month-prev, .vela-date-month-next { position: absolute; top: 12px; font-size: 16px; } /* line 482, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month-prev:hover, .vela-date-month-next:hover { color: #006ecb; } /* line 486, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month-prev { left: 5px; } /* line 488, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month-prev.first { display: none; } /* line 492, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-month-next { right: 5px; } /* line 495, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day { position: relative; float: left; width: calc(1/7 * 100%); height: calc(80vw/7); border-top: inset 1px rgba(213, 208, 200, 0.3); border-left: inset 1px rgba(213, 208, 200, 0.3); font-size: 14px; /*&:before{ content:""; position:absolute; top:0; left:0; width: 0; height: 0; border-top: 10px solid red; border-right: 10px solid transparent; }*/ } /* line 503, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day:last-child { border-right: inset 1px rgba(213, 208, 200, 0.3); } /* line 506, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.blank { border: none; color: #5d656f; font-size: 0; } /* line 511, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.passed { color: #9098a2; } /* line 514, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.active, .vela-date-day .selected { cursor: pointer; font-weight: 400; } /* line 518, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.selected { color: #FFFFFF; cursor: pointer; font-weight: 400; } /* line 522, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.selected:before { content: ""; position: absolute; top: 9%; left: 5%; height: 80%; width: 90%; background: #415f82; border-radius: 50%; } /* line 534, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.selected-from:before { border-radius: 50% 0 0 50%; width: 95%; } /* line 539, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.selected-to { color: #FFFFFF; } /* line 541, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.selected-to:before { content: ""; position: absolute; top: 9%; left: 0; height: 85%; width: 95%; background: #415f82; border-radius: 0 50% 50% 0; } /* line 552, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.in-selection { color: #FFFFFF; } /* line 554, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.in-selection:before { content: ""; position: absolute; top: 9%; left: 0; height: 85%; width: 100%; background: #415f82; border-radius: 0; } /* line 565, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day.today { color: #006ecb; } /* line 579, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day-header { border: none; font-size: 14px; font-weight: 400; } /* line 583, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day-header:last-child { border: none; } /* line 587, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-day-text { position: relative; float: left; width: 100%; margin-top: calc(50% - 10px); line-height: 26px; } /* line 594, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-more { position: relative; float: left; width: 100%; background: none; border: none; margin: 10px 0; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 2px; text-align: center; font-weight: 400; } /* line 606, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-more.u-hidden { display: none; } /* line 610, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-more-wrap { position: relative; float: left; margin-left: 50%; } /* line 615, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-more-holder { position: relative; float: left; margin-left: -50%; padding: 5px 20px; border: 1px solid #9ea5ad; border-radius: 3px; color: #69727c; } /* line 623, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-more-holder:hover { color: #515861; border: 1px solid #69727c; } /* line 628, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-date-selector-more-text { position: relative; padding-right: 20px; } /* line 632, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-down-arrow { position: absolute; right: 20px; top: 5px; width: 2px; height: 10px; background: #828b96; } /* line 639, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-down-arrow:after { position: absolute; bottom: -9px; left: -4px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #828b96; } /* line 649, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-up-arrow { position: absolute; right: 20px; bottom: 5px; width: 2px; height: 10px; background: #828b96; } /* line 656, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-up-arrow:before { position: absolute; top: -9px; left: -4px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #828b96; } /* line 666, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-block-time-wrapper { position: relative; float: right; width: 100%; text-align: center; padding: 10px; font-size: 18px; } /* line 673, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .vela-block-time-wrapper label { padding-right: 15px; } /* line 677, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-list-wrapper, .blocked-tour-item { position: relative; float: left; width: 100%; } /* line 682, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-list-title { position: relative; float: left; width: 100%; font-size: 24px; } /* line 688, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-list { position: relative; float: left; width: 100%; list-style: none; font-size: 18px; } /* line 695, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-item-key, .blocked-tour-item-date { position: relative; float: left; width: 100%; font-size: 18px; color: #006ecb; font-weight: 600; width: 20%; } /* line 704, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-item-blocked-by, .blocked-tour-item-repeat, .blocked-tour-item-delete { position: relative; float: left; width: 100%; font-size: 18px; width: 20%; } /* line 712, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-item-repeat label { position: relative; float: left; width: 75%; font-size: 18px; } /* line 718, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-item-repeat input { position: relative; float: left; margin-left: 5%; width: 20%; line-height: 18px; } /* line 726, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-item-delete { width: 10%; color: #0b2141; cursor: pointer; } /* line 730, ../scss/modules/sidebar-tour/_sidebar-tour-320.scss */ .blocked-tour-item-delete:hover { color: #003765; } @media screen and (min-width: 660px) { /* line 2, ../scss/modules/sidebar-tour/_sidebar-tour-660.scss */ .tour-section-blurb-title .home-page-section-title { margin: 15px 0; } /* line 6, ../scss/modules/sidebar-tour/_sidebar-tour-660.scss */ #box-section-history { margin-top: 30px; } /* line 9, ../scss/modules/sidebar-tour/_sidebar-tour-660.scss */ #box-section-mega_exp > .tour-section-blurb-title { margin-bottom: 15px; } } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/sidebar-tour/_sidebar-tour-1024.scss */ .sidebar-tour-details-item-text, .sidebar-tour-details-item-price { line-height: 24px; font-size: 20px; } } /* line 1, ../scss/modules/workarea-main/_wk_main-320.scss */ #booking-main-panel.right-panel, #tours-main-panel.right-panel, #pages-main-panel.right-panel, #guests-main-panel.right-panel, #blog-main-panel.right-panel { position: relative; float: left; width: 100%; } /* line 6, ../scss/modules/workarea-main/_wk_main-320.scss */ #welcome-page-holder > h1 { background: #d8571f; } /* line 9, ../scss/modules/workarea-main/_wk_main-320.scss */ .sisto-icon, .sisto-icon-whover, .si-trash { background-image: url(../../img/ui/accent-icons_cyan.png); background-size: 320px; } /* line 14, ../scss/modules/workarea-main/_wk_main-320.scss */ .sisto-icon-whover:hover, .si-trash:hover { background-image: url(../../img/ui/accent-icons_white.png); } /* line 18, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-wrapper { position: relative; float: left; width: 100%; padding: 0 50px 50px; } /* line 24, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-title { position: relative; float: left; width: 100%; height: 100px; background: #006ecb; padding: 0 20px; margin: 0; border-radius: 5px 5px 0 0; color: #FFFFFF; font-size: 24px; font-weight: 400; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; line-height: 90px !important; } /* line 38, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-title.academics { background: #3c8ccb; } /* line 41, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-title.papers { background: #006970; } /* line 44, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-title.users { background: #d8571f; } /* line 47, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-title span { position: relative; float: left; width: calc(100% - 140px); min-height: 40px; box-shadow: none !important; line-height: 28px; padding-top: 5px; } /* line 55, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-title span.mce-content-body { top: 25px; padding: 5px 10px; min-width: 50%; } /* line 65, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-title.welcome { background: #d8571f; } /* line 68, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-date-selector-panel { position: relative; float: right; width: 40%; font-size: 14px; line-height: 25px; padding: 15px; color: #006ecb; } /* line 77, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-date-from, .booking-main-date-to { position: relative; float: left; width: 100%; font-size: 16px; margin-bottom: 2px; } /* line 84, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list { position: relative; float: left; width: 100%; list-style: none; padding: 20px; margin: 0; background: #FFFFFF; } /* line 93, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list-item, .academics-list-item, .item-placeholder, .welcome-list-item { position: relative; float: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(155, 155, 155, 0.3); } /* line 100, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list-item .not-u-visible, .academics-list-item .not-u-visible, .item-placeholder .not-u-visible, .welcome-list-item .not-u-visible { display: none; } /* line 104, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list-item.expanded .u-visible, .academics-list-item.expanded .u-visible, .item-placeholder.expanded .u-visible, .welcome-list-item.expanded .u-visible { display: none; } /* line 107, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list-item.expanded .not-u-visible, .academics-list-item.expanded .not-u-visible, .item-placeholder.expanded .not-u-visible, .welcome-list-item.expanded .not-u-visible { display: block; } /* line 112, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list-item.sub-list ul, .academics-list-item.sub-list ul, .item-placeholder.sub-list ul, .welcome-list-item.sub-list ul { position: absolute; width: 200px; padding: 10px; border-radius: 3px; background: white; box-shadow: 0 1px 3px 1px rgba(155, 155, 155, 0.5); z-index: 9999; right: 0; top: 40px; display: none; } /* line 123, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list-item.sub-list ul li, .academics-list-item.sub-list ul li, .item-placeholder.sub-list ul li, .welcome-list-item.sub-list ul li { position: relative; float: left; width: 100%; line-height: 24px; font-size: 16px; } /* line 132, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-list-item.sub-list.open ul, .academics-list-item.sub-list.open ul, .item-placeholder.sub-list.open ul, .welcome-list-item.sub-list.open ul { display: block; } /* line 138, ../scss/modules/workarea-main/_wk_main-320.scss */ .item-placeholder { min-height: 100px; width: 100%; background: white; } /* line 143, ../scss/modules/workarea-main/_wk_main-320.scss */ .sorting-button, .trash-button { position: relative; float: right; padding: 5px 6px 0px; margin-left: 10px; border-radius: 3px; background-color: #efefef; color: #006ecb; border-image: initial; cursor: grab; } /* line 153, ../scss/modules/workarea-main/_wk_main-320.scss */ .sorting-button:hover, .trash-button:hover { background: #006ecb; color: white; } /* line 158, ../scss/modules/workarea-main/_wk_main-320.scss */ .trash-button { cursor: pointer; width: 26px; height: 26px; } /* line 164, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-trash { position: absolute; width: 26px; height: 26px; background-size: 320px; background-position: -225px -83px; border-radius: 3px; top: 0; left: 0px; } /* line 174, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-save { position: absolute; width: 30px; height: 30px; background-size: 320px; background-position: -288px -12px; border-radius: 3px; top: 0; left: 0px; } /* line 184, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-grades { position: absolute; width: 26px; height: 26px; background-size: 320px; background-position: 33px -46px; border-radius: 3px; top: 0; left: 0px; } /* line 194, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-editor-trash { position: absolute; top: 0; left: 0px; width: 30px; height: 30px; background-position: -224px -82px; } /* line 204, ../scss/modules/workarea-main/_wk_main-320.scss */ .section-delete-button:hover .si-editor-trash { background-image: url(../../img/ui/sitewide/icons_general_white.png); } /* line 209, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-item { position: relative; float: left; width: 100%; } /* line 216, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-left { position: relative; float: left; width: 40%; } /* line 221, ../scss/modules/workarea-main/_wk_main-320.scss */ .group-item-wrapper, .guide-item-wrapper, .date-item-wrapper, .total-paid-item-wrapper { position: relative; float: left; width: 100%; color: #0b2141; } /* line 227, ../scss/modules/workarea-main/_wk_main-320.scss */ .date-item, .group-item, .guide-item, .total-item { position: relative; float: left; font-size: 14px; line-height: 32px; font-weight: 400; margin-right: 15px; margin-left: 5px; max-width: 80%; } /* line 236, ../scss/modules/workarea-main/_wk_main-320.scss */ .date-item.editable, .group-item.editable, .guide-item.editable, .total-item.editable { line-height: 22px; } /* line 240, ../scss/modules/workarea-main/_wk_main-320.scss */ .guide-item, .total-item { line-height: 22px; } /* line 243, ../scss/modules/workarea-main/_wk_main-320.scss */ .mini-number { position: absolute; top: -10px; right: -8px; font-size: 12px; font-weight: bold; } /* line 250, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-right { position: relative; float: right; width: 50%; margin-left: 10%; } /* line 256, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-tour-header { font-size: 18px; font-weight: 400; margin: 0 0 8px 0; color: #6b788c; } /* line 262, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-button-wrapper { position: relative; float: left; width: 100%; padding: 10px 0; } /* line 268, ../scss/modules/workarea-main/_wk_main-320.scss */ .booking-main-panel-more, .booking-main-panel-less { position: absolute; right: 30px; bottom: 12px; border-radius: 3px; font-weight: 400; z-index: 99; } /* line 276, ../scss/modules/workarea-main/_wk_main-320.scss */ .value-editor, .date-editor { position: relative; float: left; margin: 2px 15px 0 0; line-height: 30px; } /* line 281, ../scss/modules/workarea-main/_wk_main-320.scss */ .value-editor:hover, .date-editor:hover { color: #6b788c; cursor: pointer; } /* line 286, ../scss/modules/workarea-main/_wk_main-320.scss */ .date-editor { line-height: 25px; } /* line 289, ../scss/modules/workarea-main/_wk_main-320.scss */ .client-list, .client-list-item, .client-details, .client-list-detail, .client-sub-list, .guest-details, .guest-list { position: relative; float: left; list-style: none; width: 100%; } /* line 295, ../scss/modules/workarea-main/_wk_main-320.scss */ .client-list-item { margin: 10px 0 5px; } /* line 298, ../scss/modules/workarea-main/_wk_main-320.scss */ .client-sub-list { padding: 0; } /* line 301, ../scss/modules/workarea-main/_wk_main-320.scss */ .client-details { line-height: 16px; font-size: 14px; color: #006ecb; } /* line 307, ../scss/modules/workarea-main/_wk_main-320.scss */ .client-list-item { position: relative; float: left; width: 100%; } /* line 312, ../scss/modules/workarea-main/_wk_main-320.scss */ .client-list-title { position: relative; float: left; width: 100%; line-height: 28px; font-size: 18px; font-weight: 400; } /* line 320, ../scss/modules/workarea-main/_wk_main-320.scss */ .guest-list { display: table-row; } /* line 323, ../scss/modules/workarea-main/_wk_main-320.scss */ .guest-wrapper { vertical-align: top; width: 33.3%; display: table-cell; padding-bottom: 10px; margin-bottom: 10px; } /* line 331, ../scss/modules/workarea-main/_wk_main-320.scss */ .guest-list-title { position: relative; float: left; width: 90%; line-height: 24px; font-size: 14px; border-bottom: 1px solid rgba(133, 133, 133, 0.3); } /* line 339, ../scss/modules/workarea-main/_wk_main-320.scss */ .guest-details { width: 100%; padding: 0; margin: 0; display: table-row; } /* line 345, ../scss/modules/workarea-main/_wk_main-320.scss */ .guest-details-item { position: relative; float: left; width: 100%; } /* line 350, ../scss/modules/workarea-main/_wk_main-320.scss */ .guest-details-label { position: relative; float: left; width: 40%; line-height: 18px; font-size: 14px; text-align: left; } /* line 358, ../scss/modules/workarea-main/_wk_main-320.scss */ guest-details-value { position: relative; float: left; width: 60%; line-height: 18px; font-size: 14px; text-align: left; } /* line 366, ../scss/modules/workarea-main/_wk_main-320.scss */ .imgs-dropbox { position: relative; float: left; width: 100%; box-shadow: 0 0 5px 2px #d2d2d2; margin: 10px 0; padding: 10px; } /* line 373, ../scss/modules/workarea-main/_wk_main-320.scss */ .imgs-dropbox.hidden { display: none; } /* line 377, ../scss/modules/workarea-main/_wk_main-320.scss */ .main-panel.dashboard > aside { position: relative; float: left; width: 100%; padding: 0 2.5%; } /* line 383, ../scss/modules/workarea-main/_wk_main-320.scss */ .searchbar { position: relative; float: right; width: 100%; height: 50px; border: 1px solid #66c0ff; border-radius: 3px; background: #FFFFFF; z-index: 98; margin-bottom: 20px; } /* line 394, ../scss/modules/workarea-main/_wk_main-320.scss */ .searchbar span { position: relative; float: left; width: calc(100% - 50px); padding: 0 20px; line-height: 50px; font-size: 22px; } /* line 402, ../scss/modules/workarea-main/_wk_main-320.scss */ .searchbar em { position: relative; float: right; height: 49px; width: 50px; background: #66c0ff; color: #FFFFFF; font-size: 22px; line-height: 50px; border-radius: 0 3px 3px 0; padding: 3px 14px; } /* line 413, ../scss/modules/workarea-main/_wk_main-320.scss */ .searchbar em#search-loader, .searchbar em#search-loader-user { position: absolute; right: 0; top: 0; background-image: url("../ui/white_spinner.gif"); background-size: 50px 50px; background-repeat: no-repeat; display: none; } /* line 420, ../scss/modules/workarea-main/_wk_main-320.scss */ .searchbar em#search-loader.loading, .searchbar em#search-loader-user.loading { display: block; z-index: 99; } /* line 427, ../scss/modules/workarea-main/_wk_main-320.scss */ .main-panel.dashboard > aside > .searchbar { opacity: 0; z-index: 0; } /* line 431, ../scss/modules/workarea-main/_wk_main-320.scss */ #search-list-user { width: calc(50% - 20px); right: 20px; top: 70px; } /* line 437, ../scss/modules/workarea-main/_wk_main-320.scss */ .close-search { position: fixed; width: 100%; height: 100%; z-index: 99; display: none; } /* line 443, ../scss/modules/workarea-main/_wk_main-320.scss */ .close-search.active { display: block; } /* line 447, ../scss/modules/workarea-main/_wk_main-320.scss */ .drop-down-selector { position: relative; float: left; width: 50%; margin-right: 5%; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.4); border: none; font-size: 1.4em; padding: 5px 0; } /* line 458, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item .alih, .papers-list-item .alih, .welcome-list-item .alih { float: left; font-size: 1.6em; max-width: calc(100% - 160px); } /* line 462, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item .alih.mce-content-body, .papers-list-item .alih.mce-content-body, .welcome-list-item .alih.mce-content-body { padding: 5px 10px; min-width: 40%; background: #f7f7f7; cursor: text; } /* line 469, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item button, .papers-list-item button, .welcome-list-item button { float: right; } /* line 475, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item .title-save-button, .papers-list-item .title-save-button, .welcome-list-item .title-save-button { display: none; } /* line 479, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item.active .title-edit-button, .papers-list-item.active .title-edit-button, .welcome-list-item.active .title-edit-button { display: none; } /* line 482, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item.active .title-save-button, .papers-list-item.active .title-save-button, .welcome-list-item.active .title-save-button { display: block; } /* line 486, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item ul, .papers-list-item ul, .welcome-list-item ul { width: calc(100% - 20px); margin-left: 20px; } /* line 489, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item ul li, .papers-list-item ul li, .welcome-list-item ul li { position: relative; line-height: 25px; width: 100%; float: left; } /* line 494, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item ul li em, .papers-list-item ul li em, .welcome-list-item ul li em { position: relative; float: left; font-size: 1em; margin-right: 5px; cursor: pointer; padding: 2px; width: 20px; } /* line 503, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item ul li span, .papers-list-item ul li span, .welcome-list-item ul li span { position: relative; float: left; font-size: 1.2em; line-height: 1.6em; cursor: pointer; width: calc(100% - 70px); } /* line 511, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item ul li .cc-switch, .papers-list-item ul li .cc-switch, .welcome-list-item ul li .cc-switch { position: relative; float: right; } /* line 515, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item ul li:nth-child(2n - 1), .papers-list-item ul li:nth-child(2n - 1), .welcome-list-item ul li:nth-child(2n - 1) { background: rgba(200, 200, 200, 0.2); } /* line 520, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-list-item ul .js-global:hover, .papers-list-item ul .js-global:hover, .welcome-list-item ul .js-global:hover { color: #006ecb; } /* line 527, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list-item > ul > li:hover { color: inherit; } /* line 530, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list-item > ul > li em { cursor: pointer; } /* line 533, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list-item > ul > li span { cursor: default; } /* line 537, ../scss/modules/workarea-main/_wk_main-320.scss */ .obj-list > li > div { position: relative; float: left; width: 100%; padding: 3px 5px; } /* line 543, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-add-item-list, .welcome-add-item-list { position: relative; float: left; width: 100%; margin-top: 10px; } /* line 548, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-add-item-list i, .welcome-add-item-list i { position: relative; float: left; margin-right: 10px; color: #888888; } /* line 554, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-add-item-list em, .welcome-add-item-list em { position: relative; float: left; margin-left: 10px; font-size: 1em; color: #888888; cursor: pointer; } /* line 561, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-add-item-list em:hover, .welcome-add-item-list em:hover { color: #006ecb; } /* line 568, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-file-wrapper { position: relative; float: left; padding: 0 20px; } /* line 573, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-button-wrapper { position: relative; float: left; width: 50%; margin-right: 50%; padding: 0; } /* line 581, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-input-file { width: 200px; height: 30px; position: relative; float: left; opacity: 0; z-index: 999; cursor: pointer; } /* line 590, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-add-file-button, .academics-action-button { position: absolute; top: 0; left: 20px; width: 200px; height: 30px; background: #006ecb; color: #FFFFFF; text-align: center; font-size: 1.2em; line-height: 30px; border-radius: 3px; z-index: 0; } /* line 603, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-add-file-button.left, .academics-action-button.left { float: left; } /* line 606, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-add-file-button.loading, .academics-action-button.loading { background-repeat: no-repeat; background-image: url("../ui/white_spinner.gif"); background-size: 30px; background-position: 170px 0; } /* line 613, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-action-button { position: relative; float: right; margin-top: 15px; border: none; left: 0; } /* line 623, ../scss/modules/workarea-main/_wk_main-320.scss */ .account-builder-wrapper.academics h1, .account-builder-wrapper.messenger h1, .account-builder-wrapper.library h1, .account-builder-wrapper.quiz h1 { margin-top: 0; background: #008afe; color: white; padding: 20px 10px; border-radius: 5px 5px 0 0; font-size: 24px; } /* line 630, ../scss/modules/workarea-main/_wk_main-320.scss */ .account-builder-wrapper.academics h1 em, .account-builder-wrapper.messenger h1 em, .account-builder-wrapper.library h1 em, .account-builder-wrapper.quiz h1 em { position: absolute; right: 20px; top: 5px; font-style: normal; color: #f3f3f3; cursor: pointer; } /* line 639, ../scss/modules/workarea-main/_wk_main-320.scss */ .account-builder-wrapper.academics aside, .account-builder-wrapper.messenger aside, .account-builder-wrapper.library aside, .account-builder-wrapper.quiz aside { padding: 4px 0px; top: 62px; height: calc(90vh - 64px); } /* line 648, ../scss/modules/workarea-main/_wk_main-320.scss */ .account-builder-wrapper.library h1 { background: #7d9c47; } /* line 653, ../scss/modules/workarea-main/_wk_main-320.scss */ .account-builder-wrapper.quiz > aside { top: 0; height: calc(100vh - 126px) !important; overflow-y: scroll; padding-bottom: 0; } /* line 659, ../scss/modules/workarea-main/_wk_main-320.scss */ .account-builder-wrapper.quiz > .title-bar > h1 { padding: 19px 10px 17px; } /* line 662, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link { position: relative; float: left; width: 100%; padding: 0 20px; height: calc(90vh - 80px); max-height: calc(90vh - 80px); overflow-y: scroll; } /* line 670, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link textarea { position: relative; float: left; width: 50%; height: 40px; font-size: 18px; font-weight: 400; border: none; border-bottom: 1px solid rgba(155, 155, 155, 0.5); } /* line 680, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link label { position: relative; float: left; width: 50%; margin-right: 50%; font-size: 1.2em; line-height: 1.8em; margin-top: 10px; } /* line 689, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link input { position: relative; float: left; width: 50%; margin-right: 50%; border: none; border-bottom: 1px solid rgba(133, 133, 133, 0.5); font-size: 1.2em; line-height: 1.8em; } /* line 698, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link input.academics-input-file { width: 200px; } /* line 702, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link span { position: relative; float: left; margin-top: 15px; width: 200px; height: 40px; background: #006ecb; color: #FFFFFF; text-align: center; font-size: 1.2em; line-height: 40px; border-radius: 3px; cursor: pointer; } /* line 715, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link span.js-global { float: right; } /* line 719, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link #grade { width: 80px; } /* line 722, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link .editor-comment { border: solid 1px rgba(133, 133, 133, 0.3); border-radius: 3px; position: relative; float: left; width: 100%; min-height: 120px; margin-bottom: 20px; padding: 10px; } /* line 732, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link .academics-file-wrapper { padding: 0; } /* line 735, ../scss/modules/workarea-main/_wk_main-320.scss */ .academics-link .academics-add-file-button { left: 0; } /* line 740, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list { position: relative; float: left; width: 100%; } /* line 744, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li { position: relative; float: left; width: 100%; } /* line 748, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li h5 { margin-bottom: 0; } /* line 751, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li div { position: relative; float: left; width: 100%; } /* line 756, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li span { position: relative; float: left; width: auto; line-height: 30px; margin-top: 5px; } /* line 764, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li span:last-child { border-right: none; } /* line 767, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li span.js-global { color: #006ecb; } /* line 769, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li span.js-global:hover { cursor: pointer; } /* line 775, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-list li em { position: relative; float: left; width: 10px; margin-right: 10px; height: 30px; border-right: 1px solid rgba(155, 155, 155, 0.6); } /* line 786, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-submitted { position: relative; float: left; width: 100%; max-height: 86vh; overflow: hidden; overflow-y: scroll; padding: 20px; } /* line 795, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-icon { position: relative; float: left; width: 25px; height: 25px; border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF; background-repeat: no-repeat; background-size: 300px auto; background-image: url(../../img/ui/accent-icons_cyan.png); cursor: pointer; } /* line 806, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-icon.si-history { background-position: -239px -78px; } /* line 809, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-icon.si-save { background-position: -44px -134px; } /* line 812, ../scss/modules/workarea-main/_wk_main-320.scss */ .si-icon.si-paper-trash { background-position: -211px -78px; } /* line 818, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-submitted-list, .comments-list { list-style: none; width: 100%; float: left; padding: 0; margin: 0; padding-bottom: 50px; } /* line 826, ../scss/modules/workarea-main/_wk_main-320.scss */ ul.comments-list > li { color: #282c39; line-height: 20px; padding: 5px 0; text-align: left; float: left; font-size: 14px; width: 100%; cursor: default; border-top: none; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } /* line 839, ../scss/modules/workarea-main/_wk_main-320.scss */ ul.comments-list > li:first-child { border-top: 1px solid #f0f0f0; } /* line 843, ../scss/modules/workarea-main/_wk_main-320.scss */ ul.comments-list > li > p, ul.comments-list > li > h4 { position: relative; float: left; width: 100%; padding: 5px 10px; } /* line 852, ../scss/modules/workarea-main/_wk_main-320.scss */ .user-item { color: #282c39; line-height: 20px; padding: 5px 0; text-align: left; float: left; font-size: 14px; width: 100%; cursor: default; border-top: none; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } /* line 865, ../scss/modules/workarea-main/_wk_main-320.scss */ .user-item:first-child { border-top: 1px solid #f0f0f0; } /* line 868, ../scss/modules/workarea-main/_wk_main-320.scss */ .user-item em { position: relative; float: left; padding: 0 6px; color: #282c39; font-size: 10px; width: 4%; line-height: 36px; } /* line 879, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item { position: relative; float: left; width: 60%; } /* line 883, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item.history-wrapper { padding-left: 30px; } /* line 885, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item.history-wrapper h4 { font-size: 16px; font-weight: 600; color: #888888; } /* line 891, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item h5 { font-size: 18px; } /* line 894, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item ul, .papers-item li { position: relative; float: left; width: 100%; list-style: none; } /* line 900, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item li { padding: 5px 10px; margin-bottom: 1px; background: #f7f7f7; } /* line 904, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item li:nth-child(2n -1) { background: #f3f3f3; } /* line 908, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item i { position: relative; float: left; font-size: 10px; margin-right: 10px; padding-top: 2px; } /* line 915, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item span { position: relative; float: left; } /* line 919, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-item time { position: relative; float: right; margin-left: 10px; } /* line 925, ../scss/modules/workarea-main/_wk_main-320.scss */ .grade-item, .papers-turnitin { position: relative; float: left; width: 10%; padding: 6px 10px 6px; text-align: center; font-size: 18px; font-weight: bold; } /* line 934, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-turnitin { display: none; } /* line 937, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-toolbar { position: relative; float: right; width: 20%; list-style: none; padding: 0 5px 0 30px; } /* line 943, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-toolbar li { position: relative; float: right; width: 25px; height: 25px; margin-left: 6px; box-shadow: 0 0 3px 1px rgba(133, 133, 133, 0.2); text-align: center; color: #006ecb; border-radius: 3px; overflow: hidden; } /* line 954, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-toolbar li .papers-file-wrapper { margin: 0; width: 25px; height: 25px; } /* line 959, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-toolbar li i { position: absolute; top: 0; left: 0; width: 25px; height: 25px; text-align: center; font-size: 14px; line-height: 25px; opacity: 0.65; color: #006ecb; } /* line 971, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-toolbar li:hover { cursor: pointer; box-shadow: 0 0 1px 3px rgba(0, 110, 203, 0.4); } /* line 974, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-toolbar li:hover i { opacity: 1; } /* line 981, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-wrapper { position: relative; float: left; cursor: pointer; } /* line 986, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-wrapper:hover li { cursor: pointer; background: #006ecb; } /* line 992, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-upload-file { position: absolute; top: 0; left: 0; width: 22px; height: 22px; opacity: 0; z-index: 999; cursor: pointer !important; } /* line 1002, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-wrapper { position: relative; float: left; margin: 10px 0; margin-right: 50%; } /* line 1007, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-wrapper input { width: 200px; height: 40px; } /* line 1011, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-wrapper button { border: none; background: rgba(155, 155, 155, 0.3); color: #555; height: 40px; left: 0; } /* line 1020, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-wrapper:hover button { background: rgba(155, 155, 155, 0.8); color: white; } /* line 1026, ../scss/modules/workarea-main/_wk_main-320.scss */ #paper-files-wrapper { position: relative; float: left; margin-top: 10px; margin-bottom: 20px; margin-right: 50%; width: 50%; } /* line 1033, ../scss/modules/workarea-main/_wk_main-320.scss */ #paper-files-wrapper ul { position: relative; float: left; width: 100%; } /* line 1038, ../scss/modules/workarea-main/_wk_main-320.scss */ #paper-files-wrapper ul li { position: relative; float: left; width: 100%; } /* line 1046, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-list em { position: relative; float: left; margin-right: 10px; font-size: 12px; padding-top: 3px; } /* line 1053, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-list a { position: relative; float: left; margin-right: 10px; text-decoration: none; } /* line 1059, ../scss/modules/workarea-main/_wk_main-320.scss */ .papers-file-list i { position: relative; float: left; text-decoration: underline; color: #65b8ff; cursor: pointer; } /* line 1067, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout { position: fixed; top: calc(50vh - 80px); height: 160px; left: calc(50vw - 170px); width: 340px; background: #FFFFFF; z-index: 9999; box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5); text-align: center; padding: 20px; border-radius: 5px; display: none; } /* line 1080, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout h3 { margin: 0; text-align: left; font-size: 16px; line-height: 18px; } /* line 1086, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout.confirm { display: block; } /* line 1089, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout button { position: absolute; bottom: 20px; border: none; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); border-radius: 3px; padding: 5px 10px; } /* line 1096, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout button.ok { left: 20px; background: #32a1ff; color: white; } /* line 1100, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout button.ok:hover { background: #006ecb; } /* line 1104, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout button.no { right: 20px; } /* line 1106, ../scss/modules/workarea-main/_wk_main-320.scss */ #confirm-callout button.no:hover { background: white; } /* line 1113, ../scss/modules/workarea-main/_wk_main-320.scss */ #notification { position: fixed; bottom: -100px; left: 0; width: 100%; height: 80px; background: #32a1ff; color: white; transition: bottom ease-in 0.5s; z-index: 9999; } /* line 1123, ../scss/modules/workarea-main/_wk_main-320.scss */ #notification.notify { bottom: 0; } /* line 1126, ../scss/modules/workarea-main/_wk_main-320.scss */ #notification section { position: relative; float: left; width: 100%; padding: 10px 5%; } /* line 1132, ../scss/modules/workarea-main/_wk_main-320.scss */ #notification h2, #notification h5 { position: relative; float: left; width: 100%; text-align: center; font-size: 22px; line-height: 24px; } /*#grade-bands{ position:relative; float:left; width:100%; display:none; color:$white; padding:20px; &.expand{ display:block; } nav > span{ position:relative; float:left; font-weight:600; padding:10px 0; } nav > ul{ position:absolute; top: 50px; left: 50px; background:#555; border-radius:3px; display:none; li{ cursor:pointer; } &.open{ display:block; padding:10px; z-index:99; } } }*/ /* line 1175, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-band-list { position: relative; float: left; width: 100%; color: #FFFFFF; } /* line 1181, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-band-list label, #grade-band-list input { position: relative; float: left; width: 10%; } /* line 1186, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-band-list input { margin-right: 80%; color: #555; } /* line 1193, ../scss/modules/workarea-main/_wk_main-320.scss */ #enrolment h1 em { position: relative; float: right; font-size: 18px; line-height: 22px; cursor: pointer; } /* line 1202, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list { max-height: calc(90vh - 110px); overflow: hidden; overflow-Y: scroll; } /* line 1207, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-user { padding-bottom: 15px; } /* line 1208, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-user h4 { padding: 5px 0 8px; } /* line 1213, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list li { border: none; } /* line 1217, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item h5 { position: relative; float: left; width: 90%; color: white; font-size: 16px; margin: 0; } /* line 1225, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item em { position: relative; float: left; width: 5%; font-size: 12px; } /* line 1232, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item i { position: relative; float: right; width: 5%; font-size: 12px; } /* line 1238, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item .ss-navigateup { display: none; } /* line 1241, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item .class-details { position: relative; float: left; width: 50%; max-height: 0; transition: max-height 0.3s ease-in; overflow: hidden; } /* line 1251, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item.expanded .ss-navigateup { display: block; } /* line 1254, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item.expanded .ss-navigatedown { display: none; } /* line 1257, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list .enrolment-item.expanded .class-details { max-height: 10000px; } /* line 1262, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table, .enrolment-list thead, .enrolment-list tbody, .enrolment-list tr { position: relative; float: left; width: 100%; color: white; } /* line 1267, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table th, .enrolment-list table td, .enrolment-list thead th, .enrolment-list thead td, .enrolment-list tbody th, .enrolment-list tbody td, .enrolment-list tr th, .enrolment-list tr td { position: relative; float: left; text-align: center; padding: 5px 10px; } /* line 1272, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table th.w100, .enrolment-list table td.w100, .enrolment-list thead th.w100, .enrolment-list thead td.w100, .enrolment-list tbody th.w100, .enrolment-list tbody td.w100, .enrolment-list tr th.w100, .enrolment-list tr td.w100 { width: 100%; } /* line 1275, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table th.w75, .enrolment-list table td.w75, .enrolment-list thead th.w75, .enrolment-list thead td.w75, .enrolment-list tbody th.w75, .enrolment-list tbody td.w75, .enrolment-list tr th.w75, .enrolment-list tr td.w75 { width: 75%; } /* line 1278, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table th.w25, .enrolment-list table td.w25, .enrolment-list thead th.w25, .enrolment-list thead td.w25, .enrolment-list tbody th.w25, .enrolment-list tbody td.w25, .enrolment-list tr th.w25, .enrolment-list tr td.w25 { width: 25%; } /* line 1281, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table th.a-right, .enrolment-list table td.a-right, .enrolment-list thead th.a-right, .enrolment-list thead td.a-right, .enrolment-list tbody th.a-right, .enrolment-list tbody td.a-right, .enrolment-list tr th.a-right, .enrolment-list tr td.a-right { text-align: right; } /* line 1284, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table th.c-right, .enrolment-list table td.c-right, .enrolment-list thead th.c-right, .enrolment-list thead td.c-right, .enrolment-list tbody th.c-right, .enrolment-list tbody td.c-right, .enrolment-list tr th.c-right, .enrolment-list tr td.c-right { text-align: center; } /* line 1288, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table.full-table, .enrolment-list thead.full-table, .enrolment-list tbody.full-table, .enrolment-list tr.full-table { position: relative; float: left; width: 100%; } /* line 1293, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list table.right-table, .enrolment-list thead.right-table, .enrolment-list tbody.right-table, .enrolment-list tr.right-table { position: relative; float: right; width: 100%; } /* line 1300, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list ol { position: relative; float: left; width: 100%; } /* line 1304, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list ol li { border-radius: 3px; padding: 3px; } /* line 1307, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list ol li label { position: relative; float: left; width: 75%; margin-top: 2px; } /* line 1313, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list ol li span { position: relative; float: left; width: 25%; text-align: center; background-color: rgba(211, 211, 211, 0.2); padding: 2px 10px 3px; border-radius: 3px; cursor: text; } /* line 1327, ../scss/modules/workarea-main/_wk_main-320.scss */ .gt-progress { position: relative; float: left; width: 50%; display: none; } /* line 1334, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-item.expanded .gt-progress { display: block; } /* line 1338, ../scss/modules/workarea-main/_wk_main-320.scss */ .list-padder { position: relative; float: left; width: 100%; height: 150px; } /* line 1344, ../scss/modules/workarea-main/_wk_main-320.scss */ .title-bar { position: relative; float: left; width: 100%; background: none; } /* line 1349, ../scss/modules/workarea-main/_wk_main-320.scss */ .title-bar h1 { position: relative; float: left; width: 80%; border-radius: 5px 0 0 0 !important; } /* line 1355, ../scss/modules/workarea-main/_wk_main-320.scss */ .title-bar ul { position: relative; float: left; width: 20%; color: white; border-radius: 0 3px 0 0; background: #161616; height: 62px; padding: 20px 10px; } /* line 1364, ../scss/modules/workarea-main/_wk_main-320.scss */ .title-bar ul li { position: relative; float: right; width: 24px; height: 26px; cursor: pointer; } /* line 1373, ../scss/modules/workarea-main/_wk_main-320.scss */ #enrolment > .title-bar { width: calc(100% + 1px); } /* line 1376, ../scss/modules/workarea-main/_wk_main-320.scss */ #enrolment > .title-bar > h1 { width: calc(100% - 250px); } /* line 1379, ../scss/modules/workarea-main/_wk_main-320.scss */ #enrolment > .title-bar > ul { width: 250px; padding: 5px 0; } /* line 1383, ../scss/modules/workarea-main/_wk_main-320.scss */ #enrolment > .title-bar > ul > li { position: relative; float: right; width: 62px; height: 52px; cursor: pointer; border-right: 1px solid rgba(155, 155, 155, 0.5); } /* line 1391, ../scss/modules/workarea-main/_wk_main-320.scss */ #enrolment > .title-bar > ul > li > em { top: 0px; height: 100%; font-size: 20px; padding: 12px 21px; position: relative; float: left; } /* line 1399, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list > .enrolment-user > h4 { padding: 14px 0 0px; } /* line 1402, ../scss/modules/workarea-main/_wk_main-320.scss */ .enrolment-list > .enrolment-user > h4 > em { margin-right: 43px; } /* line 1405, ../scss/modules/workarea-main/_wk_main-320.scss */ #clip-notice { position: absolute; left: -154px; width: 170px; background: white; color: #333; padding: 10px; z-index: 999; text-align: center; font-weight: 400; border-radius: 4px; display: none; } /* line 1417, ../scss/modules/workarea-main/_wk_main-320.scss */ #clip-notice.visible { display: block; } /* line 1421, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding { position: absolute; top: 0; right: 0; width: 100%; background: #373737; padding: 20px; display: none; } /* line 1429, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding.open { display: block; z-index: 999; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.33); } /* line 1434, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding h4 { font-size: 24px; color: white; } /* line 1438, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding p { font-size: 16px; color: white; } /* line 1442, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding ul { position: relative; float: left; width: 220px; color: white; background: #424242; border-radius: 3px; padding: 20px; } /* line 1450, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding ul li { position: relative; float: left; width: 100%; } /* line 1456, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding label { position: relative; float: left; height: 30px; line-height: 30px; width: 30px; margin-right: 5px; cursor: text; } /* line 1465, ../scss/modules/workarea-main/_wk_main-320.scss */ #grade-banding input { background: #424242; color: white; width: 45px; text-indent: 5px; border: none; height: 30px; } /* line 1475, ../scss/modules/workarea-main/_wk_main-320.scss */ .grading-bands-toolbar { position: relative; float: left; width: 100%; } /* line 1479, ../scss/modules/workarea-main/_wk_main-320.scss */ .grading-bands-toolbar button { position: relative; float: left; width: 100px; margin-right: calc(100% - 100px); text-align: center; height: 30px; background: #424242; color: white; border: none; border-radius: 3px; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); margin-top: 5px; } /* line 1492, ../scss/modules/workarea-main/_wk_main-320.scss */ .grading-bands-toolbar button:hover { background: black; } /* line 1498, ../scss/modules/workarea-main/_wk_main-320.scss */ .close-button { position: relative; float: right; margin-top: 20px; } /* line 1503, ../scss/modules/workarea-main/_wk_main-320.scss */ .close-button > button { padding: 5px 10px; } /* line 1506, ../scss/modules/workarea-main/_wk_main-320.scss */ .download-button { position: relative; float: left; margin-top: 20px; } /* line 1510, ../scss/modules/workarea-main/_wk_main-320.scss */ .download-button button { position: relative; float: right; padding: 5px 10px; } /* line 1516, ../scss/modules/workarea-main/_wk_main-320.scss */ .download-button.loading span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0.8; background-repeat: no-repeat; background-position: -40px -73px; background-image: url("../../img/ui/loading-gifs/spinner.gif"); } @media screen and (min-width: 760px) { /* line 1, ../scss/modules/workarea-main/_wk_main-760.scss */ .searchbar { position: relative; float: right; width: 50%; } /* line 6, ../scss/modules/workarea-main/_wk_main-760.scss */ #search-list, #search-list-user { width: 50%; } /* line 10, ../scss/modules/workarea-main/_wk_main-760.scss */ .main-panel h1 { padding: 0 2.5% 10px; } /* line 14, ../scss/modules/workarea-main/_wk_main-760.scss */ #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.messenger { height: calc(100vh - 60px); } /* line 17, ../scss/modules/workarea-main/_wk_main-760.scss */ #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.messenger > aside { height: calc(100vh - 122px); } /* line 20, ../scss/modules/workarea-main/_wk_main-760.scss */ #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.messenger > aside > .enrolment-list { height: calc(100vh - 122px); max-height: none; } /* line 24, ../scss/modules/workarea-main/_wk_main-760.scss */ #blurb-editor > .account-builder > #enrolment.account-builder-wrapper.quiz { padding-bottom: 0; } } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/workarea-main/_wk_main-1024.scss */ .account-builder-wrapper.quiz { width: 90vw; margin-left: 5vw; } } @media screen and (min-width: 1280px) { /* line 1, ../scss/modules/workarea-main/_wk_main-1280.scss */ .booking-main-panel-title { font-size: 24px; } /* line 4, ../scss/modules/workarea-main/_wk_main-1280.scss */ .booking-main-date-selector-panel { width: 30%; font-size: 14px; line-height: 25px; padding: 15px; } /* line 10, ../scss/modules/workarea-main/_wk_main-1280.scss */ #booking-main-panel.right-panel, #tours-main-panel.right-panel, #pages-main-panel.right-panel, #guests-main-panel.right-panel, #blog-main-panel.right-panel { width: 1000px; margin-left: calc(50vw - 580px); } } /* line 3, ../scss/modules/tour-editor/_editor-320.scss */ .booking-main-panel-title button { margin-top: 36px; color: black; } /* line 8, ../scss/modules/tour-editor/_editor-320.scss */ .tour-editor-item-title { position: relative; float: left; width: 100%; font-size: 22px; line-height: 24px; font-weight: 600; margin-bottom: 10px; } /* line 17, ../scss/modules/tour-editor/_editor-320.scss */ .tour-editor-item-title > i { color: #2d62b9; font-weight: 400; font-size: 12px !important; } /* line 22, ../scss/modules/tour-editor/_editor-320.scss */ .tour-editor-wrapper { position: relative; float: left; width: 100%; background: #f7f7f7; padding: 10px 2%; } /* line 30, ../scss/modules/tour-editor/_editor-320.scss */ .tour-editor-description { position: relative; float: left; width: 100%; font-size: 16px; line-height: 22px; font-weight: 400; background: #FFFFFF; padding: 10px; } /* line 40, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image, .editor-image-blank { position: relative; float: left; width: 31%; margin-right: 2%; } /* line 46, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image:nth-child(3n), .editor-image-blank:nth-child(3n) { margin-right: 0; } /* line 49, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image img, .editor-image-blank img { position: relative; float: left; width: 100%; border-radius: 5px; } /* line 56, ../scss/modules/tour-editor/_editor-320.scss */ .editable { /*color:$tours; padding: 5px 10px; background: #ffffff; min-width: 200px; min-height:22px; box-shadow: 0 0 2px 1px #d2d2d2;*/ } /* line 63, ../scss/modules/tour-editor/_editor-320.scss */ .editable.hidden { display: none; } /* line 66, ../scss/modules/tour-editor/_editor-320.scss */ .editable.booking { background: #006ecb; color: #FFFFFF; } /* line 70, ../scss/modules/tour-editor/_editor-320.scss */ .editable.academics { background: #3c8ccb; color: #FFFFFF; } /* line 74, ../scss/modules/tour-editor/_editor-320.scss */ .editable.papers { background: #006970; color: #FFFFFF; } /* line 78, ../scss/modules/tour-editor/_editor-320.scss */ .editable.users { background: #d8571f; color: #FFFFFF; } /* line 82, ../scss/modules/tour-editor/_editor-320.scss */ .editable.mce-content-body { color: #0b2141; background: #ffffff; caret-color: #0b2141; } /* line 87, ../scss/modules/tour-editor/_editor-320.scss */ .editable.mce-edit-focus { box-shadow: 0 0 2px 1px #a2a2a2; } /* line 91, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image-blank { height: 100%; } /* line 94, ../scss/modules/tour-editor/_editor-320.scss */ .editor-mask { position: absolute; top: 0; left: 0; width: calc(100% - 140px); height: 100%; background: white; opacity: 0; cursor: text; } /* line 103, ../scss/modules/tour-editor/_editor-320.scss */ .editor-mask.activeB { display: none; } /* line 107, ../scss/modules/tour-editor/_editor-320.scss */ .section-editor-save { position: relative; float: left; width: 60px; height: 30px; background: white; color: #006ecb; font-size: 16px; margin-left: 5px; border-radius: 3px; margin-top: 25px; box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.4); line-height: 30px; text-align: center; display: none; } /* line 122, ../scss/modules/tour-editor/_editor-320.scss */ .section-editor-save.activeB { display: block; z-index: 999; } /* line 127, ../scss/modules/tour-editor/_editor-320.scss */ .img-placeholder { position: relative; float: left; width: 20%; height: 300px; border: 1px dotted black; } /* line 134, ../scss/modules/tour-editor/_editor-320.scss */ .editor-field-wrapper { position: relative; float: left; width: 100%; } /* line 138, ../scss/modules/tour-editor/_editor-320.scss */ .editor-field-wrapper .group-item { margin-left: 30px; min-height: 22px; min-width: 50px; padding: 3px 10px; background: white; border-radius: 3px; } /* line 147, ../scss/modules/tour-editor/_editor-320.scss */ .editor-label-box, .editor-label, .editor-label-left, .editor-image-caption { position: relative; float: left; width: 100%; font-weight: 600; line-height: 24px; margin-bottom: 10px; font-size: 16px; } /* line 157, ../scss/modules/tour-editor/_editor-320.scss */ .editor-label { text-transform: capitalize; } /* line 160, ../scss/modules/tour-editor/_editor-320.scss */ .editor-selector { position: relative; float: left; border: 1px solid rgba(155, 155, 155, 0.3); padding: 3px 10px; line-height: 30px; font-size: 18px; border-radius: 3px; font-weight: 400; color: #0b2141; margin-bottom: 15px; } /* line 172, ../scss/modules/tour-editor/_editor-320.scss */ .editor-item-wrapper { position: relative; float: left; width: 100%; margin-bottom: 5px; padding-bottom: 5px; } /* line 179, ../scss/modules/tour-editor/_editor-320.scss */ .editor-label-box { margin-top: 20px; } /* line 182, ../scss/modules/tour-editor/_editor-320.scss */ .editor-label-50 { width: 50%; float: left; margin-bottom: 5px; line-height: 36px; font-size: 18px; } /* line 189, ../scss/modules/tour-editor/_editor-320.scss */ .editor-label-left { width: 35%; } /* line 192, ../scss/modules/tour-editor/_editor-320.scss */ .editor-option-box-wrapper { position: relative; float: left; width: 100%; } /* line 197, ../scss/modules/tour-editor/_editor-320.scss */ .editor-option-box { position: relative; float: left; margin: 0 10px; } /* line 202, ../scss/modules/tour-editor/_editor-320.scss */ .editor-check-box { position: relative; float: left; width: auto; margin: 0 10px; } /* line 208, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image-caption, .editor-image-body { font-weight: 300; margin-bottom: 10px; min-width: auto; width: 100%; } /* line 213, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image-caption.mce-edit-focus, .editor-image-body.mce-edit-focus { width: 200%; min-height: 200px; z-index: 99; } /* line 219, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image-body { position: relative; float: left; min-height: 50px; } /* line 224, ../scss/modules/tour-editor/_editor-320.scss */ .editor-img-toolbox { position: absolute; top: 5px; right: 5px; list-style: none; } /* line 230, ../scss/modules/tour-editor/_editor-320.scss */ .editor-save-button { position: relative; float: left; display: none; padding: 2px 20px; border-radius: 3px; margin-bottom: 10px; } /* line 237, ../scss/modules/tour-editor/_editor-320.scss */ .editor-save-button.editing { display: block; } /* line 240, ../scss/modules/tour-editor/_editor-320.scss */ .editor-save-button:hover { color: white; background: #006ecb; } /* line 245, ../scss/modules/tour-editor/_editor-320.scss */ .editor-save-loader { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.7); background-repeat: no-repeat; background-position: 40% 40%; background-image: url("../ui/cogs.gif"); background-size: 50px 50px; display: none; z-index: 999; } /* line 258, ../scss/modules/tour-editor/_editor-320.scss */ .editor-save-loader.loading { display: block; } /* line 262, ../scss/modules/tour-editor/_editor-320.scss */ .always-visible { display: block; float: right; margin-top: 50px; } /* line 267, ../scss/modules/tour-editor/_editor-320.scss */ .new-item { color: #006ecb; top: 0; left: 0; height: 100%; width: 100%; min-height: 160px; cursor: pointer; border: 5px dashed #65b8ff; padding: 0; } /* line 277, ../scss/modules/tour-editor/_editor-320.scss */ .new-item .editor-img-item { float: left; cursor: pointer; width: 100%; height: 100%; } /* line 282, ../scss/modules/tour-editor/_editor-320.scss */ .new-item .editor-img-item input, .new-item .editor-img-item form { position: absolute; left: 0; top: 0; border-radius: 3px; width: 100%; height: 100%; opacity: 0; z-index: 99; cursor: pointer; } /* line 293, ../scss/modules/tour-editor/_editor-320.scss */ .new-item .editor-img-item em { position: absolute; top: 45%; width: 100%; left: 0; font-size: 72px; color: #65b8ff; cursor: pointer; } /* line 303, ../scss/modules/tour-editor/_editor-320.scss */ .new-item:hover { border-color: #006ecb; } /* line 306, ../scss/modules/tour-editor/_editor-320.scss */ .new-item:hover .editor-img-item em { color: #006ecb; } /* line 312, ../scss/modules/tour-editor/_editor-320.scss */ .editor-image-row, .editor-image-drop { position: relative; float: left; width: 100%; margin-bottom: 30px; } /* line 318, ../scss/modules/tour-editor/_editor-320.scss */ .editor-img-item { position: relative; float: right; width: 26px; height: 26px; line-height: 26px; font-size: 16px; background-color: rgba(50, 161, 255, 0.3); color: white; border: rgba(50, 161, 255, 0.5) solid 1px; border-radius: 3px; text-align: center; margin-left: 3px; cursor: pointer; } /* line 332, ../scss/modules/tour-editor/_editor-320.scss */ .editor-img-item:hover { background-color: rgba(50, 161, 255, 0.8); } /* line 335, ../scss/modules/tour-editor/_editor-320.scss */ .editor-img-item:first-child { z-index: 999; } /* line 338, ../scss/modules/tour-editor/_editor-320.scss */ .editor-img-item input { position: absolute; left: 0; top: 0; border-radius: 3px; width: 26px; height: 26px; opacity: 0; z-index: 99; } /* line 349, ../scss/modules/tour-editor/_editor-320.scss */ .editor-publish, .editor-subtitle, .editor-delete { position: relative; float: left; font-weight: 600; font-size: 18px; margin-right: 10px; } /* line 356, ../scss/modules/tour-editor/_editor-320.scss */ .editor-delete { float: right; cursor: pointer; } /* line 363, ../scss/modules/tour-editor/_editor-320.scss */ .tour-editor-checkbox { font-size: 18px; } /* line 366, ../scss/modules/tour-editor/_editor-320.scss */ .image-editor { position: fixed; height: 100%; width: 100%; top: 0; left: 0; overflow-y: scroll; z-index: 9999; background: rgba(0, 0, 0, 0.85); display: none; } /* line 376, ../scss/modules/tour-editor/_editor-320.scss */ .image-editor.open { display: block; } /* line 380, ../scss/modules/tour-editor/_editor-320.scss */ .img-wrapper { position: relative; float: left; width: 80%; margin-left: 10%; } /* line 387, ../scss/modules/tour-editor/_editor-320.scss */ .image-editor-inner-wrapper { position: relative; float: left; width: 100%; background: rgba(133, 133, 133, 0.3); } /* line 393, ../scss/modules/tour-editor/_editor-320.scss */ .image-editor-toolbox { position: relative; float: left; width: 80.7%; left: 10%; height: 50px; background: #f7f7f7; padding: 13px; margin: 20px 0 0; list-style: none; } /* line 404, ../scss/modules/tour-editor/_editor-320.scss */ .image-editor-toolbox-item { position: relative; float: left; margin-right: 20px; } /* line 409, ../scss/modules/tour-editor/_editor-320.scss */ .image-loader { position: absolute; top: 0; left: 0; width: 100%; height: 187px; background: rgba(255, 255, 255, 0.7); background-image: url(../ui/cogs.gif); display: none; background-size: 100px 100px; background-position: 50% 50%; background-repeat: no-repeat; z-index: 999; display: none; } /* line 423, ../scss/modules/tour-editor/_editor-320.scss */ .image-loader.loading { display: block; } /* line 427, ../scss/modules/tour-editor/_editor-320.scss */ .image-cropped-label, .images-cropped { position: relative; float: left; margin-bottom: 0; padding: 5px 20px; margin-right: 20px; } /* line 435, ../scss/modules/tour-editor/_editor-320.scss */ .image-cropped-label { background: #006ecb; color: white; border-radius: 3px; } /* line 440, ../scss/modules/tour-editor/_editor-320.scss */ .tour-geomap { position: relative; float: left; width: 100%; height: 25vw; min-height: 200px; margin-bottom: 10px; } /* line 448, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-title { position: relative; float: left; font-size: 32px; color: #006ecb; line-height: 36px; margin-bottom: 25px; font-weight: bold; } /* line 457, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-title, .pricing-sub-title-banner { position: relative; float: left; font-size: 18px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; } /* line 465, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-title-banner { width: 100%; padding: 5px 10px; color: #FFFFFF; background: #32a1ff; font-size: 24px; line-height: 28px; } /* line 473, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-tab-browser, .pricing-sub-tab-browser, .pricing-sub-tab-browser-items { position: relative; float: left; width: 100%; list-style: none; margin: 0; padding: 0; } /* line 481, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser-items { margin-bottom: 20px; } /* line 484, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser-item { position: relative; float: left; width: 100%; background: #f1f1f1; display: none; } /* line 490, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser-item.active-tab { display: block; padding: 20px 10px; } /* line 496, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser { overflow: hidden; } /* line 499, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-dropdown { position: relative; float: left; font-size: 14px; cursor: pointer; padding: 2px 5px; margin-left: 10px; line-height: 26px; } /* line 508, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-tab-browser-tab, .pricing-sub-tab-browser-tab { position: relative; float: left; color: white; line-height: 24px; font-size: 16px; border-radius: 5px; padding: 5px 20px; cursor: pointer; background: #006ecb; } /* line 519, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser-tab { line-height: 30px; font-size: 18px; color: #FFFFFF; background: #006ecb; margin-right: 1px; padding: 10px; border-radius: 5px 5px 0 0; } /* line 528, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser-tab .group-item { margin-bottom: 5px; } /* line 531, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser-tab.active-tab { background: #f1f1f1; } /* line 533, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-tab-browser-tab.active-tab .pricing-sub-list-title { color: #006ecb; } /* line 538, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-list-title { position: relative; float: left; color: #FFFFFF; font-weight: 600; font-size: 16px; padding: 5px 0; line-height: 20px; } /* line 547, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-list-title-blue { color: #006ecb; line-height: 30px; min-width: 20%; font-weight: 600; } /* line 554, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-list-item { position: relative; float: left; width: 80%; color: #0b2141; padding: 5px 10px; } /* line 561, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-list-title-item-wrapper { position: relative; float: left; width: 100%; } /* line 566, ../scss/modules/tour-editor/_editor-320.scss */ .tab-price-editor, .tab-price-editor-south { position: absolute; left: 0; background: #FFFFFF; box-shadow: 0 0 5px 2px rgba(133, 133, 133, 0.3); padding: 20px; display: none; border-radius: 5px; z-index: 999; } /* line 575, ../scss/modules/tour-editor/_editor-320.scss */ .tab-price-editor .editable, .tab-price-editor-south .editable { min-width: 120px; } /* line 578, ../scss/modules/tour-editor/_editor-320.scss */ .tab-price-editor.open, .tab-price-editor-south.open { display: block; } /* line 582, ../scss/modules/tour-editor/_editor-320.scss */ .tab-price-editor-south { bottom: 0; width: 99%; left: 0.5%; } /* line 587, ../scss/modules/tour-editor/_editor-320.scss */ .add-price-button, .edit-delete-button { position: relative; float: right; margin: 10px 20px; font-size: 14px; border: 1px solid rgba(133, 133, 133, 0.3); padding: 5px 20px; border-radius: 5px; line-height: 22px; z-index: 99; font-weight: 600; } /* line 599, ../scss/modules/tour-editor/_editor-320.scss */ .edit-delete-button, .section-delete-button { float: left !important; margin: 0 5px; margin-left: 0; background: #006ecb; color: #FFFFFF; float: left; padding: 3px 15px; cursor: pointer; } /* line 608, ../scss/modules/tour-editor/_editor-320.scss */ .edit-delete-button:hover, .section-delete-button:hover { background: #003765; } /* line 612, ../scss/modules/tour-editor/_editor-320.scss */ .section-delete-button { float: right !important; border-radius: 3px; border: none; font-weight: 600; line-height: 22px; } /* line 619, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-close-button { position: absolute; color: #0b2141; right: 10px; top: 4px; font-size: 12px; } /* line 627, ../scss/modules/tour-editor/_editor-320.scss */ .tab-price-editor-wrapper { position: relative; float: left; width: 100%; background: rgba(133, 133, 133, 0.1); padding: 10px; border-radius: 5px; } /* line 634, ../scss/modules/tour-editor/_editor-320.scss */ .tab-price-editor-wrapper .pricing-sub-list-title { width: 100%; } /* line 638, ../scss/modules/tour-editor/_editor-320.scss */ .tab-pricing-cat-wrapper { position: relative; float: left; width: 100%; } /* line 644, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-list-wrapper { position: relative; float: left; width: 100%; font-weight: 400; font-size: 16px; color: #0b2141; padding: 20px 10px; } /* line 653, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-sub-list-wrapper-prices { background: #FFFFFF; } /* line 656, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-container, .add-containter { position: relative; float: left; width: 100%; padding: 20px; border: 1px solid rgba(133, 133, 133, 0.2); border-radius: 10px; margin-bottom: 15px; background: #FFFFFF; } /* line 666, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-container.activetabs, .add-containter.activetabs { display: block; } /* line 669, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-container.activetabsb, .add-containter.activetabsb { display: block; } /* line 672, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-container .section-edit-button, .pricing-container .section-save-button, .add-containter .section-edit-button, .add-containter .section-save-button { top: 20px; } /* line 676, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-container-new { position: relative; float: left; width: 100%; background: white; box-shadow: 0 -1px 5px 1px rgba(133, 133, 133, 0.7); z-index: 99; display: none; margin-bottom: 100px; } /* line 686, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-container-new.activetabs { display: block; padding: 20px; } /* line 690, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-container-new.activetabsb { display: block; padding: 20px; } /* line 695, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-delete-button { position: relative; float: right; font-size: 18px; color: rgba(133, 133, 133, 0.8); cursor: pointer; } /* line 701, ../scss/modules/tour-editor/_editor-320.scss */ .pricing-delete-button:hover { color: #858585; } /* line 705, ../scss/modules/tour-editor/_editor-320.scss */ .add-containter { padding: 10px 20px; box-shadow: 0px 2px 8px 0px rgba(155, 155, 155, 0.5); width: 100%; margin-right: 0%; } /* line 711, ../scss/modules/tour-editor/_editor-320.scss */ .mce-edit-focus { margin-bottom: 2px; } /* line 715, ../scss/modules/tour-editor/_editor-320.scss */ .mce-content-body ul { list-style: default; } /* line 718, ../scss/modules/tour-editor/_editor-320.scss */ .mce-content-body li { position: relative; width: 100%; margin-left: 20px; } /* line 722, ../scss/modules/tour-editor/_editor-320.scss */ .mce-content-body li:before { position: absolute; left: -10px; top: 11px; content: ""; height: 5px; width: 5px; border-radius: 5px; background: #0b2141; } /* line 734, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-days-selector { position: relative; float: left; padding: 0; list-style: none; } /* line 740, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-days-item { position: relative; float: left; line-height: 32px; padding: 8px 18px; width: 12.5%; border-left: 1px solid rgba(133, 133, 133, 0.5); border-top: 1px solid rgba(133, 133, 133, 0.5); border-bottom: 1px solid rgba(133, 133, 133, 0.5); border-right: none; background: white; } /* line 750, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-days-item:last-child { border-right: 1px solid rgba(133, 133, 133, 0.5); } /* line 754, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-days-item.selected { background: rgba(133, 133, 133, 0.5); } /* line 756, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-days-item.selected .calendar-hours { display: block; } /* line 761, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-label { position: relative; float: left; width: 100%; font-weight: 600; line-height: 24px; margin-bottom: 10px; font-size: 16px; text-align: center; } /* line 771, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-day { position: relative; float: left; width: 100%; text-align: center; cursor: pointer; margin-left: -7px; } /* line 779, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-hours { position: absolute; top: -3px; right: 3px; height: 12px; width: 12px; font-size: 12px; color: white; z-index: 99; display: none; cursor: pointer; } /* line 791, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-week-wrapper, .calendar-day-table, .calendar-day-table, .calendar-day-wrapper, .calendar-hour-wrapper, .calendar-tour-list, .calendar-tour-list-item { position: relative; float: left; width: 100%; list-style: none; padding: 0; } /* line 798, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-hour, .calendar-hour-side, .calendar-hour-side-top, .calendar-hour-top { position: relative; float: left; border-bottom: 1px solid rgba(133, 133, 133, 0.2); } /* line 803, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-hour-side-top, .calendar-hour-top { height: 30px; } /* line 806, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-hour-side { height: 100px; border: none; } /* line 810, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-hour { min-height: 100px; width: 90%; } /* line 814, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-hour-side, .calendar-hour-side-top { width: 29px; } /* line 817, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-day-editor { position: relative; float: left; top: 20px; left: 0; width: 90%; height: auto; background: white; padding: 20px 2.5%; } /* line 827, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-time { position: absolute; top: 40px; left: -16px; width: 60px; text-align: center; font-size: 11px; padding: 2px 5px 3px; border-radius: 3px; background: #65b8ff; color: white; transform: rotate(-90deg); } /* line 840, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-list { width: 100%; padding: 2px 5px; font-size: 12px; margin-top: 5px; text-align: left; } /* line 847, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-hour { position: relative; float: left; width: 100%; } /* line 852, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-list-item { position: relative; float: left; width: 90%; margin: 5px 5%; font-size: 14px; font-weight: 400; text-align: left; color: #006ecb; cursor: pointer; } /* line 862, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-list-item.single { color: #6b788c; } /* line 865, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-list-item.add-tour-time { color: rgba(133, 133, 133, 0.5); margin-top: 10px; } /* line 868, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-list-item.add-tour-time em { font-size: 8px; padding: 4px 2px; position: relative; margin-left: 10px; } /* line 874, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-list-item.add-tour-time:hover { color: #006ecb; } /* line 879, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-day-editor { position: absolute; float: left; top: 0; left: 25%; width: 50%; height: auto; background: white; margin-top: 20px; display: none; } /* line 889, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-tour-day-editor.open-timings { display: block; padding: 20px; box-shadow: 0 0 5px 1px rgba(133, 133, 133, 0.5); } /* line 895, ../scss/modules/tour-editor/_editor-320.scss */ .editor-tour-time-list, .calendar-diary-toolbar-list { position: relative; float: left; width: 100%; list-style: none; padding: 0; margin: 10px 0; } /* line 903, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-diary-toolbar-item { position: relative; width: 25%; float: right; font-size: 16px; font-weight: 600; } /* line 910, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-diary-toolbar-close { position: relative; float: right; } /* line 913, ../scss/modules/tour-editor/_editor-320.scss */ .calendar-diary-toolbar-close em { font-size: 12px; padding: 2px; } /* line 918, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button, .section-save-button { position: absolute; bottom: 5px; right: 5px; font-size: 14px; font-weight: 400; border: 1px solid rgba(133, 133, 133, 0.5); padding: 5px 10px; border-radius: 5px; line-height: 22px; z-index: 99; color: #0b2141; height: 34px; } /* line 931, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button:hover, .section-save-button:hover { color: #white; background: #32a1ff; } /* line 935, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button.section-delete-button, .section-save-button.section-delete-button { right: 50px; background-color: #efefef; color: #999; } /* line 941, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button.add-blurb, .section-save-button.add-blurb { top: 16px; right: 2.5%; } /* line 945, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button.add-section, .section-save-button.add-section { position: relative; float: right; margin: 10px 0; right: 0; } /* line 951, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button.poistion-left, .section-save-button.poistion-left { float: left; margin-left: 20px; } /* line 955, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button:hover, .section-save-button:hover { background: #99d5ff; } /* line 960, ../scss/modules/tour-editor/_editor-320.scss */ .section-edit-button.activeB { display: none; } /* line 965, ../scss/modules/tour-editor/_editor-320.scss */ .section-save-button { padding: 5px 7px; } /* line 968, ../scss/modules/tour-editor/_editor-320.scss */ .toggle-edit, .toggle-edit-right { background: #006ecb; color: #FFFFFF; float: left; margin-left: 20px; padding: 3px 15px; cursor: pointer; } /* line 975, ../scss/modules/tour-editor/_editor-320.scss */ .toggle-edit:hover, .toggle-edit-right:hover { background: #00457f; } /* line 979, ../scss/modules/tour-editor/_editor-320.scss */ .toggle-edit-right { float: right; margin-bottom: 5px; } /* line 983, ../scss/modules/tour-editor/_editor-320.scss */ .section-save-button { display: none; } /* line 985, ../scss/modules/tour-editor/_editor-320.scss */ .section-save-button.activeB { display: block; } /* line 989, ../scss/modules/tour-editor/_editor-320.scss */ .tags-list { position: relative; float: left; width: 100%; list-style: none; padding: 0; margin: 0; min-height: 42px; background-color: #FFFFFF; } /* line 999, ../scss/modules/tour-editor/_editor-320.scss */ .tag-list-item { position: relative; float: left; width: auto; padding: 5px 10px; border-radius: 3px; background-color: #f1f1f1; height: 32px; line-height: 22px; margin: 5px; cursor: pointer; } /* line 1010, ../scss/modules/tour-editor/_editor-320.scss */ .tag-list-item.u-hidden { display: none; } /* line 1013, ../scss/modules/tour-editor/_editor-320.scss */ .tag-list-item.active { display: block; padding: 3px; } /* line 1018, ../scss/modules/tour-editor/_editor-320.scss */ .tag-title, .tag-add, .tag-list-item { position: relative; float: left; } /* line 1021, ../scss/modules/tour-editor/_editor-320.scss */ .tag-title em, .tag-add em, .tag-list-item em { position: relative; float: left; font-size: 10px; line-height: 26px; margin-left: 5px; } /* line 1029, ../scss/modules/tour-editor/_editor-320.scss */ .tag-editor, .tag-editor-type { position: relative; float: left; } /* line 1033, ../scss/modules/tour-editor/_editor-320.scss */ .tag-editor-type { min-width: 120px; background: #FFFFFF; color: #0b2141; height: 26px; cursor: text; line-height: 16px; } /* line 1041, ../scss/modules/tour-editor/_editor-320.scss */ .keyword-selector { position: absolute; z-index: 999; top: 32px; padding: 10px; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px 1px rgba(133, 133, 133, 0.3); background: #FFFFFF; color: #0b2141; min-width: 200px; } /* line 1051, ../scss/modules/tour-editor/_editor-320.scss */ .keyword-selector input { border-color: rgba(155, 155, 155, 0.3); } /* line 1054, ../scss/modules/tour-editor/_editor-320.scss */ .keyword-selector button { background: #66c0ff; font-weight: bold; border-color: rgba(255, 255, 255, 0.3); } /* line 1060, ../scss/modules/tour-editor/_editor-320.scss */ .tag-list-sub .tag-list-sub-item { position: relative; float: left; width: 100%; } /* line 1065, ../scss/modules/tour-editor/_editor-320.scss */ .tag-list-sub { list-style: none; padding: 0; margin: 0; } /* line 1070, ../scss/modules/tour-editor/_editor-320.scss */ .tag-list-sub-item { font-size: 14px; line-height: 22px; text-align: center; margin: 1px 0; } /* line 1075, ../scss/modules/tour-editor/_editor-320.scss */ .tag-list-sub-item:hover { background-color: #006ecb; color: #FFFFFF; } /* line 1080, ../scss/modules/tour-editor/_editor-320.scss */ .blurb-list, .blurb-list-item, .blurb-wrapper, .blurb-title, .blurb-meta, .blurb-meta-item, .editor-add-blurb { position: relative; float: left; width: 100%; margin: 0; padding: 0; list-style: none; } /* line 1088, ../scss/modules/tour-editor/_editor-320.scss */ .blurb-title { font-size: 18px; width: 100%; } /* line 1092, ../scss/modules/tour-editor/_editor-320.scss */ .blurb-meta { width: 33%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px rgba(133, 133, 133, 0.5); } /* line 1098, ../scss/modules/tour-editor/_editor-320.scss */ .class-header { position: relative; float: left; width: 100%; font-size: 1.4em; line-height: 2em; cursor: pointer; } /* line 1107, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar { position: absolute; top: 20px; right: 10px; z-index: 100; border-radius: 3px; min-width: 140px; } /* line 1115, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul { position: relative; float: right; list-style: none; margin: 0; } /* line 1120, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon { position: relative; float: left; width: 30px; height: 30px; line-height: 30px; background: #efefef; color: rgba(133, 133, 133, 0.5); margin-right: 3px; border-radius: 3px; cursor: pointer; border: 1px solid rgba(133, 133, 133, 0.5); opacity: 1; transition: box-shadow ease-in 0.1s; } /* line 1134, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon:hover { color: #3b8bcb; box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5); } /* line 1138, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon:last-child { margin-right: 0; } /* line 1141, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon em { position: relative; text-align: center; padding: 1px 5px; float: left; font-size: 18px; line-height: 30px; } /* line 1149, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon i { position: absolute; top: -2px; right: 11px; font-size: 10px; font-weight: 600; color: #FFFFFF; } /* line 1156, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon i.double { right: 4px; } /* line 1160, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon .si-mail, .editor-action-bar ul .list-icon .si-edit { position: relative; float: left; width: 30px; height: 30px; background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: 200px -7px; background-size: 300px; } /* line 1169, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .list-icon .si-edit { background-position: 367px -7px; } /* line 1174, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .section-editor-save { position: absolute; top: 3px; right: 33px; display: none; } /* line 1179, ../scss/modules/tour-editor/_editor-320.scss */ .editor-action-bar ul .section-editor-save.activeB { display: block; z-index: 99; } /* line 1186, ../scss/modules/tour-editor/_editor-320.scss */ .teacher-actions { position: relative; float: left; width: 100%; margin-top: 0; background: #3c8ccb; } /* line 1193, ../scss/modules/tour-editor/_editor-320.scss */ .teacher-actions > ul { position: relative; float: right; width: 100%; list-style: none; padding: 5px 15px; } /* line 1200, ../scss/modules/tour-editor/_editor-320.scss */ .teacher-actions > ul > li { position: relative; float: left; width: 100%; margin-bottom: 2px; color: #FFFFFF; font-size: 16px; } /* line 1208, ../scss/modules/tour-editor/_editor-320.scss */ .teacher-actions > ul > li:hover { color: #d9d9d9; cursor: pointer; } /* line 1212, ../scss/modules/tour-editor/_editor-320.scss */ .teacher-actions > ul > li > em { position: relative; float: left; padding-right: 5px; padding-top: 5px; font-size: 12px; } /* line 1219, ../scss/modules/tour-editor/_editor-320.scss */ .teacher-actions > ul > li > span { position: relative; float: left; font-weight: 600; } /* line 1224, ../scss/modules/tour-editor/_editor-320.scss */ #grade-bands { position: relative; float: left; width: 100%; } /* line 1230, ../scss/modules/tour-editor/_editor-320.scss */ .Page-body-text figure { position: relative; float: left; width: 80%; margin: 10px 1% 20px; } /* line 1235, ../scss/modules/tour-editor/_editor-320.scss */ .Page-body-text figure img { position: relative; float: left; max-width: 100%; } /* line 1241, ../scss/modules/tour-editor/_editor-320.scss */ .Page-body-text ul { list-style: disc; padding: 10px; } /* line 1244, ../scss/modules/tour-editor/_editor-320.scss */ .Page-body-text ul li { margin-left: 10px; } /* line 1250, ../scss/modules/tour-editor/_editor-320.scss */ #page-list-wrapper { display: none; } /* line 1252, ../scss/modules/tour-editor/_editor-320.scss */ #page-list-wrapper.active { display: block; } /* line 1256, ../scss/modules/tour-editor/_editor-320.scss */ .sort-pages-list { position: relative; float: left; width: 240px; margin-right: calc(100% - 240px); } /* line 1261, ../scss/modules/tour-editor/_editor-320.scss */ .sort-pages-list li { position: relative; float: left; width: 100%; padding: 0px 0 0px 5px; border-radius: 3px; line-height: 25px; margin-bottom: 1px; } /* line 1269, ../scss/modules/tour-editor/_editor-320.scss */ .sort-pages-list li.current { background: #65b8ff; color: #FFFFFF; } /* line 1273, ../scss/modules/tour-editor/_editor-320.scss */ .sort-pages-list li em { line-height: 22px; } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/tour-editor/_editor-1024.scss */ .editor-action-bar { top: 25px; right: 20px; } } @media screen and (min-width: 1280px) { /* line 1, ../scss/modules/tour-editor/_editor-1280.scss */ .editor-label-left { width: 20%; } /* line 4, ../scss/modules/tour-editor/_editor-1280.scss */ .add-containter { width: 70%; margin-right: 30%; } } /* line 1, ../scss/modules/cart/_cart-320.scss */ .cart-wrapper { position: absolute; background: white; top: -50px; left: 0; min-height: 100%; width: 100%; z-index: 1000; display: none; overflow-y: scroll; box-shadow: 0 0 1px 5px rgba(0, 0, 0, 0.3); } /* line 12, ../scss/modules/cart/_cart-320.scss */ .cart-wrapper.active { display: block; padding-bottom: 40px; } /* line 17, ../scss/modules/cart/_cart-320.scss */ .cart-holder { position: relative; float: left; width: 95%; margin-left: 2.5%; margin-top: 45px; margin-bottom: -220px; background: #FFFFFF; text-align: center; top: 20px; padding: 20px; } /* line 29, ../scss/modules/cart/_cart-320.scss */ .cart-spinner { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background-color: rgba(255, 255, 255, 0.8); background-size: 200px 200px; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("../images/ui/loader.svg"); display: none; } /* line 41, ../scss/modules/cart/_cart-320.scss */ .cart-spinner.loading { display: block; } /* line 45, ../scss/modules/cart/_cart-320.scss */ .cart-toolbar { position: relative; float: right; list-style: none; padding: 0; width: 35%; margin: 0; } /* line 53, ../scss/modules/cart/_cart-320.scss */ .cart-toolbar-item { position: relative; float: right; margin-left: 15px; color: #415f82; cursor: pointer; font-weight: 600; margin-top: 10px; width: 100%; text-align: right; margin-right: 10%; } /* line 64, ../scss/modules/cart/_cart-320.scss */ .cart-toolbar-item:first-child { margin-top: 0; } /* line 69, ../scss/modules/cart/_cart-320.scss */ .cart-title { position: relative; float: left; width: 100%; color: #415f82; font-family: "Montserrat", arial, sans-serif; padding: 0; margin: 10px 0 0; } /* line 79, ../scss/modules/cart/_cart-320.scss */ .cart-items { position: relative; float: left; width: 100%; margin-left: 0; font-weight: 400; } /* line 86, ../scss/modules/cart/_cart-320.scss */ .cart-list { position: relative; float: left; width: 90%; list-style: none; margin: 0px 5%; padding: 0; } /* line 94, ../scss/modules/cart/_cart-320.scss */ .cart-item { position: relative; float: left; width: 100%; padding: 10px 0; border-top: 1px solid rgba(133, 133, 133, 0.4); line-height: 24px; } /* line 101, ../scss/modules/cart/_cart-320.scss */ .cart-item:first-child { border-top: none; } /* line 105, ../scss/modules/cart/_cart-320.scss */ .cart-item-headers, .cart-items-articles { position: relative; float: left; width: 100%; display: none; } /* line 111, ../scss/modules/cart/_cart-320.scss */ .cart-item-headers { display: none; } /* line 114, ../scss/modules/cart/_cart-320.scss */ .cart-item-title, .cart-item-title-heading { position: relative; float: right; width: 100%; text-align: right; font-weight: 600; } /* line 121, ../scss/modules/cart/_cart-320.scss */ .cart-item-title { color: #415f82; } /* line 124, ../scss/modules/cart/_cart-320.scss */ .cart-item-people-heading, .cart-item-date-heading, .cart-item-title-heading { font-weight: 600; } /* line 127, ../scss/modules/cart/_cart-320.scss */ .cart-item-people, .cart-item-people-heading, .cart-item-date-heading, cart-item-date { position: relative; width: 100%; float: right; text-align: right; padding: 0; list-style: none; } /* line 135, ../scss/modules/cart/_cart-320.scss */ .cart-item-people-item { position: relative; float: right; width: 100%; text-align: right; } /* line 141, ../scss/modules/cart/_cart-320.scss */ .cart-item-total, .cart-item-total-heading { position: relative; float: left; width: 100%; text-align: right; padding: 5px 0; } /* line 148, ../scss/modules/cart/_cart-320.scss */ .cart-total-wrapper { position: relative; float: right; margin: 10px 2.5%; line-height: 32px; } /* line 154, ../scss/modules/cart/_cart-320.scss */ .cart-total-heading, .cart-subtotal-heading { position: relative; float: left; font-size: 18px; line-height: 28px; margin-right: 10px; } /* line 161, ../scss/modules/cart/_cart-320.scss */ .cart-subtotal-heading { float: right; line-height: 18px; } /* line 165, ../scss/modules/cart/_cart-320.scss */ .cart-total-currency, .cart-subtotal-currency { position: relative; float: left; font-size: 24px; color: #415f82; line-height: 28px; font-family: "Raleway"; } /* line 173, ../scss/modules/cart/_cart-320.scss */ .cart-subtotal-currency { float: right; font-size: 18px; line-height: 18px; } /* line 178, ../scss/modules/cart/_cart-320.scss */ .cart-total, .cart-subtotal { position: relative; float: left; margin-top: -3px; font-size: 28px; color: #415f82; font-family: "Raleway"; } /* line 186, ../scss/modules/cart/_cart-320.scss */ .cart-subtotal { float: right; font-size: 20px; line-height: 18px; margin-top: -1px; } /* line 192, ../scss/modules/cart/_cart-320.scss */ .cart-total-decimal, .cart-subtotal-decimal { position: relative; float: left; margin-top: -3px; font-size: 18px; line-height: 28px; font-family: "Raleway"; color: #415f82; } /* line 201, ../scss/modules/cart/_cart-320.scss */ .cart-subtotal-decimal { float: right; font-size: 12px; line-height: 18px; } /* line 206, ../scss/modules/cart/_cart-320.scss */ .cart-delete { position: absolute; right: -30px; top: 13px; color: #7192b8; cursor: pointer; } /* line 212, ../scss/modules/cart/_cart-320.scss */ .cart-delete:hover { color: #415f82; } /* line 216, ../scss/modules/cart/_cart-320.scss */ .payment { position: relative; float: right; width: 50%; text-align: right; padding: 0 2.55%; } /* line 223, ../scss/modules/cart/_cart-320.scss */ .cart-confirmation-list { position: relative; float: left; width: 100%; list-style: none; } /* line 229, ../scss/modules/cart/_cart-320.scss */ .cart-c-item { position: relative; float: left; width: 100%; margin: 10px 0; } /* line 235, ../scss/modules/cart/_cart-320.scss */ .cart-c-label { position: relative; float: left; width: 50%; font-weight: 600; } /* line 241, ../scss/modules/cart/_cart-320.scss */ .cart-c-text, .cart-c-text-big { position: relative; float: left; width: 50%; font-weight: 400; color: #415f82; } /* line 248, ../scss/modules/cart/_cart-320.scss */ .cart-c-text-big { font-weight: 600; font-size: 24px; } /* line 252, ../scss/modules/cart/_cart-320.scss */ .Receipt-title { position: relative; float: left; width: 100%; color: #415f82; font-size: 24px; line-height: 32px; } /* line 260, ../scss/modules/cart/_cart-320.scss */ .Receipt-leadText { position: relative; float: left; width: 100%; margin: 20px 0; font-size: 16px; } /* line 267, ../scss/modules/cart/_cart-320.scss */ .receipt-wrapper { position: relative; float: left; width: 100%; border-radius: 5px; box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); } /* line 274, ../scss/modules/cart/_cart-320.scss */ .receipt-header { position: relative; float: left; width: 100%; height: 150px; background: #415f82; border-radius: 5px 5px 0 0; } /* line 281, ../scss/modules/cart/_cart-320.scss */ .receipt-header:before { width: 0; height: 0; border-left: 600px solid transparent; border-right: 0px solid white; border-bottom: 120px solid white; position: absolute; content: ""; bottom: 0; left: 0; } /* line 292, ../scss/modules/cart/_cart-320.scss */ .receipt-header:after { position: absolute; content: ""; height: 120px; width: 120px; background-repeat: no-repeat; background-image: url("../images/ui/payment_box.png"); background-size: 120px; background-position: 50% 75%; bottom: 0; border-radius: 60px; left: calc(50% - 60px); box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); } /* line 307, ../scss/modules/cart/_cart-320.scss */ .receipt-brand { position: relative; float: left; width: 220px; height: 64px; margin-left: calc(50% - 96px); background-repeat: no-repeat; background-image: url("../images/ui/Show-Me-Italy-Logo-wide-short.png"); background-size: 220px; background-position: -27px 50%; } /* line 318, ../scss/modules/cart/_cart-320.scss */ .receipt-contact-holder { position: relative; float: left; width: 95%; text-align: center; margin: 0 2.5% 10px; font-size: 14px; list-style: none; padding: 0; } /* line 328, ../scss/modules/cart/_cart-320.scss */ .receipt-contact-item { position: relative; float: left; width: 100%; } /* line 333, ../scss/modules/cart/_cart-320.scss */ .receipt-holder { position: relative; float: left; width: 95%; margin-left: 2.5%; background: #fff; text-align: center; margin-top: 10px; padding: 20px; } /* line 343, ../scss/modules/cart/_cart-320.scss */ .receipt-list { position: relative; float: left; width: 100%; list-style: none; margin: 0; padding: 0; } /* line 351, ../scss/modules/cart/_cart-320.scss */ .receipt-item { position: relative; float: left; width: 100%; padding: 10px 12px; background: #f7f7f7; margin-bottom: 1px; cursor: pointer; } /* line 360, ../scss/modules/cart/_cart-320.scss */ .reciept-row, .receipt-item-title, .receipt-item-total, .receipt-item-date, .receipt-item-people, .receipt-meeting-point { position: relative; float: left; width: 100%; line-height: 28px; } /* line 366, ../scss/modules/cart/_cart-320.scss */ .receipt-item-title, .receipt-item-people { width: 60%; text-align: left; } /* line 370, ../scss/modules/cart/_cart-320.scss */ .receipt-item-date, .receipt-item-total { width: 40%; text-align: right; } /* line 374, ../scss/modules/cart/_cart-320.scss */ .receipt-item-title { color: #415f82; font-size: 18px; } /* line 377, ../scss/modules/cart/_cart-320.scss */ .receipt-item-title i { font-size: 12px; line-height: 12px; } /* line 382, ../scss/modules/cart/_cart-320.scss */ .receipt-meeting-point { position: relative; float: left; color: #333; font-weight: 600; font-size: 18px; text-align: left; } /* line 390, ../scss/modules/cart/_cart-320.scss */ .receipt-item-people, .receipt-item-date, .receipt-item-total { list-style: none; padding: 0; margin: 0; font-size: 14px; } /* line 396, ../scss/modules/cart/_cart-320.scss */ .receipt-map { position: relative; float: left; width: 280px; height: 280px; padding: 10px; margin-bottom: 20px; } /* line 403, ../scss/modules/cart/_cart-320.scss */ .receipt-map iframe { padding: 0; margin-left: -25px; width: 280px; height: 280px; } /* line 410, ../scss/modules/cart/_cart-320.scss */ .receipt-print-wrapper { position: relative; float: left; width: 100%; text-align: center; } /* line 416, ../scss/modules/cart/_cart-320.scss */ .receipt-print { position: relative; padding: 8px 15px; border: none; border-radius: 3px; background: #415f82; color: #FFFFFF; cursor: pointer; margin: 10px 2.5%; } /* line 426, ../scss/modules/cart/_cart-320.scss */ .guest-information-bar, .guest-list, .guest-list-item, .guest-list-fields, .guest-field-item, .guest-item-title, .guest-label, .guest-input, .guest-field-wrapper { position: relative; float: left; width: 100%; list-style: none; margin: 0; padding: 0; } /* line 434, ../scss/modules/cart/_cart-320.scss */ .guest-information-bar { font-size: 14px; color: #415f82; line-height: 18px; padding: 10px; text-align: left; } /* line 441, ../scss/modules/cart/_cart-320.scss */ .guest-list-item { opacity: 0; z-index: 1; max-height: 0; transition: opacity ease-in 0.4s; } /* line 446, ../scss/modules/cart/_cart-320.scss */ .guest-list-item.active-guest { opacity: 1; z-index: 99; max-height: 800px; padding: 10px; background: #f7f7f7; margin: 20px 10px; } /* line 455, ../scss/modules/cart/_cart-320.scss */ .guest-item-title { text-align: left; font-weight: bold; font-size: 18px; padding: 10px; } /* line 461, ../scss/modules/cart/_cart-320.scss */ .guest-label { width: 100%; padding: 5px 10px; font-size: 15px; line-height: 32px; text-align: left; } /* line 468, ../scss/modules/cart/_cart-320.scss */ .guest-input { width: calc(100% - 20px); padding: 12px 10px; margin: 0 10px; font-size: 16px; border: 1px #f9fafc solid; border-radius: 3px; margin-bottom: 5px; } /* line 477, ../scss/modules/cart/_cart-320.scss */ .guest-checkin-forward, .guest-checkin-back { position: relative; float: right; padding: 8px 10px; background: #7192b8; margin: 10px 0 10px 10px; color: #FFFFFF; border: none; border-radius: 3px; } /* line 486, ../scss/modules/cart/_cart-320.scss */ .guest-checkin-forward:hover, .guest-checkin-back:hover { background: #415f82; } /* line 490, ../scss/modules/cart/_cart-320.scss */ #stripe-button { z-index: 999; } /* line 492, ../scss/modules/cart/_cart-320.scss */ #stripe-button.payment-hidden { display: none; } /* line 496, ../scss/modules/cart/_cart-320.scss */ .autofill-wrapper { position: absolute; width: calc(40% - 1px); top: 45px; background: #fff; z-index: 99; margin-left: calc(15% + 1px); box-shadow: 0 3px 5px 2px rgba(155, 155, 155, 0.3); display: none; } /* line 505, ../scss/modules/cart/_cart-320.scss */ .autofill-wrapper.active { display: block; padding: 0 10px; } /* line 510, ../scss/modules/cart/_cart-320.scss */ .auto-fill-list, .autofill-item { position: relative; float: left; width: 100%; list-style: none; margin: 0; padding: 0; } /* line 518, ../scss/modules/cart/_cart-320.scss */ .autofill-item { padding: 5px 0; text-align: left; } /* line 521, ../scss/modules/cart/_cart-320.scss */ .autofill-item:hover { background: #f1f1f1; } /* line 525, ../scss/modules/cart/_cart-320.scss */ .autofill-text { position: relative; float: left; width: 100%; font-size: 16px; } /* line 531, ../scss/modules/cart/_cart-320.scss */ .payment-button { position: relative; float: right; margin: 0; overflow: hidden; display: inline-block; visibility: visible !important; background-image: -webkit-linear-gradient(#28a0e5, #015e94); background-image: -moz-linear-gradient(#28a0e5, #015e94); background-image: -ms-linear-gradient(#28a0e5, #015e94); background-image: -o-linear-gradient(#28a0e5, #015e94); background-image: -webkit-linear-gradient(#28a0e5, #015e94); background-image: -moz-linear-gradient(#28a0e5, #015e94); background-image: -ms-linear-gradient(#28a0e5, #015e94); background-image: -o-linear-gradient(#28a0e5, #015e94); background-image: linear-gradient(#28a0e5, #015e94); -webkit-font-smoothing: antialiased; border: 0; padding: 1px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; color: white; line-height: 32px; padding: 0 10px; font-weight: 600; z-index: 999; } @media screen and (min-width: 666px) { /* line 1, ../scss/modules/cart/_cart-666.scss */ .receipt-wrapper, .Receipt-title, .Receipt-leadText { width: 600px; margin-left: calc(50% - 300px); } /* line 5, ../scss/modules/cart/_cart-666.scss */ .receipt-map { width: 320px; height: 320px; margin-left: 140px; } /* line 9, ../scss/modules/cart/_cart-666.scss */ .receipt-map iframe { padding: 0; margin-left: -25px; width: 320px; height: 320px; } } @media screen and (min-width: 760px) { /* line 1, ../scss/modules/cart/_cart-760.scss */ .autofill-wrapper { width: calc(40% - 1px); } /* line 4, ../scss/modules/cart/_cart-760.scss */ .guest-label { width: 15%; } /* line 8, ../scss/modules/cart/_cart-760.scss */ .guest-input { width: 40%; } } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/cart/_cart-1024.scss */ .cart-holder { width: 80%; margin-left: 10%; margin-top: 45px; margin-bottom: -220px; } /* line 7, ../scss/modules/cart/_cart-1024.scss */ .cart-title { width: 90%; margin-left: 5%; } /* line 11, ../scss/modules/cart/_cart-1024.scss */ .cart-toolbar { width: 90%; margin-left: 5%; } /* line 15, ../scss/modules/cart/_cart-1024.scss */ .cart-toolbar-item { margin-top: 0; } /* line 17, ../scss/modules/cart/_cart-1024.scss */ .cart-toolbar-item:first-child { margin-top: 0; } /* line 22, ../scss/modules/cart/_cart-1024.scss */ .cart-item-headers { display: block; } /* line 25, ../scss/modules/cart/_cart-1024.scss */ .cart-item-people, .cart-item-people-heading, .cart-item-date-heading, cart-item-date { float: left; width: 20%; text-align: left; } /* line 30, ../scss/modules/cart/_cart-1024.scss */ .cart-item-total, .cart-item-total-heading { width: 20%; } /* line 33, ../scss/modules/cart/_cart-1024.scss */ .cart-item-title, .cart-item-title-heading { float: left; text-align: left; width: 40%; } /* line 38, ../scss/modules/cart/_cart-1024.scss */ .cart-item-people-item { float: left; text-align: left; } /* line 42, ../scss/modules/cart/_cart-1024.scss */ .cart-toolbar-item { width: 15%; margin-right: 20px; } } /* line 2, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder { position: fixed; width: 100%; height: 100vh; background: rgba(155, 155, 155, 0.7); z-index: 9999; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif; display: none; top: 0; padding-top: 20px; } /* line 12, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder.active-window { display: block; } /* line 16, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; background: #FFFFFF; } /* line 23, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-title-wrapper { position: relative; float: left; width: 100%; } /* line 28, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder-wrapper > h1 { position: relative; float: left; width: 100%; padding: 10px 20px; letter-spacing: 1px; color: #0b2141; background: #FFFFFF; z-index: 999; } /* line 38, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-fast-track { position: relative; float: right; list-style: none; padding: 0; } /* line 43, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-fast-track li { position: relative; float: left; width: 35px; height: 20px; line-height: 16px; margin-left: 2px; list-style: none; font-size: 15px; } /* line 53, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-fast-track button { position: relative; float: left; padding: 10px 8px 5px; font-size: 15px; } /* line 58, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-fast-track button.active-button { background: #32a1ff; } /* line 64, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder-wrapper > aside { position: absolute; top: 60px; width: 100%; height: calc(90vh - 60px); color: #0b2141; border-radius: 5px; padding: 20px; transition: all ease-in-out 1s; opacity: 0; } /* line 75, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder-wrapper > aside.inview { right: 0; left: 0; opacity: 1; } /* line 80, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder-wrapper > aside.left { left: -100%; } /* line 83, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder-wrapper > aside.right { left: 100%; } /* line 88, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-next-button, .ab-prev-button, .ab-left-panel > a > button { position: relative; float: left; margin-top: 20px; background: #006ecb; color: #FFFFFF; font-weight: 400; padding: 5px 10px; border: none; border-radius: 5px; margin-top: 10px; } /* line 100, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-save-button-wrapper { position: relative; float: right; margin-top: 10px; } /* line 105, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-save-button-wrapper > .ab-next-button { margin-top: 0; } /* line 108, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-next-button { float: right; } /* line 111, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-left-panel, .ab-right-panel, .ab-full-panel { position: relative; float: left; width: 100%; } /* line 117, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-left-panel, .ab-full-panel { overflow-y: scroll; } /* line 124, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-full-panel { height: calc(90vh - 150px); } /* line 126, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-full-panel label { width: 50%; margin-right: 50%; } /* line 131, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-left-panel, .video-editor > aside.ab-right-panel { position: relative; float: left; margin: 0; width: 50% !important; display: block !important; float: left !important; left: auto !important; right: auto !important; height: calc(100% - 70px) !important; top: 0; } /* line 143, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside > .ab-content { height: 100% !important; padding-bottom: 0; } /* line 147, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel { border-left: 1px solid rgba(155, 155, 155, 0.2); } /* line 150, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content { padding-bottom: 120px; } /* line 154, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-left-panel > .ab-content > ul > li:last-child { margin-bottom: 80px; } /* line 157, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content > ul > li > input { margin-bottom: 2px; } /* line 160, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content > ul > .tinymce-body.editable, .video-editor > aside.ab-right-panel > .ab-content > ul > li > .tinymce-body.editable, .video-editor > aside.ab-right-panel > .ab-content > ul > li > .tinymce-heading.editable { position: relative; float: left; min-height: 26px; min-width: 51%; padding: 5px; background: aliceblue !important; border: 1px solid rgba(133, 133, 133, 0.5); margin-bottom: 5px; } /* line 170, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content > ul > .tinymce-body.editable { min-width: 100%; } /* line 173, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content > ul > .tinymce-body.editable.l-50 { min-width: 50%; width: 50%; } /* line 177, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content > ul > .tbx { position: relative; float: right; width: 30%; padding: 3px 0; } /* line 183, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content > ul > .editable.mce-edit-focus { background: white !important; } /* line 186, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > .ab-right-panel > .ab-content > ul > li > div.Form-label-text { margin-left: 0; } /* line 189, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside.ab-right-panel > .ab-content > ul > li > button { margin: 3px 5px; } /* line 192, ../scss/modules/blurb-builder/_blurb-320.scss */ .video-editor > aside > .ab-footer { bottom: 0px; } /* line 195, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > aside > ul.droppable { position: relative; float: left; width: 100%; } /* line 201, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > aside > ul.droppable > li.reorderable { margin: 0 3px 10px 3px; height: 38px; } /* line 205, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > aside > ul.droppable > li.reorderable > span { position: relative; margin: 0 3px 10px 3px; float: left; width: 100%; text-align: center; font-size: 1.4em; border: solid 1px rgba(133, 133, 133, 0.4); padding: 0.25em; height: 38px; } /* line 216, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > aside > ul.droppable > li.reorderable > span > i { position: absolute; left: 10px; font-size: 0.75em; padding-top: 5px; cursor: pointer; } /* line 223, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > aside > ul.droppable > li.reorderable > span > em { position: absolute; right: 10px; font-size: 0.75em; padding-top: 5px; cursor: pointer; } /* line 230, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > aside > ul.droppable > .item-placeholder { margin: 0 3px 10px 3px; font-size: 1.4em; border: solid 1px rgba(133, 133, 133, 0.4); height: 38px; } /* line 236, ../scss/modules/blurb-builder/_blurb-320.scss */ #confirm-callout-longer > .quiz-editor-callout { padding: 0; height: 700px; } /* line 240, ../scss/modules/blurb-builder/_blurb-320.scss */ #confirm-callout-longer > .quiz-editor-callout > aside { padding: 20px; } /* line 243, ../scss/modules/blurb-builder/_blurb-320.scss */ #confirm-callout-longer > .quiz-editor-callout > h3 { margin-top: 0; padding: 10px; height: 50px; } /* line 248, ../scss/modules/blurb-builder/_blurb-320.scss */ .kbyg-win > .account-builder-wrapper > aside > .kbyg > ul > li { position: relative; float: left; width: 100%; margin-bottom: 20px; } /* line 254, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-paring { position: relative; float: left; width: 100%; } /* line 259, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-paring:after { content: ""; height: 26px; right: calc(30% - 40px); position: absolute; top: 15px; width: 40px; border-right: 2px solid rgba(155, 155, 155, 0.8); } /* line 269, ../scss/modules/blurb-builder/_blurb-320.scss */ #add-question { margin-top: 40px; } /* line 272, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-paring.upper:after { border-top: 2px solid rgba(155, 155, 155, 0.8); } /* line 275, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-paring.lower:after { border-bottom: 2px solid rgba(155, 155, 155, 0.8); top: -5px; } /* line 279, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout { position: relative; float: left; width: 100%; height: 250px; padding: 0; } /* line 286, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > aside { position: relative; float: left; width: 100%; padding-top: 20px; } /* line 292, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > h3 { position: relative; float: left; width: 100%; height: 30px; background: #2d62b9; color: white; padding: 5px 20px; margin-bottom: 20px; } /* line 302, ../scss/modules/blurb-builder/_blurb-320.scss */ .quiz-editor-callout > .footer { position: absolute; bottom: 0; left: 0; width: 300px; height: 30px; border-top: rgba(155, 155, 155, 0.3); } /* line 310, ../scss/modules/blurb-builder/_blurb-320.scss */ #confirm-callout-longer > .quiz-editor-callout > .footer { height: 50px; width: 460px; padding: 10px 20px; background: #193767; } /* line 316, ../scss/modules/blurb-builder/_blurb-320.scss */ #confirm-callout > .quiz-editor-callout > .footer > button, #confirm-callout-longer > .quiz-editor-callout > .footer > button { position: relative; float: left; margin-left: 0; } /* line 321, ../scss/modules/blurb-builder/_blurb-320.scss */ #confirm-callout-longer > .quiz-editor-callout > .footer > button { background: white; padding: 5px 10px; border: #7099dc; border-radius: 3px; font-weight: 600; } /* line 328, ../scss/modules/blurb-builder/_blurb-320.scss */ #confirm-callout > .quiz-editor-callout > .footer > button.right, #confirm-callout-longer > .quiz-editor-callout > .footer > button.right { float: right; margin-right: 0; } /* line 332, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel { display: none; } /* line 335, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul { padding: 10px; } /* line 338, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul:nth-child(2n) { background: #f7f7f7; } /* line 341, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content { position: relative; float: left; width: 100%; padding: 20px; height: calc(100vh - 186px) !important; overflow-y: scroll; padding-bottom: 50px; } /* line 350, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul { position: relative; float: left; width: 100%; list-style: none; } /* line 356, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul > li { position: relative; float: left; width: 100%; margin: 5px 0; } /* line 362, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul > li { margin: 0; } /* line 365, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul > li > div.Form-label-text { position: relative; float: left; width: calc(100% - 50px); margin-left: 10px; padding: 10px; } /* line 372, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul > li > label { position: relative; float: left; width: 20px; padding: 10px; } /* line 378, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul > li > label.l-50 { width: 50%; } /* line 381, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul > li > div.l-50 { width: 50%; } /* line 384, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul > li > label.l-100 { width: 100%; } /* line 387, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-right-panel > .ab-content > ul > li > div.l-100 { width: 100%; } /* line 391, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul > li > input { position: relative; float: left; width: 70%; padding: 5px 10px; } /* line 397, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul > li > ul { position: relative; float: left; width: calc(30% - 10px); margin-left: 10px; } /* line 403, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul > li > ul > a { position: relative; float: right; text-decoration: none; } /* line 408, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul > li > ul > li, .ab-content > ul > li > ul > a > li { position: relative; float: right; width: 90px; height: 32px; margin-right: 1px; background: #2d62b9; border-radius: 3px; color: white; text-align: center; padding: 5px; cursor: pointer; } /* line 421, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul > li > ul > li > span { position: relative; width: calc(100% - 20px); line-height: 24px; font-size: 14px; } /* line 428, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-content > ul > li > ul > li > em, .ab-content > ul > li > ul > li > i, .ab-content > ul > li > ul > a > li > em, .ab-content > ul > li > ul > a > li > i { position: relative; width: 20px; line-height: 24px; font-size: 11px; top: 1px !important; text-align: center; padding: 0px 5px 1px; } /* line 437, ../scss/modules/blurb-builder/_blurb-320.scss */ .ab-footer { position: absolute; bottom: 0; height: 70px; padding: 8px 40px 0; box-shadow: 0 -2px 14px 0px rgba(155, 155, 155, 0.3); background: #FFFFFF; z-index: 999; width: 100%; left: 0; overflow-x: hidden; } /* line 450, ../scss/modules/blurb-builder/_blurb-320.scss */ .Form-label, .Form-label--spanAll { position: relative; float: left; border: 1px solid rgba(155, 155, 155, 0.3); border-radius: 3px; position: relative; width: 100%; display: block; padding: 0; margin-bottom: 20px; } /* line 460, ../scss/modules/blurb-builder/_blurb-320.scss */ .Form-label .Form-label-text, .Form-label--spanAll .Form-label-text { position: relative; float: left; width: calc(100% - 100px); margin-left: 5px; } /* line 465, ../scss/modules/blurb-builder/_blurb-320.scss */ .Form-label .Form-label-text.body-text, .Form-label--spanAll .Form-label-text.body-text { height: 150px; } /* line 470, ../scss/modules/blurb-builder/_blurb-320.scss */ .Form-label .Form-input, .Form-label .Form-inputHolder, .Form-label--spanAll .Form-input, .Form-label--spanAll .Form-inputHolder { width: 92.5%; margin-left: 7.5%; float: left; cursor: selector; } /* line 475, ../scss/modules/blurb-builder/_blurb-320.scss */ .Form-label .Form-input.auto-width, .Form-label .Form-inputHolder.auto-width, .Form-label--spanAll .Form-input.auto-width, .Form-label--spanAll .Form-inputHolder.auto-width { width: auto; margin-right: 15px; } /* line 482, ../scss/modules/blurb-builder/_blurb-320.scss */ .Form-label .Form-inputHolder .Form-input, .Form-label--spanAll .Form-inputHolder .Form-input { width: 100%; margin: 0; } /* line 487, ../scss/modules/blurb-builder/_blurb-320.scss */ .Form-label.no-border, .Form-label--spanAll.no-border { border: none; } /* line 493, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder .Form-input, .program-builder .Form-input { border: none; width: 100%; margin-left: 0; font-size: 1.2em; margin-top: 0; padding: 10px 20px; cursor: text; min-height: 44px; max-height: 200px; font-weight: 400; overflow-y: scroll; } /* line 505, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder .Form-input ul, .program-builder .Form-input ul { list-style: disc; padding: 10px; } /* line 508, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder .Form-input ul li, .program-builder .Form-input ul li { margin-left: 10px; } /* line 512, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder .Form-input.checkbox, .program-builder .Form-input.checkbox { width: 100%; left: -140px; top: 14px; } /* line 518, ../scss/modules/blurb-builder/_blurb-320.scss */ .account-builder .Form-label-icon, .program-builder .Form-label-icon { position: absolute; top: 34px; left: -6px; color: #006ecb; padding: 0 10px; font-size: 12px; } /* line 528, ../scss/modules/blurb-builder/_blurb-320.scss */ .program-select { margin-bottom: 20px; } /* line 530, ../scss/modules/blurb-builder/_blurb-320.scss */ .program-select span { position: relative; float: left; font-weight: bold; width: 100%; margin-bottom: 5px; } /* line 537, ../scss/modules/blurb-builder/_blurb-320.scss */ .program-select select { position: relative; float: left; border: none; font-size: 1.2em; min-width: 250px; margin-bottom: 20px; } /* line 545, ../scss/modules/blurb-builder/_blurb-320.scss */ .program-select .Form-label-icon { position: relative; float: left; margin-right: 20px; top: 0; } /* line 552, ../scss/modules/blurb-builder/_blurb-320.scss */ .click-close { position: fixed; width: 100vw; height: 100vh; z-index: 0; } /* line 557, ../scss/modules/blurb-builder/_blurb-320.scss */ .click-close em { position: absolute; top: 10px; right: 30px; color: white; font-size: 24px; z-index: 99999; height: 24px; background: transparent; width: 24px; font-weight: 600; text-transform: lowercase; } /* line 571, ../scss/modules/blurb-builder/_blurb-320.scss */ #logo-img-editor-wrapper { height: auto; width: 100%; margin-bottom: 50px; } /* line 576, ../scss/modules/blurb-builder/_blurb-320.scss */ #booking-main-logo { height: auto; width: 100%; } /* line 580, ../scss/modules/blurb-builder/_blurb-320.scss */ #image-wrapper-logo-1 { width: 100% !important; } /* line 583, ../scss/modules/blurb-builder/_blurb-320.scss */ #image-editor-logo { height: calc(100vh - 80px); top: 80px; } /* line 587, ../scss/modules/blurb-builder/_blurb-320.scss */ #image-wrapper-logo-Square-1 { width: 100%; } /* line 590, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb { position: relative; float: left; width: 100%; padding: 20px; background: #f3f3f3; } /* line 596, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb .section-edit-button { background: #FFFFFF; margin-top: 10px; } /* line 599, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb .section-edit-button:hover { background: #99d5ff; } /* line 603, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb picture, .blurb figure { position: relative; float: left; width: 100%; } /* line 607, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb picture img, .blurb picture source, .blurb figure img, .blurb figure source { position: relative; float: left; width: 100%; } /* line 614, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-header { font-size: 1.4em; } /* line 617, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option { float: left; width: 100%; line-height: 60px; cursor: pointer; border-radius: 3px; margin-bottom: 5px; } /* line 624, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option .Form-label { border: none; padding: 0; margin: 0; cursor: pointer; text-transform: capitalize; } /* line 631, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option.selected { background: #33abff; } /* line 634, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option:hover { background: #99d5ff; } /* line 637, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option i { position: relative; float: left; margin-right: 10px; background-image: url(../../img/ui/sitewide/blurbicons.png); background-repeat: no-repeat; height: 60px; width: 60px; } /* line 645, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option i.lower-page-blurb { background-position: 0 0; } /* line 648, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option i.landscape-image-blurb { background-position: -60px 0; } /* line 651, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option i.portrait-image-blurb { background-position: 0 -60px; } /* line 654, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option i.expanding-image-blurb { background-position: 0 -120px; } /* line 657, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option i.column-text-blurb { background-position: -60px -120px; } /* line 660, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-option i.slide-show-blurb { background-position: -60px -60px; } /* line 665, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-thumb-img { position: relative; float: left; margin-left: 20px; width: 33%; margin-right: calc(67% - 20px); } /* line 672, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-thumb-img img { position: relative; float: left; width: 100%; } /* line 678, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-landscape-img { position: relative; float: left; width: 80%; } /* line 682, ../scss/modules/blurb-builder/_blurb-320.scss */ .blurb-landscape-img img { position: relative; float: left; width: 100%; } /* line 688, ../scss/modules/blurb-builder/_blurb-320.scss */ blurb > .Page-body-text { position: relative; float: left; } @media screen and (min-width: 600px) { /* line 2, ../scss/modules/blurb-builder/_blurb-600.scss */ .account-builder-wrapper { width: 80vw; height: 100vh; margin-left: 10vw; border-radius: 5px; } /* line 8, ../scss/modules/blurb-builder/_blurb-600.scss */ .account-builder-wrapper.longer { height: 90vh; overflow-y: scroll; } /* line 12, ../scss/modules/blurb-builder/_blurb-600.scss */ .account-builder-wrapper.longer > #ab-1 { height: 90vh; top: 0; } /* line 16, ../scss/modules/blurb-builder/_blurb-600.scss */ .account-builder-wrapper.longer > .ab-footer { width: 180px; right: 0; left: auto; box-shadow: none; height: 60px; } /* line 23, ../scss/modules/blurb-builder/_blurb-600.scss */ .ab-left-panel, .ab-right-panel { width: 50%; } /* line 26, ../scss/modules/blurb-builder/_blurb-600.scss */ .ab-right-panel { display: block; background-repeat: no-repeat; background-size: 300px 300px; } /* line 31, ../scss/modules/blurb-builder/_blurb-600.scss */ .ab-right-panel figure { position: relative; float: left; width: 100%; height: 300px; font-style: italic; letter-spacing: 3px; } /* line 38, ../scss/modules/blurb-builder/_blurb-600.scss */ .ab-right-panel figure.ab-img-1 { background-image: url(../ui/colosseum.png); } /* line 41, ../scss/modules/blurb-builder/_blurb-600.scss */ .ab-right-panel figure.ab-img-2 { background-image: url(../ui/arch-of-constantine.png); } /* line 44, ../scss/modules/blurb-builder/_blurb-600.scss */ .ab-right-panel figure.ab-img-3 { background-image: url(../ui/temple-of-saturn.png); } /* line 48, ../scss/modules/blurb-builder/_blurb-600.scss */ .ab-right-panel figcaption { position: relative; float: left; width: 100%; height: 100px; font-size: 1.8em; font-family: "Overlock"; color: #8d2229; text-align: center; padding: 0 50px; margin-top: -50px; } } @media screen and (min-width: 1024px) { /* line 2, ../scss/modules/blurb-builder/_blurb-1024.scss */ .account-builder-wrapper { width: 700px; height: 90vh; margin-left: calc(50% - 350px); border-radius: 5px; overflow-y: scroll; padding-bottom: 50px; } /* line 10, ../scss/modules/blurb-builder/_blurb-1024.scss */ .account-builder-wrapper.wider { width: 80vw; margin-left: 10vw; padding: 20px; } /* line 15, ../scss/modules/blurb-builder/_blurb-1024.scss */ .account-builder-wrapper > aside { height: calc(90vh - 60px); } /* line 18, ../scss/modules/blurb-builder/_blurb-1024.scss */ .ab-left-panel, .ab-right-panel { height: calc(90vh - 80px); padding-bottom: 80px; } /* line 22, ../scss/modules/blurb-builder/_blurb-1024.scss */ .ab-left-panel { margin-right: 80px; } /* line 25, ../scss/modules/blurb-builder/_blurb-1024.scss */ .ab-right-panel { width: 33%; margin-bottom: 0; margin-right: 0; } /* line 30, ../scss/modules/blurb-builder/_blurb-1024.scss */ .ab-3-lp { width: calc(100% - 40px); height: calc(90vh - 80px); padding-bottom: 80px; margin-right: 0; padding-right: 0; padding-left: 20px; } } /* line 2, ../scss/modules/msg/_msg-320.scss */ .messenger-window { padding: 0; } /* line 6, ../scss/modules/msg/_msg-320.scss */ .account-builder.active-window.messenger-window { background: rgba(255, 255, 255, 0.6); } /* line 11, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger { height: 100vh; } /* line 13, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger aside { height: calc(100vh - 62px); padding: 20px 0 0; width: 100%; } /* line 19, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger h1 { background: #2d62b9; color: white; } /* line 23, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger h3 { color: #555; font-weight: 300; padding: 10px; } /* line 28, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger h5 { padding: 10px 20px; color: #555; } /* line 32, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger em, #blurb-editor .account-builder-wrapper.messenger i { top: 5px; } /* line 35, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger .sisto-sub-list > .sisto-menu-list-item { color: #555; background: rgba(233, 233, 233, 0.8); } /* line 38, ../scss/modules/msg/_msg-320.scss */ #blurb-editor .account-builder-wrapper.messenger .sisto-sub-list > .sisto-menu-list-item:nth-child(2n - 1) { background: white; } /* line 45, ../scss/modules/msg/_msg-320.scss */ #blurb-editor > .account-builder-wrapper.messenger > h1, #blurb-editor > .account-builder-wrapper.messenger-window > h1 { margin-top: 0; padding: 10px 20px; font-size: 18px; } /* line 50, ../scss/modules/msg/_msg-320.scss */ #blurb-editor > .account-builder-wrapper.messenger > h1 > em, #blurb-editor > .account-builder-wrapper.messenger-window > h1 > em { right: 5px; } /* line 53, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .original-wrapper { position: relative; float: left; width: 100%; background: white; color: #555; max-height: 160px; min-height: 60px; overflow-y: scroll; } /* line 63, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up > .original-wrapper > .msg-body, #msg-feed > aside > .original-wrapper > .msg-body { position: relative; float: left; width: 100%; color: #555; font-weight: 400; padding: 10px 20px; } /* line 72, ../scss/modules/msg/_msg-320.scss */ .enrolment-list > .enrolment-user > .enrolment-classes > .enrolment-item > h5 { color: white !important; } /* line 75, ../scss/modules/msg/_msg-320.scss */ #blurb-editor > account-builder-wrapper.messenger { background: white; } /* line 79, ../scss/modules/msg/_msg-320.scss */ #blurb-editor > account-builder-wrapper.messenger > section, .account-builder-wrapper.messenger > section { position: relative; float: left; width: 100%; overflow-y: scroll; padding: 40px; height: calc(100vh - 200px); } /* line 87, ../scss/modules/msg/_msg-320.scss */ .account-builder-wrapper.messenger > section > h4 { position: relative; float: left; width: 100%; } /* line 92, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list > li > .feed-right-block > .feed-rb-top > h4 > em { position: absolute; top: 5px; right: 3px; } /* line 97, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list > li > .feed-right-block > .feed-rb-top > h4 > i { position: absolute; top: 5px; right: 3px; } /* line 102, ../scss/modules/msg/_msg-320.scss */ .msg-wrapper { position: relative; float: left; width: 100%; padding: 0 20px !important; } /* line 107, ../scss/modules/msg/_msg-320.scss */ .msg-wrapper label { position: relative; float: left; width: 100%; margin-top: 15px; } /* line 114, ../scss/modules/msg/_msg-320.scss */ .msg-wrapper [contenteditable] { caret-color: white; } /* line 118, ../scss/modules/msg/_msg-320.scss */ .msg-wrapper > label { color: #555; } /* line 121, ../scss/modules/msg/_msg-320.scss */ #msg-title-editor, #msg-body-editor { position: relative; float: left; width: 100%; margin-top: 10px; line-height: 1.4em; font-size: 1.2em; padding: 5px; border: 1px solid rgba(233, 233, 233, 0.3); background: rgba(233, 233, 233, 0.2); box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); border-radius: 3px; caret-color: #555; color: #555; } /* line 136, ../scss/modules/msg/_msg-320.scss */ .msg-file-wrapper > #files-input-button { background: #2d62b9; color: #FFFFFF; cursor: pointer; } /* line 142, ../scss/modules/msg/_msg-320.scss */ .msg-file-wrapper > #files-input-button:hover { background: #477cd2; } /* line 145, ../scss/modules/msg/_msg-320.scss */ #msg-title-editor { min-height: 36px; } /* line 148, ../scss/modules/msg/_msg-320.scss */ #msg-body-editor { min-height: 100px; } /* line 151, ../scss/modules/msg/_msg-320.scss */ .msg-file-wrapper { position: relative; float: left; margin-top: 15px; padding: 0; width: 100%; } /* line 157, ../scss/modules/msg/_msg-320.scss */ .msg-file-wrapper span { left: 0; text-align: left; text-indent: 20px; } /* line 161, ../scss/modules/msg/_msg-320.scss */ .msg-file-wrapper span em { position: absolute; right: 0px; top: 2px; width: 40px; height: 40px; font-size: 14px; } /* line 171, ../scss/modules/msg/_msg-320.scss */ .msg-file-wrapper .academics-add-file-button { background: rgba(22, 22, 22, 0.2); } /* line 173, ../scss/modules/msg/_msg-320.scss */ .msg-file-wrapper .academics-add-file-button:hover { background: rgba(22, 22, 22, 0.6); } /* line 178, ../scss/modules/msg/_msg-320.scss */ #msg-file-loader { position: absolute; right: 3px; top: 2px; width: 30px; height: 25px; background-position: 0; background-color: #006ecb; background-image: url("../ui/white_spinner.gif"); background-size: 40px 40px; background-repeat: no-repeat; display: none; } /* line 190, ../scss/modules/msg/_msg-320.scss */ #msg-file-loader.loading { display: block; z-index: 99; } /* line 196, ../scss/modules/msg/_msg-320.scss */ #msg-file-list { position: relative; float: left; margin-top: 5px; list-style: none; width: 200px; display: table; } /* line 204, ../scss/modules/msg/_msg-320.scss */ #msg-file-list li { padding: 5px 0 5px 10px; margin-bottom: 1px; position: relative; float: left; width: 100%; background-color: rgba(155, 155, 155, 0.6); color: white; border-radius: 3px; } /* line 213, ../scss/modules/msg/_msg-320.scss */ #msg-file-list li span { position: relative; float: left; width: 170px; display: block; } /* line 219, ../scss/modules/msg/_msg-320.scss */ #msg-file-list li em { position: relative; float: left; width: 20px; text-align: center; } /* line 224, ../scss/modules/msg/_msg-320.scss */ color:rgba(255,255,255,0.6) #msg-file-list li em:hover { cursor: pointer; color: white; } /* line 232, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list, .enrolment-list { position: relative; float: left; width: 100%; list-style: none; color: white; overflow-y: scroll; padding-bottom: 200px; height: calc(94vh - 62px); background: #161616; } /* line 242, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list li, .enrolment-list li { position: relative; float: left; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding: 5px 10px; background: rgba(211, 211, 211, 0.2); cursor: pointer; } /* line 250, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list li:nth-child(2n), .enrolment-list li:nth-child(2n) { background: rgba(211, 211, 211, 0.1); } /* line 253, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list li:last-child, .enrolment-list li:last-child { border-bottom: none; } /* line 257, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list h4, .enrolment-list h4 { position: relative; float: left; width: 100%; margin: 0; font-size: 1em; } /* line 263, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list h4 em, .enrolment-list h4 em { font-size: 0.6em; float: right; padding: 8px 10px 0; } /* line 268, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list h4 i, .enrolment-list h4 i { position: absolute; right: 7px; top: 4px; font-size: 10px; font-weight: bold; color: #000; } /* line 275, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list h4 i.double, .enrolment-list h4 i.double { right: 4px; } /* line 280, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list h3, .enrolment-list h3 { color: white !important; } /* line 283, ../scss/modules/msg/_msg-320.scss */ .msg-feed-list p, .msg-feed-list span, .enrolment-list p, .enrolment-list span { position: relative; float: left; font-size: 1em; text-indent: 0.9px; } /* line 290, ../scss/modules/msg/_msg-320.scss */ .enrolment-list > .enrolment-user > h4 > em { margin-right: calc(4.5% - 2px); } /* line 298, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up h2, #msg-feed > aside h2 { position: relative; float: left; padding: 5px 20px; margin: 0; width: 100%; font-size: 24px; color: #555; } /* line 307, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up h3, #msg-feed > aside h3 { position: relative; float: left; width: 100%; padding: 5px 10px; margin: 10px 0 0; font-size: 18px; color: #555; } /* line 317, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .footnote, #msg-feed > aside .footnote { position: relative; float: left; text-align: right; width: 100%; margin: 0; padding: 4px 20px; font-size: 12px; margin-bottom: 20px; } /* line 329, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .feed-files, #msg-feed > aside .feed-files { position: absolute; background: #e9e9e9; border-radius: 0 0 3px 3px; top: 36px; left: 0; width: 220px; padding: 3px 20px; text-align: right; word-wrap: break-word; display: none; } /* line 340, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .feed-files.open-list, #msg-feed > aside .feed-files.open-list { display: block; z-index: 99; } /* line 344, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .feed-files ul, #msg-feed > aside .feed-files ul { position: relative; float: right; width: calc(100% - 20px); } /* line 349, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .feed-files li, #msg-feed > aside .feed-files li { position: relative; float: right; width: 100%; } /* line 354, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .feed-files a, #msg-feed > aside .feed-files a { position: relative; float: right; width: 100%; color: #555; text-decoration: none; } /* line 360, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .feed-files a:hover, #msg-feed > aside .feed-files a:hover { color: #2d62b9; } /* line 364, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .feed-files em, #msg-feed > aside .feed-files em { font-size: 10px; padding: 4px 10px; float: right; } /* line 370, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .new-feed, #msg-feed > aside .new-feed { position: relative; float: right; background: rgba(155, 155, 155, 0.2); color: white; border: none; border-radius: 3px; margin-top: 8px; padding: 8px 10px; } /* line 379, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .new-feed:hover, #msg-feed > aside .new-feed:hover { box-shadow: 0 0 3px 2px rgba(133, 133, 133, 0.6); } /* line 383, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .ab-prev-button, #msg-feed > aside > .left-720up .ab-next-button, #msg-feed > aside .ab-prev-button, #msg-feed > aside .ab-next-button { background: #2d62b9; } /* line 385, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .ab-prev-button:hover, #msg-feed > aside > .left-720up .ab-next-button:hover, #msg-feed > aside .ab-prev-button:hover, #msg-feed > aside .ab-next-button:hover { background: #7099dc; } /* line 389, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .ab-footer, #msg-feed > aside .ab-footer { transition: height ease-in 0.4s; background: #FFFFFF; box-shadow: 0 -3px 4px 0px rgba(133, 133, 133, 0.2); bottom: 40px; } /* line 395, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .ab-footer.message-open, #msg-feed > aside .ab-footer.message-open { height: 330px; padding: 8px 20px 0; } /* line 398, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .ab-footer.message-open #msg-editor-wrapper, #msg-feed > aside .ab-footer.message-open #msg-editor-wrapper { display: block; padding-bottom: 40px; } /* line 402, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up .ab-footer.message-open .ab-prev-button, #msg-feed > aside .ab-footer.message-open .ab-prev-button { display: none; } /* line 408, ../scss/modules/msg/_msg-320.scss */ #msg-editor-wrapper > button, .bottom-toolbar > button { border: none; background: white; width: 120px; float: right; margin: 10px; } /* line 415, ../scss/modules/msg/_msg-320.scss */ #msg-editor-wrapper > button > em, .bottom-toolbar > button > em { color: #888888; top: 0px !important; } /* line 420, ../scss/modules/msg/_msg-320.scss */ .feed-left-block, .feed-right-block { position: relative; float: left; width: 70px; margin: 5px 0; } /* line 426, ../scss/modules/msg/_msg-320.scss */ .feed-left-block { border-right: 1px solid rgba(155, 155, 155, 0.5); } /* line 428, ../scss/modules/msg/_msg-320.scss */ .feed-left-block em { position: relative; float: left; margin: 0 10px; width: 50px; height: 50px; border-radius: 25px; border: 3px solid rgba(155, 155, 155, 0.5); text-align: center; line-height: 46px; font-size: 26px; } /* line 440, ../scss/modules/msg/_msg-320.scss */ .feed-left-block span { position: relative; margin: 8px 0 0; width: 70px; height: 16px; line-height: 16px; font-size: 12px; text-align: center; } /* line 450, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up > .toolbar { position: relative; float: left; width: 100%; border-top: 1px solid rgba(133, 133, 133, 0.2); padding: 10px 0; background: white; height: 90px; } /*#msg-feed > aside > .toolbar > .actions > button{ position:relative; float:left; margin:20px 0; padding:10px 10px; width:100px; box-shadow:0 0 1px 1px rgba(155,155,155,0.4); border-radius:5px; cursor:pointer; } #msg-feed > aside > .toolbar > .actions > button > span{ position:relative; float:left; border-left:solid 1px rgba(155,155,155,0.4); text-align:center; font-size:16px; width:calc(100% - 32px); } #msg-feed > aside > .toolbar > .actions > button > em { position:relative; float:left; width:32px; height:20px; font-size:12px; line-height:12px; padding: 8px 7px; }*/ /* line 488, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up > .toolbar > .actions > button, #msg-feed > aside > .ab-footer > button { border: none; background: white; width: 200px; margin: 10px calc(50% - 100px); } /* line 495, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up > .toolbar > .actions > button.dash-button { width: 150px; margin: 10px calc(50% - 60px); } /* line 499, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up > .toolbar > .actions > button.dash-button > span { padding-left: 10px; } /* line 502, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .ab-footer > button { width: 120px; margin: 4px calc(50% - 60px); } /* line 506, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .ab-footer > button.new-feed { width: 160px; margin: 10px calc(50% - 80px); background: #2d62b9; } /* line 511, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .ab-footer > button.ab-prev-button, #msg-feed > aside > .ab-footer > button.ab-next-button { background: #2d62b9; margin: 10px; color: white; } /* line 516, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .ab-footer { position: fixed; bottom: 0; } /* line 520, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside#ab-1 { overflow-y: scroll; padding-bottom: 72px; } /* line 524, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up > .toolbar > .actions > button > em, #msg-feed > aside > .ab-footer > button > em, #msg-feed > aside > .right-720up > .toolbar > .actions > button > em { top: 0 !important; color: #888888; } /* line 530, ../scss/modules/msg/_msg-320.scss */ #msg-feed > aside > .left-720up > .toolbar > .actions { position: relative; float: left; width: 50%; } /* line 536, ../scss/modules/msg/_msg-320.scss */ .feed-right-block { width: calc(100% - 70px); padding-left: 10px; } /* line 540, ../scss/modules/msg/_msg-320.scss */ .feed-rb-top, .feed-rb-bottom { position: relative; float: left; width: 100%; } /* line 546, ../scss/modules/msg/_msg-320.scss */ .feed-rb-top { height: 50px; line-height: 16px !important; font-size: 12px !important; overflow-y: hidden; padding-right: 10px; } /* line 553, ../scss/modules/msg/_msg-320.scss */ .feed-rb-bottom { height: 20px; margin: 8px 0 0; line-height: 16px; font-size: 12px; } /* line 559, ../scss/modules/msg/_msg-320.scss */ .frbb-left, .frbb-right { position: relative; float: left; width: 100%; padding-right: 10px; } /* line 565, ../scss/modules/msg/_msg-320.scss */ .frbb-right { text-align: left; margin-bottom: 8px; } /* line 569, ../scss/modules/msg/_msg-320.scss */ #msg-editor-wrapper { display: none; position: relative; float: left; width: calc(100vw - 40px); /*button{ position:relative; float:right; width:auto; margin: 10px; border:none; color:white; background: rgba(55, 55, 55, 0.6); border-radius:3px; padding:7px 10px; font-size:16px; line-height:16px; transition:background ease-in 0.3s; &:hover{ background:rgba(0,0,0,0.8); } }*/ } /* line 574, ../scss/modules/msg/_msg-320.scss */ #msg-editor-wrapper [contenteditable] { caret-color: white; } /* line 599, ../scss/modules/msg/_msg-320.scss */ #msg-editor-wrapper > #msg { position: relative; float: left; width: 100%; min-height: 200px; border: 1px solid rgba(200, 200, 200, 0.4); border-radius: 5px; background: #e9e9e9; margin-top: 15px; padding: 10px; color: #555; caret-color: #2d62b9; } /* line 612, ../scss/modules/msg/_msg-320.scss */ .msg-list-wrapper { position: relative; float: left; width: 100%; height: calc(100vh - 320px); overflow-Y: scroll; background: white; color: #555; } /* line 622, ../scss/modules/msg/_msg-320.scss */ .msg-list { position: relative; float: left; width: 100%; padding: 20px 20px 150px; } /* line 627, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item { position: relative; float: left; width: 100%; margin-bottom: 10px; } /* line 634, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item span.js-global { margin-top: 5px; margin-left: 10px; position: relative; float: right; font-size: 12px; cursor: pointer; } /* line 641, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item span.js-global.inactive { display: none; } /* line 646, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item p { text-align: left; margin: 0; } /* line 650, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper { width: 80%; float: right; padding: 10px; background: #2d62b9; color: white; border-radius: 5px; } /* line 657, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-reply-list { position: relative; float: left; width: 100%; max-height: 0; overflow: hidden; transition: max-height ease-in 0.3s; } /* line 664, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-reply-list ul, .msg-list .msg-list-item .msg-post-wrapper .msg-reply-list li, .msg-list .msg-list-item .msg-post-wrapper .msg-reply-list em { position: relative; float: left; width: 100%; } /* line 670, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-reply-list.expanded { max-height: 10000px; } /* line 673, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-reply-list .msg-reply-wrapper { position: relative; float: left; width: 100%; padding: 10px; margin: 5px 0 0; background: #326dcd; border-radius: 5px; } /* line 681, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-reply-list .msg-reply-wrapper em { float: right; font-size: 12px; cursor: pointer; } /* line 688, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper.comment, .msg-list .msg-list-item .msg-post-wrapper.reply { float: left; padding-right: 0; background: rgba(233, 233, 233, 0.8); color: #555; } /* line 694, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper.comment .msg-reply-list li, .msg-list .msg-list-item .msg-post-wrapper.reply .msg-reply-list li { background: rgba(0, 0, 0, 0.55); } /* line 699, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper.reply { margin-left: 30px; } /* line 702, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper.comment { padding-right: 10px; } /* line 706, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-reply-replyto i { position: relative; float: left; width: 100%; } /* line 712, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-reply-replyto ul li { background: none !important; } /* line 718, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-list-item .msg-post-wrapper .msg-footnote { position: relative; float: left; text-align: right; width: 100%; margin: 0; padding: 4px 0; font-size: 12px; margin-bottom: 0; color: white; } /* line 732, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-reply-wrapper { background: rgba(133, 133, 133, 0.4); } /* line 734, ../scss/modules/msg/_msg-320.scss */ .msg-list .msg-reply-wrapper p > i { width: 100%; background: rgba(133, 133, 133, 0.2); padding: 3px; position: relative; float: left; border-radius: 3px; color: #65b8ff; } /* line 745, ../scss/modules/msg/_msg-320.scss */ .msg-list > .msg-list-item > .msg-post-wrapper > .msg-footnote { color: white; } /* line 748, ../scss/modules/msg/_msg-320.scss */ .msg-list > .msg-list-item > .msg-post-wrapper.comment > .msg-footnote, .msg-list > .msg-list-item > .msg-post-wrapper.reply > .msg-footnote { color: #555; } /* line 751, ../scss/modules/msg/_msg-320.scss */ .msg-post-wrapper > comment > span.js-global { color: #555; } /* line 755, ../scss/modules/msg/_msg-320.scss */ .more-items.inactive { display: none; } /* line 758, ../scss/modules/msg/_msg-320.scss */ .more-items h3 { padding: 10px; font-size: 16px; text-align: right; } /* line 764, ../scss/modules/msg/_msg-320.scss */ .ab-loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } /* line 771, ../scss/modules/msg/_msg-320.scss */ .ab-loader.loading { display: block; background-repeat: no-repeat; background: rgba(155, 155, 155, 0.6); background-position: 40% 40%; background-size: 90%; background-image: url("../ui/white_spinner.gif"); } /* line 780, ../scss/modules/msg/_msg-320.scss */ .to-wrapper { position: relative; float: left; font-size: 12px; line-height: 14px; min-width: 100%; max-width: 100%; border-radius: 5px; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); max-height: 58px; } /* line 792, ../scss/modules/msg/_msg-320.scss */ .to-wrapper > div { position: relative; float: left; padding: 5px 10px; cursor: text; width: 100%; } /* line 799, ../scss/modules/msg/_msg-320.scss */ #address-wrapper { position: relative; float: left; overflow-y: scroll; max-height: 58px; padding-right: 5px; } /* line 806, ../scss/modules/msg/_msg-320.scss */ #address-wrapper > li { position: relative; float: left; padding: 4px 9px; border: solid 1px #99b6e6; border-radius: 5px; margin: 5px 0 5px 5px; } /* line 814, ../scss/modules/msg/_msg-320.scss */ #address-wrapper > li > span { position: relative; float: left; width: 100%; } /* line 819, ../scss/modules/msg/_msg-320.scss */ #address-wrapper > li > em { position: absolute; top: -5px !important; right: -5px; border-radius: 10px; height: 14px; width: 14px; color: #FFFFFF; background: #7099dc; font-size: 9px; padding: 1px 2px; text-align: center; } /* line 832, ../scss/modules/msg/_msg-320.scss */ #address-list-wrapper { position: absolute; top: 60px; left: 10px; width: 220px; max-height: 280px; overflow-y: scroll; background: #e9e9e9; border-radius: 0 0 5px 5px; box-shadow: 0 2px 2px 1px #9b9b9b; display: none; } /* line 843, ../scss/modules/msg/_msg-320.scss */ #address-list-wrapper.active { display: block; padding: 15px; z-index: 9; } /* line 849, ../scss/modules/msg/_msg-320.scss */ #address-list-wrapper > ul, #address-list-wrapper > ul > li { position: relative; float: left; width: 100%; } /* line 854, ../scss/modules/msg/_msg-320.scss */ #address-list-wrapper > ul > li { padding: 5px 10px; font-size: 14px; cursor: pointer; } /* line 859, ../scss/modules/msg/_msg-320.scss */ #address-list-wrapper > ul > li:hover { background: white; color: #193767; } /* line 863, ../scss/modules/msg/_msg-320.scss */ #address-list-wrapper > em { position: absolute; top: 5px !important; right: 5px; border-radius: 10px; height: 18px; width: 18px; color: #555; background: #FFFFFF; font-size: 9px; padding: 3px 4px; } /* line 876, ../scss/modules/msg/_msg-320.scss */ #subject { position: relative; float: left; min-width: 100%; min-height: 34px; padding: 10px; font-size: 14px; line-height: 14px; border-radius: 5px; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); } /* line 887, ../scss/modules/msg/_msg-320.scss */ #subject:focus { box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.6); } /* line 890, ../scss/modules/msg/_msg-320.scss */ #message { position: relative; float: left; min-width: 100%; min-height: 140px; padding: 10px; font-size: 14px; line-height: 14px; border-radius: 5px; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); } /* line 901, ../scss/modules/msg/_msg-320.scss */ #message:focus { box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.6); } /* line 904, ../scss/modules/msg/_msg-320.scss */ .msgs-toolbox { position: relative; float: left; width: 100%; margin-bottom: 10px; } /* line 910, ../scss/modules/msg/_msg-320.scss */ .msgs-toolbox > .dash-button { width: calc(33.3% - 12px); height: auto; margin: 10px 18px 10px 0; } /* line 916, ../scss/modules/msg/_msg-320.scss */ .msgs-toolbox > .dash-button:last-child { margin: 10px 0 10px 0; } /* line 919, ../scss/modules/msg/_msg-320.scss */ .msgs-toolbox > .dash-button > em, .msgs-toolbox > .dash-button > span { width: 100%; } /* line 922, ../scss/modules/msg/_msg-320.scss */ .msgs-toolbox > .dash-button > span { font-size: 12px; } /* line 925, ../scss/modules/msg/_msg-320.scss */ .msgs-toolbox > .dash-button.active-msgs { background: #477cd2; color: white; border: solid 1px rgba(255, 255, 255, 0.5); } /* line 930, ../scss/modules/msg/_msg-320.scss */ .bottom-toolbar { position: relative; float: left; width: 100%; padding: 0px 30px; } @media screen and (min-width: 600px) { /* line 2, ../scss/modules/msg/_msg-600.scss */ .msg-feed-list h4, .enrolment-list h4 { font-size: 1.4em; } /* line 5, ../scss/modules/msg/_msg-600.scss */ .msg-feed-list p, .enrolment-list p { font-size: 1em; } /* line 10, ../scss/modules/msg/_msg-600.scss */ #msg-feed .original-wrapper { max-height: 110px; } /* line 14, ../scss/modules/msg/_msg-600.scss */ .account-builder-wrapper.messenger { margin-left: 0; width: 100vw; } /* line 18, ../scss/modules/msg/_msg-600.scss */ .account-builder-wrapper.enrolment { width: 90vw; margin-left: 5vw; } /* line 22, ../scss/modules/msg/_msg-600.scss */ .msg-list-wrapper { height: calc(100vh - 260px); } /* line 26, ../scss/modules/msg/_msg-600.scss */ #msg-feed .feed-files { left: 2.5vw; width: 45vw; } } @media screen and (min-width: 768px) { /* line 4, ../scss/modules/msg/_msg-768.scss */ #blurb-editor .account-builder-wrapper.messenger aside { padding: 0; } /* line 13, ../scss/modules/msg/_msg-768.scss */ #msg-feed .original-wrapper { max-height: 220px; } /* line 18, ../scss/modules/msg/_msg-768.scss */ .msg-list-wrapper { height: calc(100vh - 150px); } /* line 22, ../scss/modules/msg/_msg-768.scss */ #blurb-editor .account-builder-wrapper.messenger { height: calc(100vh - 60px); margin-top: 10px; width: 90vw; margin-left: 5vw; } /* line 27, ../scss/modules/msg/_msg-768.scss */ #blurb-editor .account-builder-wrapper.messenger h1 { margin-top: 0; padding: 18px; } /* line 30, ../scss/modules/msg/_msg-768.scss */ #blurb-editor .account-builder-wrapper.messenger h1 em { top: 20px; } /* line 34, ../scss/modules/msg/_msg-768.scss */ #blurb-editor .account-builder-wrapper.messenger aside { height: calc(100vh - 82px); } /* line 40, ../scss/modules/msg/_msg-768.scss */ .msg-feed-list, .enrolment-list { height: calc(100vh - 20px); } /* line 44, ../scss/modules/msg/_msg-768.scss */ .account-builder-wrapper.enrolment { width: 80vw; margin-left: 10vw; } /* line 48, ../scss/modules/msg/_msg-768.scss */ #msg-editor-wrapper { width: calc(80vw - 40px); } /* line 52, ../scss/modules/msg/_msg-768.scss */ #msg-feed .feed-files { left: 2.5vw; width: 35vw; } /* line 57, ../scss/modules/msg/_msg-768.scss */ .frbb-left, .frbb-right { position: relative; float: left; width: 50%; padding-right: 10px; } /* line 63, ../scss/modules/msg/_msg-768.scss */ .frbb-right { text-align: right; margin-bottom: 0; } /* line 67, ../scss/modules/msg/_msg-768.scss */ .msgs-toolbox > .dash-button { width: 125px; margin: 10px 20px 10px 0; } /* line 72, ../scss/modules/msg/_msg-768.scss */ .msgs-toolbox > .dash-button.active-msgs > span { border-left: solid 1px white; } /* line 75, ../scss/modules/msg/_msg-768.scss */ .to-wrapper { min-width: 51%; } /* line 78, ../scss/modules/msg/_msg-768.scss */ #subject { min-width: 51%; } /* line 81, ../scss/modules/msg/_msg-768.scss */ #message { min-width: 51%; } /* line 84, ../scss/modules/msg/_msg-768.scss */ .msgs-toolbox > .dash-button { width: 120px; height: auto; margin: 10px 20px 10px 0; } /* line 90, ../scss/modules/msg/_msg-768.scss */ .msgs-toolbox > .dash-button:last-child { margin: 10px 0 10px 0; } /* line 93, ../scss/modules/msg/_msg-768.scss */ .msgs-toolbox > .dash-button > em { width: 40px; font-size: 20px; } /* line 97, ../scss/modules/msg/_msg-768.scss */ .msgs-toolbox > .dash-button > span { width: calc(100% - 40px); } /* line 100, ../scss/modules/msg/_msg-768.scss */ .msgs-toolbox > .dash-button > span { font-size: 14px; } /* line 103, ../scss/modules/msg/_msg-768.scss */ #msg-feed > aside#msg-feed { overflow-y: auto; padding-bottom: none; } /* line 107, ../scss/modules/msg/_msg-768.scss */ .left-720up, .right-720up { position: relative; float: left; width: 50%; } /* line 112, ../scss/modules/msg/_msg-768.scss */ .left-720up > .original-wrapper { max-height: calc(90vh - 150px) !important; overflow-y: scroll; } } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/msg/_msg-1024.scss */ .account-builder-wrapper.messenger { height: 100vh; width: 60vw; margin-left: 20vw; } /* line 6, ../scss/modules/msg/_msg-1024.scss */ .account-builder-wrapper.enrolment { width: 60vw; margin-left: 20vw; } /* line 10, ../scss/modules/msg/_msg-1024.scss */ #msg-editor-wrapper { width: calc(60vw - 40px); } /* line 14, ../scss/modules/msg/_msg-1024.scss */ #msg-feed .feed-files { left: 2.5vw; width: 25vw; } } /* line 1, ../scss/modules/users/_users-320.scss */ .users-toolbox { position: relative; float: left; width: 100%; margin-bottom: 10px; padding: 0 5px; margin: 0; } /* line 8, ../scss/modules/users/_users-320.scss */ .users-toolbox li { position: relative; float: left; margin-right: 10px; height: 22px; width: 22px; line-height: 22px; font-size: 14px; padding: 2px 4px; box-shadow: 0 0 2px 1px rgba(133, 133, 133, 0.3); color: #aaa; cursor: pointer; transition: color ease-out 0.2s; } /* line 21, ../scss/modules/users/_users-320.scss */ .users-toolbox li:hover { color: #32a1ff; box-shadow: 0 0 2px 1px rgba(59, 139, 203, 0.3); } /* line 27, ../scss/modules/users/_users-320.scss */ .user-profile { position: relative; float: left; width: 100%; margin: 10px 0; } /* line 32, ../scss/modules/users/_users-320.scss */ .user-profile .icon { width: 4%; color: #9c9c9c; } /* line 35, ../scss/modules/users/_users-320.scss */ .user-profile .icon em { position: relative; float: left; transition: color ease-out 0.2s; cursor: pointer; } /* line 40, ../scss/modules/users/_users-320.scss */ .user-profile .icon em:hover { color: #32a1ff; } /* line 45, ../scss/modules/users/_users-320.scss */ .user-profile .name, .user-profile .email { width: 28%; } /* line 48, ../scss/modules/users/_users-320.scss */ .user-profile .code { width: 40%; text-align: right; } /* line 52, ../scss/modules/users/_users-320.scss */ .user-profile .ss-check { color: green; display: none; } /* line 56, ../scss/modules/users/_users-320.scss */ .user-profile .ss-delete { color: red; } /* line 61, ../scss/modules/users/_users-320.scss */ .editable > .user-profile > tbody > tr > td .ss-check { display: block; } /* line 64, ../scss/modules/users/_users-320.scss */ .editable > .user-profile > tbody > tr > td .ss-delete { display: none; } /* line 68, ../scss/modules/users/_users-320.scss */ .user-toolbox { position: relative; float: left; width: 100%; margin-bottom: 5px; } /* line 73, ../scss/modules/users/_users-320.scss */ .user-toolbox .right-justify { width: 64%; } /* line 76, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon { width: 4%; color: #9c9c9c; } /* line 79, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon em { position: relative; float: right; transition: color ease-out 0.2s; cursor: pointer; } /* line 84, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon em:hover { color: #32a1ff; } /* line 89, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon.left em { float: left; } /* line 93, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon.green { color: green; } /* line 97, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon.red { color: red; } /* line 101, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon.green em, .user-toolbox .icon.red em { float: left; cursor: default; } /* line 104, ../scss/modules/users/_users-320.scss */ .user-toolbox .icon.green em:hover, .user-toolbox .icon.red em:hover { color: inherit; } /* line 111, ../scss/modules/users/_users-320.scss */ .admin-users-cont { position: relative; float: left; width: 100%; overflow-y: scroll; height: calc(82vh - 30px); padding-bottom: 120px; } /* line 119, ../scss/modules/users/_users-320.scss */ #admin-user-list { position: relative; float: left; width: 100%; padding-top: 20px; margin-bottom: 120px; } /* line 125, ../scss/modules/users/_users-320.scss */ #admin-user-list li { padding: 10px; } /* line 127, ../scss/modules/users/_users-320.scss */ #admin-user-list li:nth-child(2n - 1) { background: #f7f7f7; } /* line 132, ../scss/modules/users/_users-320.scss */ #admin-user-list h4 { font-size: 18px; } /* line 135, ../scss/modules/users/_users-320.scss */ #admin-user-list h5 { font-size: 14px; } /* line 139, ../scss/modules/users/_users-320.scss */ #admin-user-list thead th { font-size: 14px; text-align: center; } /* line 145, ../scss/modules/users/_users-320.scss */ #admin-user-list .name { font-weight: 400; font-size: 18px; } /* line 149, ../scss/modules/users/_users-320.scss */ #admin-user-list .email { text-align: left; font-size: 16px; } /* line 153, ../scss/modules/users/_users-320.scss */ #admin-user-list button { position: relative; float: right; width: auto; margin-left: 0; font-size: 14px; padding: 3px 5px 3px; color: #006ecb; border: none; border-radius: 3px; cursor: pointer; margin-left: 5px; background: none; line-height: 19px; } /* line 167, ../scss/modules/users/_users-320.scss */ #admin-user-list button:hover { color: #66c0ff; } /* line 173, ../scss/modules/users/_users-320.scss */ #admin-user-list button > .loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; border-radius: 40px; } /* line 183, ../scss/modules/users/_users-320.scss */ #admin-user-list button > .loader.loading { display: block; background-repeat: no-repeat; background: rgba(102, 192, 255, 0.6); background-position: 40% 40%; background-size: 90%; background-image: url("../ui/white_spinner.gif"); z-index: 99; } /* line 193, ../scss/modules/users/_users-320.scss */ .users-list-item > .row1, .users-list-item > .row2, .users-list-item > .row3 { position: relative; float: left; width: 100%; cursor: default; } /* line 198, ../scss/modules/users/_users-320.scss */ .users-list-item > .row1 .r2s1, .users-list-item > .row2 .r2s1, .users-list-item > .row3 .r2s1 { position: relative; float: left; width: 50%; } /* line 203, ../scss/modules/users/_users-320.scss */ .users-list-item > .row1 .r2s2, .users-list-item > .row2 .r2s2, .users-list-item > .row3 .r2s2 { position: relative; float: left; width: 50%; } /* line 208, ../scss/modules/users/_users-320.scss */ .users-list-item > .row1 .ss-check, .users-list-item > .row1 .ss-delete, .users-list-item > .row2 .ss-check, .users-list-item > .row2 .ss-delete, .users-list-item > .row3 .ss-check, .users-list-item > .row3 .ss-delete { float: left; margin-left: calc(50% - 7px); cursor: pointer; } /* line 214, ../scss/modules/users/_users-320.scss */ .add-user-btn { position: relative; float: left; width: auto; margin-left: 0; font-size: 20px; padding: 4px 15px 3px; background: #66c0ff; color: white; border-radius: 3px; cursor: pointer; box-shadow: 0 0 2px 1px #ddd; } /* line 226, ../scss/modules/users/_users-320.scss */ .add-user-btn em { position: relative; float: left; margin-right: 6px; font-size: 12px; padding: 7px 0; } /* line 232, ../scss/modules/users/_users-320.scss */ .add-user-btn em.ss-upload { margin-right: 0; } /* line 236, ../scss/modules/users/_users-320.scss */ .add-user-btn:hover { background: #006ecb; } /* line 240, ../scss/modules/users/_users-320.scss */ .aelp { position: relative; float: left; width: 100%; margin: 0; padding-right: 20px; overflow-y: scroll; } /* line 247, ../scss/modules/users/_users-320.scss */ .aelp .left-column, .aelp .right-column { position: relative; float: left; width: 50%; } /* line 253, ../scss/modules/users/_users-320.scss */ .aelp .left-column { padding-right: 20px; } /* line 256, ../scss/modules/users/_users-320.scss */ .aelp .c1, .aelp .c2 { position: relative; float: left; width: 100%; } /* line 261, ../scss/modules/users/_users-320.scss */ .aelp .c1 li:nth-child(2n), .aelp .c2 li:nth-child(2n) { background: #f7f7f7; } /* line 266, ../scss/modules/users/_users-320.scss */ .aelp ul { position: relative; float: left; width: 100%; padding: 0; margin: 0; } /* line 273, ../scss/modules/users/_users-320.scss */ .aelp li { position: relative; float: left; width: 100%; padding: 5px; background: white; cursor: pointer; } /* line 281, ../scss/modules/users/_users-320.scss */ .aelp li span { position: relative; float: left; width: 90%; } /* line 286, ../scss/modules/users/_users-320.scss */ .aelp li input.u-hidden { display: none; } /* line 290, ../scss/modules/users/_users-320.scss */ .aelp li em { position: relative; float: left; width: 10%; cursor: pointer !important; } /* line 296, ../scss/modules/users/_users-320.scss */ .aelp li .ss-delete { cursor: pointer !important; } /* line 299, ../scss/modules/users/_users-320.scss */ .aelp li .ss-check { cursor: pointer !important; display: none; } /* line 304, ../scss/modules/users/_users-320.scss */ .aelp li.checked .ss-delete { display: none; } /* line 307, ../scss/modules/users/_users-320.scss */ .aelp li.checked .ss-check { display: block; } /* line 312, ../scss/modules/users/_users-320.scss */ .aelp li select { position: relative; float: right; } /* line 318, ../scss/modules/users/_users-320.scss */ .aeup-selector { position: relative; float: left; margin-top: 10px; font-size: 18px; padding: 6px 10px; background: #f1f1f1; box-shadow: 0 0 3px 1px #eee; border: none; } /* line 328, ../scss/modules/users/_users-320.scss */ .user-add-list { position: absolute; right: 5px; top: 22px; width: 50%; background: #FFFFFF; list-style: none; margin: 0; z-index: 999; padding: 10px; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.4); } /* line 339, ../scss/modules/users/_users-320.scss */ .user-add-list li { position: relative; float: left; width: 100%; line-height: 18px; font-size: 14px; cursor: pointer; } /* line 346, ../scss/modules/users/_users-320.scss */ .user-add-list li:nth-child(2n-1) { background: #fff !important; } /* line 349, ../scss/modules/users/_users-320.scss */ .user-add-list li:hover { color: #66c0ff; } /* line 353, ../scss/modules/users/_users-320.scss */ .user-add-list#editor-listm, .user-add-list#editor-list-A, .user-add-list#editor-list-B { width: 280px; right: 0; top: -3px; z-index: 9999; } /* line 358, ../scss/modules/users/_users-320.scss */ .user-add-list#editor-listm li, .user-add-list#editor-list-A li, .user-add-list#editor-list-B li { padding: 5px 10px; line-height: 24px; font-size: 18px; color: #555; font-weight: 400; } /* line 364, ../scss/modules/users/_users-320.scss */ .user-add-list#editor-listm li:hover, .user-add-list#editor-list-A li:hover, .user-add-list#editor-list-B li:hover { color: #66c0ff; } /* line 367, ../scss/modules/users/_users-320.scss */ .user-add-list#editor-listm li em, .user-add-list#editor-list-A li em, .user-add-list#editor-list-B li em { float: left; margin-right: 10px; font-size: 12px; padding: 0px 4px 2px; height: 24px; } /* line 373, ../scss/modules/users/_users-320.scss */ .user-add-list#editor-listm li em.si-grades, .user-add-list#editor-list-A li em.si-grades, .user-add-list#editor-list-B li em.si-grades { background-image: url("../../img/ui/accent-icons_grey.png"); background-size: 280px !important; background-position: -253px -41px; } /* line 377, ../scss/modules/users/_users-320.scss */ .user-add-list#editor-listm li em.si-grades:hover, .user-add-list#editor-list-A li em.si-grades:hover, .user-add-list#editor-list-B li em.si-grades:hover { background-image: url("../../img/ui/accent-icons_cyan.png"); } /* line 387, ../scss/modules/users/_users-320.scss */ .group-list-active, .group-list, .group-sub-list-active, .group-class-list { position: relative; float: left; width: 100%; height: auto; transition: height ease-in 0.3s; } /* line 393, ../scss/modules/users/_users-320.scss */ .group-list-active li, .group-list li, .group-sub-list-active li, .group-class-list li { position: relative; float: left; width: 100%; } /* line 398, ../scss/modules/users/_users-320.scss */ .group-list-active ul, .group-list ul, .group-sub-list-active ul, .group-class-list ul { position: relative; float: left; width: calc(100% - 20px); margin-left: 20px; } /* line 406, ../scss/modules/users/_users-320.scss */ .group-list-active span, .group-list span { position: relative; float: left; width: 300px; font-size: 16px; font-weight: 600; } /* line 413, ../scss/modules/users/_users-320.scss */ .group-list-active em, .group-list-active i, .group-list em, .group-list i { position: relative; float: right; font-size: 12px; margin-left: 10px; width: 14px; text-align: right; } /* line 421, ../scss/modules/users/_users-320.scss */ .group-list-active label, .group-list label { position: relative; float: left; font-size: 16px; } /* line 426, ../scss/modules/users/_users-320.scss */ .group-list-active i, .group-list i { float: left; padding-top: 4px; } /* line 432, ../scss/modules/users/_users-320.scss */ .group-list-active, .group-sub-list-active, .group-classes-list-active { background: white; } /* line 434, ../scss/modules/users/_users-320.scss */ .group-list-active li, .group-sub-list-active li, .group-classes-list-active li { display: none; } /* line 436, ../scss/modules/users/_users-320.scss */ .group-list-active li.checked, .group-sub-list-active li.checked, .group-classes-list-active li.checked { display: block; } /* line 441, ../scss/modules/users/_users-320.scss */ .group-list, .group-sub-list, .group-classes-list { display: none; } /* line 443, ../scss/modules/users/_users-320.scss */ .group-list.active-list, .group-sub-list.active-list, .group-classes-list.active-list { display: block; } /* line 446, ../scss/modules/users/_users-320.scss */ .group-list li, .group-sub-list li, .group-classes-list li { display: block; } /* line 448, ../scss/modules/users/_users-320.scss */ .group-list li.checked, .group-sub-list li.checked, .group-classes-list li.checked { display: none; } /* line 453, ../scss/modules/users/_users-320.scss */ .group-sub-list, .group-classes-list { display: block; } /* line 462, ../scss/modules/users/_users-320.scss */ .group-list li { background: #eaeaea; } /* line 464, ../scss/modules/users/_users-320.scss */ .group-list li:nth-child(2n) { background: #f7f7f7; } /* line 470, ../scss/modules/users/_users-320.scss */ .group-sub-list-active span, .group-sub-list span, .group-classes-list span, .group-classes-list-active span { position: relative; float: left; width: 270px; font-size: 14px; font-weight: 300; } /* line 477, ../scss/modules/users/_users-320.scss */ .group-sub-list-active em, .group-sub-list-active i, .group-sub-list em, .group-sub-list i, .group-classes-list em, .group-classes-list i, .group-classes-list-active em, .group-classes-list-active i { position: relative; float: right; font-size: 12px; margin-left: 10px; width: 14px; text-align: right; } /* line 488, ../scss/modules/users/_users-320.scss */ .group-classes-list span, .group-classes-list-active span { width: 240px; } /* line 1, ../scss/modules/player/_player-320.scss */ #player { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.9); } /* line 9, ../scss/modules/player/_player-320.scss */ #player.active-window { display: block; z-index: 9999; } /* line 14, ../scss/modules/player/_player-320.scss */ #player-wrapper { position: relative; float: left; width: 100vw; height: 100vh; padding: 5%; } /* line 20, ../scss/modules/player/_player-320.scss */ #player-wrapper .click-close { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; } /* line 27, ../scss/modules/player/_player-320.scss */ #player-wrapper .embedded-player { position: relative; float: left; width: 100%; height: 100%; background: black; } /* line 1, ../scss/modules/notices/_notices-320.scss */ #notification-list > span { position: absolute; top: 10px; right: 0; font-size: 14px; background: white; padding: 0px 5px; z-index: 999; cursor: pointer; } /* line 11, ../scss/modules/notices/_notices-320.scss */ .notice-table { position: relative; float: left; width: 100%; padding: 15px 0 !important; } /* line 16, ../scss/modules/notices/_notices-320.scss */ .notice-table li { position: relative; float: left; width: 100%; margin-bottom: 1px; background: rgba(0, 0, 0, 0.5); padding: 10px; border-radius: 3px; color: white; } /* line 26, ../scss/modules/notices/_notices-320.scss */ .notice-table h3 { position: relative; float: left; width: 100%; font-size: 12px; line-height: 14px; } /* line 32, ../scss/modules/notices/_notices-320.scss */ .notice-table h3 a { color: #c2d3f0; cursor: pointer; padding-left: 10px; position: relative; float: right; margin-top: 1px; } /* line 41, ../scss/modules/notices/_notices-320.scss */ .notice-table i { position: absolute; top: -8px; left: -8px; width: 16px; height: 16px; background: rgba(0, 0, 0, 0.7); border-radius: 8px; font-size: 10px; line-height: 16px; padding: 0 3px; cursor: pointer; } /* line 1, ../scss/modules/editor/_editor-320.scss */ #notification > h3 { padding: 5px 20px; } /* line 4, ../scss/modules/editor/_editor-320.scss */ #editor-22 { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; display: none; background: whitesmoke; } /* line 12, ../scss/modules/editor/_editor-320.scss */ #editor-22.active-window { display: block; z-index: 9999; } /* line 16, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav { position: relative; width: 100vw; height: 60px; z-index: 999; background: #f7f7f7; } /* line 22, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav .alert { position: relative; float: left; width: calc(100% - 150px - 2.5%); line-height: 18px; font-size: 16px; margin-top: 10px; margin-left: 2.5%; } /* line 31, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav ul, #editor-22 .top-nav li { position: relative; float: right; list-style: none; height: 30px; margin-top: 8px; } /* line 38, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav ul { margin-right: 2.5vw; } /* line 41, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav li { width: 28px; height: 28px; margin-left: 5px; background: white; border: 1px solid rgba(155, 155, 155, 0.2); border-radius: 3px; color: #aaaaaa; cursor: default; padding: 4px 6px; cursor: pointer; } /* line 52, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav li.flipped { transform: rotateY(180deg); padding: 4px 5px; } /* line 56, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav li.active-button { background: #477cd2; border: 1px solid rgba(255, 255, 255, 0.5); color: #FFFFFF; cursor: pointer; } /* line 62, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav li.active-button em.si-e-save { background-image: url("../../img/ui/accent-icons_white.png"); opacity: 1; } /* line 68, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav li em { font-size: 1.1em; } /* line 70, ../scss/modules/editor/_editor-320.scss */ #editor-22 .top-nav li em.si-e-save { position: relative; float: left; background-repeat: no-repeat; background-image: url("../../img/ui/accent-icons_grey.png"); background-position: -275px -16px; background-size: 1500%; opacity: 0.5; width: 20px; height: 20px; } /* line 84, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu, #editor-22 .editor-wrapper { position: relative; float: left; height: calc(100vh - 60px); width: 50%; background: white; padding: 0 20px; overflow: hidden; overflow-y: scroll; } /* line 94, ../scss/modules/editor/_editor-320.scss */ #editor-22 .editor-wrapper { padding-top: 30px; } /* line 98, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu { position: relative; float: left; width: 100%; height: 30px; } /* line 103, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu ul { position: relative; float: left; width: 100%; list-style: none; padding: 5px 0; } /* line 109, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu ul li { position: relative; float: left; margin-right: 20px; width: calc(33.3% - 20px); } /* line 114, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu ul li.active { border-bottom: #2d62b9 2px solid; } /* line 117, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu ul li.inactive { color: #e6e6e6; } /* line 119, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu ul li.inactive.active { color: #555; } /* line 125, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu i, #editor-22 .side-menu .side-top-menu span { position: relative; float: left; } /* line 129, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu i { font-size: 14px; padding: 8px 5px 0; } /* line 133, ../scss/modules/editor/_editor-320.scss */ #editor-22 .side-menu .side-top-menu span { font-size: 14px; margin-top: 5px; margin-left: 5px; } /* line 142, ../scss/modules/editor/_editor-320.scss */ .page-item-title { border-bottom: 1px solid rgba(155, 155, 155, 0.4); margin-bottom: 1px; } /* line 146, ../scss/modules/editor/_editor-320.scss */ .page-item-title > .tnymce-wrapper { padding: 10px; font-size: 24px; font-weight: 600; background: #f3f3f3; } /* line 151, ../scss/modules/editor/_editor-320.scss */ .page-item-title > .tnymce-wrapper.mce-edit-focus { background: white; } /* line 155, ../scss/modules/editor/_editor-320.scss */ .content-meta-data { position: relative; float: left; width: 100%; display: none; } /* line 160, ../scss/modules/editor/_editor-320.scss */ .content-meta-data.active { display: block; } /* line 164, ../scss/modules/editor/_editor-320.scss */ .content-meta-data > ul, .content-meta-data > ul > li { position: relative; float: left; width: 100%; list-style: none; padding: 10px 0; margin: 0; } /* line 173, ../scss/modules/editor/_editor-320.scss */ .content-items { position: relative; float: left; width: 100%; display: none; } /* line 178, ../scss/modules/editor/_editor-320.scss */ .content-items.active { display: block; } /* line 181, ../scss/modules/editor/_editor-320.scss */ .content-items .tnymce-wrapper { display: none; } /* line 184, ../scss/modules/editor/_editor-320.scss */ .content-items .mini-toolbar { display: none; } /* line 188, ../scss/modules/editor/_editor-320.scss */ .content-items > ul { position: relative; float: left; width: 100%; list-style: none; padding: 10px; } /* line 195, ../scss/modules/editor/_editor-320.scss */ .content-items > ul li { position: relative; float: left; width: calc(33.3% - 20px); height: calc(11vw - 40px); min-height: 100px; margin: 10px; background: rgba(155, 155, 155, 0.1); box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.2); } /* line 205, ../scss/modules/editor/_editor-320.scss */ .content-items > ul i, .content-items > ul h5, .content-items > ul span { position: relative; float: left; width: calc(100% - 20px); text-align: center; } /* line 211, ../scss/modules/editor/_editor-320.scss */ .content-items > ul i { font-size: 1.2em; margin: 5px 10px 10px; } /* line 215, ../scss/modules/editor/_editor-320.scss */ .content-items > ul h5 { font-size: 1.6em; margin: 0 10px; width: calc(100% - 20px); } /* line 219, ../scss/modules/editor/_editor-320.scss */ .content-items > ul h5 em { position: relative; float: left; height: 46px; width: 46px; margin-left: calc(50% - 23px); } /* line 227, ../scss/modules/editor/_editor-320.scss */ .content-items > ul span { font-size: 1em; line-height: 1.05em; margin: 10px 10px 5px; } /* line 235, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .moving { position: relative; float: left; width: 100%; min-height: 46px; border: dashed 1px cyan; } /* line 241, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .moving .h5, .editor-wrapper .moving span { position: relative; float: left; width: 46px; font-size: 1.6em; margin: 0 10px; text-align: center; } /* line 248, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .moving .h5 em, .editor-wrapper .moving span em { position: relative; float: left; height: 46px; width: 46px; margin-left: calc(50% - 23px); } /* line 256, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .moving span { width: calc(100% - 46px); } /* line 261, ../scss/modules/editor/_editor-320.scss */ .editor-block { z-index: 9; position: relative; margin: 10px; float: left; width: calc(100% - 20px); padding: 10px; border: 1px dashed; border-color: transparent; border-radius: 2px; background: #f3f3f3; } /* line 272, ../scss/modules/editor/_editor-320.scss */ .editor-block .mini-toolbox { position: absolute; right: 0; bottom: 15px; background: rgba(155, 155, 155, 0.1); padding: 0; height: 26px; display: none; overflow: hidden; transition: bottom ease-out 0.6s; } /* line 282, ../scss/modules/editor/_editor-320.scss */ .editor-block .mini-toolbox li { position: relative; float: left; width: 26px; height: 26px; color: #FFFFFF; margin-left: 5px; padding: 5px 6px; font-size: 12px; background: rgba(155, 155, 155, 0.3); border-radius: 2px; } /* line 293, ../scss/modules/editor/_editor-320.scss */ .editor-block .mini-toolbox li:hover, .editor-block .mini-toolbox li:focus { background: rgba(155, 155, 155, 0.5); cursor: pointer; } /* line 297, ../scss/modules/editor/_editor-320.scss */ .editor-block .mini-toolbox li:first-child { margin-left: 0; } /* line 300, ../scss/modules/editor/_editor-320.scss */ .editor-block .mini-toolbox li:last-child { margin-right: 0; } /* line 305, ../scss/modules/editor/_editor-320.scss */ .editor-block:hover, .editor-block .editing { border-color: #006ecb; } /* line 308, ../scss/modules/editor/_editor-320.scss */ .editor-block.bg-blue:hover, .editor-blockbg-blue.editing { border-color: #96d7f1; } /* line 312, ../scss/modules/editor/_editor-320.scss */ .editor-row { z-index: 99; position: relative; float: left; width: 100%; background: rgba(200, 200, 200, 0.2); padding: 5px; border: 1px dashed; border-color: transparent; border-radius: 2px; } /* line 322, ../scss/modules/editor/_editor-320.scss */ .editor-row:hover, .editor-row .editing { border-color: #006ecb; } /* line 325, ../scss/modules/editor/_editor-320.scss */ .editor-row.bg-blue:hover, .editor-rowbg-blue.editing { border-color: #96d7f1; } /* line 329, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper { /* $bgcyan:#337AB7; $bgblue:#006ecb; $bgorange:#d8571f; $bgnavy:#0b2141; $bggreen:#4ec4a1; $bgmagenta:#a354db; $bggrey:#6b788c; $bgsky:#96d7f1; $bgiris:#4555D2; */ /*.hideable{ display:none; }*/ } /* line 343, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-white { background: #FFFFFF !important; } /* line 346, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-blue { background: #006ecb !important; } /* line 349, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-orange { background: #d8571f !important; } /* line 352, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-navy { background: #0b2141 !important; } /* line 355, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-aqua { background: #4ec4a1 !important; } /* line 358, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-amethyst { background: #a354db !important; } /* line 361, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-grey { background: #6b788c !important; } /* line 364, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-sky { background: #96d7f1 !important; } /* line 367, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .bg-iris { background: #4555D2 !important; } /* line 370, ../scss/modules/editor/_editor-320.scss */ .editor-wrapper .editable, .editor-wrapper .tnymce-wrapper, .editor-wrapper .editor-item { position: relative; float: left; width: 100%; /*span{ position:relative; float:left; width:100%; }*/ } /* line 382, ../scss/modules/editor/_editor-320.scss */ .editor-item { z-index: 999; display: flex; overflow-wrap: break-word; border: 1px dashed; border-color: transparent; border-radius: 2px; } /* line 386, ../scss/modules/editor/_editor-320.scss */ .editor-item.active-box { margin-bottom: 30px; z-index: 99; } /* line 391, ../scss/modules/editor/_editor-320.scss */ .editor-item.active-box .editable { border-color: #2d62b9; margin-bottom: 30px; } /* line 396, ../scss/modules/editor/_editor-320.scss */ .editor-item.active-box .mini-toolbox { display: block; } /* line 402, ../scss/modules/editor/_editor-320.scss */ .editor-item .editable h1, .editor-item .editable h2, .editor-item .editable h3, .editor-item .editable h4, .editor-item .editable h5, .editor-item .editable h6 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } /* line 419, ../scss/modules/editor/_editor-320.scss */ .editor-item:hover, .editor-item.editing { border-color: #c3e8f7; } /* line 422, ../scss/modules/editor/_editor-320.scss */ .editor-item.bg-sky:hover, .editor-item.bg-blue.editing { border-color: #008afe; } /* line 426, ../scss/modules/editor/_editor-320.scss */ .editor-item > div { position: relative; float: left; width: 100%; } /* line 431, ../scss/modules/editor/_editor-320.scss */ .editor-item > figure { position: relative; float: left; width: 40%; padding: 10px; } /* line 436, ../scss/modules/editor/_editor-320.scss */ .editor-item > figure img { position: relative; float: left; width: 100%; opacity: 0.6; } /* line 442, ../scss/modules/editor/_editor-320.scss */ .editor-item > figure .img-toolbar { position: absolute; right: 20px; bottom: 20px; display: none; color: rgba(155, 155, 155, 0.7); transition: color 0.4s ease-in-out; } /* line 449, ../scss/modules/editor/_editor-320.scss */ .editor-item > figure .img-toolbar li { position: relative; float: left; font-size: 18px; margin-left: 10px; background: rgba(155, 155, 155, 0.4); padding: 4px 5px 2px; border-radius: 3px; line-height: 22px; } /* line 458, ../scss/modules/editor/_editor-320.scss */ .editor-item > figure .img-toolbar li:hover, .editor-item > figure .img-toolbar li:focus { color: #2d62b9; } /* line 464, ../scss/modules/editor/_editor-320.scss */ .editor-item > figure:hover .img-toolbar, .editor-item > figure:focus .img-toolbar { display: block; } /* line 468, ../scss/modules/editor/_editor-320.scss */ .editor-item > figure:hover img, .editor-item > figure:focus img { opacity: 1; } /* line 473, ../scss/modules/editor/_editor-320.scss */ .column-left-image > div, .column-right-image > div { width: 50%; } /* line 476, ../scss/modules/editor/_editor-320.scss */ .column-left-image > div > figure, .column-right-image > div > figure { width: 50%; } /* line 480, ../scss/modules/editor/_editor-320.scss */ .editor-row .active-box, .editor-block .active-box { z-index: 99; } /* line 486, ../scss/modules/editor/_editor-320.scss */ .editor-row .editor-22-toolbox-wrapper, .editor-block .editor-22-toolbox-wrapper { position: absolute; bottom: 0; right: 0; width: 100%; height: 0px; transition: bottom ease-in 0.3s; } /* line 494, ../scss/modules/editor/_editor-320.scss */ .editor-row .active-box > .editor-22-toolbox-wrapper, .editor-block .active-box > .editor-22-toolbox-wrapper { bottom: 0; } /* line 496, ../scss/modules/editor/_editor-320.scss */ .editor-row .active-box > .editor-22-toolbox-wrapper .mini-toolbox, .editor-block .active-box > .editor-22-toolbox-wrapper .mini-toolbox { position: relative; float: right; display: block; bottom: 0; } /* line 506, ../scss/modules/editor/_editor-320.scss */ editor-placeholder { position: relative; float: left; width: 100%; height: 50px; background-color: yellow; } /* line 514, ../scss/modules/editor/_editor-320.scss */ .column-left-image .tnymce-wrapper, .column-right-image .tnymce-wrapper { position: relative; float: left; width: 50%; } /* line 519, ../scss/modules/editor/_editor-320.scss */ .column-left-image .image-wrapper, .column-right-image .image-wrapper { position: relative; float: left; width: calc(100% - 2px); box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.3); margin: 1px; } /* line 525, ../scss/modules/editor/_editor-320.scss */ .column-left-image .image-wrapper img, .column-right-image .image-wrapper img { position: relative; float: left; width: 100%; } /* line 534, ../scss/modules/editor/_editor-320.scss */ .editor-item.image .image-wrapper { position: relative; float: left; width: 100%; } /* line 538, ../scss/modules/editor/_editor-320.scss */ .editor-item.image .image-wrapper img { position: relative; float: left; width: 100%; } /* line 547, ../scss/modules/editor/_editor-320.scss */ #editor-22 .js-global { cursor: pointer; } /* line 551, ../scss/modules/editor/_editor-320.scss */ .toolbox-loader { position: absolute !important; top: calc(50% - 20px); left: calc(50% - 20px); width: 40px !important; height: 40px !important; border-radius: 5px; background: rgba(69, 85, 96, 0.4); background-repeat: no-repeat; background-image: url("../ui/white_spinner.gif"); background-size: 100%; background-position: 50% 40%; display: none; } /* line 564, ../scss/modules/editor/_editor-320.scss */ .toolbox-loader.loading { display: block; z-index: 9999 !important; } /* line 570, ../scss/modules/editor/_editor-320.scss */ #styling-content { position: relative; float: left; width: 100%; display: none; } /* line 575, ../scss/modules/editor/_editor-320.scss */ #styling-content.active { display: block; } /* line 579, ../scss/modules/editor/_editor-320.scss */ #action-toolbar { position: relative; float: left; width: 100%; margin-bottom: 2px; border-radius: 5px; background: rgba(155, 155, 155, 0.1); padding: 2px 0; } /* line 588, ../scss/modules/editor/_editor-320.scss */ #action-toolbar > li { position: relative; float: left; width: calc(33.3% - 1px); border-right: 1px solid rgba(155, 155, 155, 0.5); padding: 5px 10px; } /* line 595, ../scss/modules/editor/_editor-320.scss */ #action-toolbar > li:last-child { border-right: none; } /* line 599, ../scss/modules/editor/_editor-320.scss */ #action-toolbar > li:hover { background: rgba(0, 110, 203, 0.5); } /* line 603, ../scss/modules/editor/_editor-320.scss */ #action-toolbar > li > span { position: relative; float: left; width: calc(100% - 50px); font-size: 1.2em; text-align: center; } /* line 610, ../scss/modules/editor/_editor-320.scss */ #action-toolbar > li > em { position: relative; float: left; width: 20px; margin-left: 30px; padding: 5px 0; } /* line 617, ../scss/modules/editor/_editor-320.scss */ .content-styling { position: relative; float: left; width: 100%; margin: 20px 0; } /* line 624, ../scss/modules/editor/_editor-320.scss */ .content-styling-tools, .number-columns, .color-tools { position: relative; float: left; width: 100%; list-style: none; } /* line 630, ../scss/modules/editor/_editor-320.scss */ .content-styling-tools > li, .color-tools > li, .border-tools > li { position: relative; float: left; width: 100%; padding: 10px; margin-bottom: 2px; border-radius: 5px; background: rgba(155, 155, 155, 0.1); border: solid 1px rgba(155, 155, 155, 0.2); } /* line 639, ../scss/modules/editor/_editor-320.scss */ .content-styling-tools > li h3, .color-tools > li h3, .border-tools > li h3 { text-align: center; margin: 0 0 20px; font-size: 22px; } /* line 645, ../scss/modules/editor/_editor-320.scss */ .number-columns { width: 120px; margin-left: calc(50% - 60px); } /* line 648, ../scss/modules/editor/_editor-320.scss */ .number-columns li { position: relative; float: left; width: 50%; min-height: auto !important; } /* line 653, ../scss/modules/editor/_editor-320.scss */ .number-columns li:first-child, .number-columns li:last-child { margin: 0 25%; } /* line 657, ../scss/modules/editor/_editor-320.scss */ .number-columns span, .number-columns input, .number-columns i { position: relative; float: left; text-align: center; font-weight: 600; } /* line 663, ../scss/modules/editor/_editor-320.scss */ .number-columns span { text-align: center; width: 40px; margin-right: calc(100% - 40px); } /* line 668, ../scss/modules/editor/_editor-320.scss */ .number-columns input { width: 40px; margin-left: 10px; } /* line 672, ../scss/modules/editor/_editor-320.scss */ .number-columns i { font-size: 12px; width: 10px; margin-left: 2px; } /* line 678, ../scss/modules/editor/_editor-320.scss */ .info-img-toolbox { position: absolute; top: 10px; right: 15px; height: 28px; background: rgba(255, 255, 255, 0); } /* line 684, ../scss/modules/editor/_editor-320.scss */ .info-img-toolbox .editor-img-item { background-color: rgba(50, 161, 255, 0.5); border: rgba(50, 161, 255, 0.6) solid 1px; } /* line 687, ../scss/modules/editor/_editor-320.scss */ .info-img-toolbox .editor-img-item:hover { background-color: #32a1ff; } /* line 692, ../scss/modules/editor/_editor-320.scss */ .color-tools, .border-tools { position: relative; float: right; width: 100%; } /* line 696, ../scss/modules/editor/_editor-320.scss */ .color-tools li, .border-tools li { position: relative; float: left; width: calc(50% - 1px); min-height: 125px; } /* line 702, ../scss/modules/editor/_editor-320.scss */ .color-tools li:first-child, .border-tools li:first-child { margin-right: 2px; } /* line 706, ../scss/modules/editor/_editor-320.scss */ .color-tools h3, .color-tools select, .border-tools h3, .border-tools select { position: relative; float: left; width: calc(100% - 40px); padding: 5px 10px; } /* line 712, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown, .border-tools .dropdown { position: relative; float: left; width: 100%; text-align: center; background: none; } /* line 718, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown button, .border-tools .dropdown button { position: relative; float: left; border: 1px solid rgba(255, 255, 255, 0.2); min-width: 120px; margin-left: calc(50% - 60px); } /* line 724, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown button em, .border-tools .dropdown button em { position: absolute; right: 0; top: 0; margin-left: 6px; margin-bottom: 2px; height: 14px; width: auto; box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.4); font-size: 9px; line-height: 11px; text-align: center; padding: 1px 2px; } /* line 740, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown-menu, .border-tools .dropdown-menu { border: rgba(155, 155, 155, 0.2); font-size: 18px; font-weight: 400; line-height: 24px; color: #555; } /* line 746, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown-menu a, .border-tools .dropdown-menu a { position: relative; float: left; width: 100%; text-decoration: none; padding: 1px 10px; } /* line 753, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown-menu em, .border-tools .dropdown-menu em { position: relative; float: left; margin-right: 10px; height: 22px; width: 22px; border-radius: 2px; border: solid 1px rgba(155, 155, 155, 0.3); } /* line 762, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown-menu span, .color-tools .dropdown-menu i, .border-tools .dropdown-menu span, .border-tools .dropdown-menu i { position: relative; float: left; } /* line 766, ../scss/modules/editor/_editor-320.scss */ .color-tools .dropdown-menu i, .border-tools .dropdown-menu i { text-align: center; width: 100%; font-size: 12px; } /* line 773, ../scss/modules/editor/_editor-320.scss */ .border-tools > li > h4 { position: relative; float: left; width: 100%; margin-bottom: 0; margin-top: 10px; } /* line 780, ../scss/modules/editor/_editor-320.scss */ .button-editor { margin-top: 10px; } /* line 784, ../scss/modules/editor/_editor-320.scss */ .button-editor > div { padding: 5px 10px 0; font-size: 16px; border: dashed 1px #2d62b9; text-align: center; } /* line 790, ../scss/modules/editor/_editor-320.scss */ .si-e-header { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: 0px 0; background-size: 375%; } /* line 797, ../scss/modules/editor/_editor-320.scss */ .si-e-text { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: -60px 0; background-size: 370%; } /* line 804, ../scss/modules/editor/_editor-320.scss */ .si-e-image { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: -125px 0; background-size: 370%; } /* line 811, ../scss/modules/editor/_editor-320.scss */ .si-e-image-left { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: 0 -56px; background-size: 365%; } /* line 818, ../scss/modules/editor/_editor-320.scss */ .si-e-image-right { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: -62px -56px; background-size: 365%; } /* line 825, ../scss/modules/editor/_editor-320.scss */ .si-e-2-columns { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: -122px -56px; background-size: 365%; } /* line 832, ../scss/modules/editor/_editor-320.scss */ .si-e-3-columns { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: 0 -112px; background-size: 350%; } /* line 839, ../scss/modules/editor/_editor-320.scss */ .si-e-upload { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: -62px -120px; background-size: 375%; } /* line 846, ../scss/modules/editor/_editor-320.scss */ .si-e-add-block { background-repeat: no-repeat; background-image: url("../ui/Page-editor-symbolset.svg"); background-position: -114px -112px; background-size: 345%; } /* line 854, ../scss/modules/editor/_editor-320.scss */ .editor-block-placeholder { border: 1px dotted black; margin: 0 1em 1em 0; height: 50px; width: 30vw; } /* line 860, ../scss/modules/editor/_editor-320.scss */ .ui-draggable-dragging { z-index: 9999; } /* line 863, ../scss/modules/editor/_editor-320.scss */ .item-wrapper > button > p { margin: 0; } /* line 868, ../scss/modules/editor/_editor-320.scss */ #links-and-files { position: absolute; top: 0; left: -50px; background: white; padding: 20px; border-radius: 3px; min-height: 120px; min-width: 120px; z-index: 9; box-shadow: 0 2px 3px 1px rgba(155, 155, 155, 0.4); display: none; } /* line 880, ../scss/modules/editor/_editor-320.scss */ #links-and-files.active-box { display: block; } /* line 884, ../scss/modules/editor/_editor-320.scss */ #links-and-files > ul { position: relative; float: left; width: 100%; display: none; } /* line 889, ../scss/modules/editor/_editor-320.scss */ #links-and-files > ul.active-tab { display: block; } /* line 893, ../scss/modules/editor/_editor-320.scss */ #links-and-files > span { position: relative; float: left; display: block; padding: 5px 10px; background: #f3f3f3; border: 1px solid rgba(155, 155, 155, 0.4); border-radius: 3px; font-size: 18px; margin-bottom: 10px; font-weight: 600; margin-right: 2px; } /* line 905, ../scss/modules/editor/_editor-320.scss */ #links-and-files > span.active-tab { display: none; } /* line 910, ../scss/modules/editor/_editor-320.scss */ #links-and-files > ul > li > label, #links-and-files > ul > li > a, #links-and-files > ul > li { position: relative; float: left; width: 100%; } /* line 915, ../scss/modules/editor/_editor-320.scss */ #links-and-files > ul > li > label { margin-top: 5px; } /* line 918, ../scss/modules/editor/_editor-320.scss */ #links-and-files > ul > li > input { width: 100%; font-size: 16px; } /* line 922, ../scss/modules/editor/_editor-320.scss */ #files-link-editor-item > ul > button { cursor: pointer; font-size: 18px; font-weight: 600; background: white; border: 1px solid rgba(155, 155, 155, 0.5); border-radius: 5px; padding: 3px 8px; margin: 5px 0; } /* line 934, ../scss/modules/editor/_editor-320.scss */ .editor-img-toolbox { position: relative; float: left; } /* line 938, ../scss/modules/editor/_editor-320.scss */ .editor-img-toolbox.new-item { min-height: 50px; height: 50px; width: 50px; border: 2px dashed #555; background-repeat: no-repeat; background-image: "../ui/add.png"; background-size: 50px; padding: 3px; } /* line 947, ../scss/modules/editor/_editor-320.scss */ .editor-img-toolbox.new-item .editor-img-item { position: relative; float: left; margin-left: 0; } /* line 951, ../scss/modules/editor/_editor-320.scss */ .editor-img-toolbox.new-item .editor-img-item em { top: 24%; font-size: 20px; } /* line 958, ../scss/modules/editor/_editor-320.scss */ #image-library { position: fixed; height: 100vh; width: 100vw; display: none; } /* line 963, ../scss/modules/editor/_editor-320.scss */ #image-library.open-window { display: block; z-index: 9999; } /* line 967, ../scss/modules/editor/_editor-320.scss */ #image-library .image-library-wrapper { margin: 2.5%; position: relative; float: left; width: calc(100vw - 5%); height: calc(100vh - 5%); background: white; } /* line 975, ../scss/modules/editor/_editor-320.scss */ #image-library .click-close { position: absolute; z-index: 0; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); } /* line 985, ../scss/modules/editor/_editor-320.scss */ #ills { position: relative; float: left; width: 30%; padding: 20px; min-height: 100vh; } /* line 992, ../scss/modules/editor/_editor-320.scss */ #image-editor-wrapper { position: relative; float: left; width: 70%; min-height: 100vh; background: rgba(155, 155, 155, 0.2); } /* line 999, ../scss/modules/editor/_editor-320.scss */ #image-editor { position: relative; float: left; min-width: 300px; min-height: 300px; width: calc(100% - 80px); margin: 95px 0; margin-left: 80px; opacity: 1; } /* line 1008, ../scss/modules/editor/_editor-320.scss */ #image-editor.ghost { opacity: 0; } /* line 1013, ../scss/modules/editor/_editor-320.scss */ .image-editor-tools { position: absolute; float: left; width: 180px; height: 95vh; background: white; padding: 20px; z-index: 99; overflow-y: scroll; } /* line 1024, ../scss/modules/editor/_editor-320.scss */ .image-toolbar, .crop-toolbar { position: relative; float: left; width: 100%; } /* line 1029, ../scss/modules/editor/_editor-320.scss */ .image-toolbar .editor-img-item input, .crop-toolbar .editor-img-item input { width: 100%; height: 50px; cursor: pointer; } /* line 1035, ../scss/modules/editor/_editor-320.scss */ .image-toolbar ul, .crop-toolbar ul { position: relative; float: left; width: 100%; list-style: none; } /* line 1041, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li, .crop-toolbar li { position: relative; float: left; width: calc(50% - 14px); min-height: 50px; line-height: 50px; font-size: 14px; color: #2d62b9; background: white; text-align: center; list-style: none; box-shadow: 0 0 1px 1px rgba(0, 150, 255, 0.7); } /* line 1053, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li span, .crop-toolbar li span { position: relative; float: left; width: calc(100% - 50px); text-align: center; } /* line 1059, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li:hover, .crop-toolbar li:hover { color: #2d62b9; background: white; box-shadow: 0 0 1px 1px #0096ff; cursor: pointer; } /* line 1064, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li:hover em, .crop-toolbar li:hover em { color: #FFFFFF; background: #2d62b9; } /* line 1070, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li:first-child, .crop-toolbar li:first-child { margin-right: 20px; } /* line 1073, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li em, .crop-toolbar li em { position: relative; float: left; min-width: 50px; min-height: 48px; line-height: 48px; color: #2d62b9; background: #c2d3f0; text-align: center; font-size: 20px; } /* line 1086, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li#crop-btn, .crop-toolbar li#crop-btn { width: 50px; } /* line 1089, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li#crop-btn em, .crop-toolbar li#crop-btn em { min-width: 50px; min-height: 50px; line-height: 50px; } /* line 1095, ../scss/modules/editor/_editor-320.scss */ .image-toolbar li button, .crop-toolbar li button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } /* line 1106, ../scss/modules/editor/_editor-320.scss */ .image-selector { position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: rgba(0, 150, 255, 0.7); border-radius: 0 0 0 3px; } /* line 1114, ../scss/modules/editor/_editor-320.scss */ .image-selector:hover, .image-selector:focus { background: #0096ff; } /* line 1117, ../scss/modules/editor/_editor-320.scss */ .image-selector input { width: 16px; height: 16px; margin: 2px; background: rgba(54, 117, 255, 0.7); } /* line 1122, ../scss/modules/editor/_editor-320.scss */ .image-selector input:hover, .image-selector input:focus { background: #3675ff; } /* line 1127, ../scss/modules/editor/_editor-320.scss */ .image-options { position: absolute; bottom: 0; right: 0; height: 20px; background: rgba(0, 150, 255, 0.7); } /* line 1133, ../scss/modules/editor/_editor-320.scss */ .image-options .ioh { position: relative; float: right; width: 16px; height: 16px; background: rgba(54, 117, 255, 0.7); border-radius: 3px; margin: 2px; color: white; text-align: center; } /* line 1143, ../scss/modules/editor/_editor-320.scss */ .image-options .ioh:hover, .image-options .ioh:focus { background: #3675ff; } /* line 1148, ../scss/modules/editor/_editor-320.scss */ #cropped-image-list, #image-library-list { padding: 0; margin: 20px 0; position: relative; float: left; width: 100%; } /* line 1154, ../scss/modules/editor/_editor-320.scss */ #cropped-image-list li, #image-library-list li { position: relative; float: left; width: 100%; list-style: none; margin: 5px 0; } /* line 1160, ../scss/modules/editor/_editor-320.scss */ #cropped-image-list li picture, #image-library-list li picture { position: relative; float: left; width: 100%; box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.4); } /* line 1165, ../scss/modules/editor/_editor-320.scss */ #cropped-image-list li picture:first-child, #image-library-list li picture:first-child { box-shadow: 0 0 1px 1px rgba(0, 150, 255, 0.7); } /* line 1168, ../scss/modules/editor/_editor-320.scss */ #cropped-image-list li picture img, #image-library-list li picture img { position: relative; float: left; width: 100%; } /* line 1176, ../scss/modules/editor/_editor-320.scss */ #ill-wrap { position: relative; float: left; width: 100%; overflow: hidden; overflow-y: scroll; } /* line 1184, ../scss/modules/editor/_editor-320.scss */ #image-library-list li { height: calc(10vw - 20px); } /* line 1189, ../scss/modules/editor/_editor-320.scss */ #image-library-list li { width: 30%; margin: 10px 1%; } /* line 1192, ../scss/modules/editor/_editor-320.scss */ #image-library-list li:first-child { margin-left: 2%; } /* line 1195, ../scss/modules/editor/_editor-320.scss */ #image-library-list li:last-child { margin-left: 2%; } /*.editable.mce-edit-focus { margin-bottom:30px; }*/ /* line 1203, ../scss/modules/editor/_editor-320.scss */ #toggle_button { position: relative; float: right; height: 40px; width: 180px; padding: 10px; } /* line 1210, ../scss/modules/editor/_editor-320.scss */ #toggle_button > button { background: #7099dc; color: white; border-radius: 3px; border: #99b6e6; padding: 5px 10px; font-weight: 400; } /* line 1218, ../scss/modules/editor/_editor-320.scss */ #toggle_button > button.u-hidden { display: none; } /* line 1221, ../scss/modules/editor/_editor-320.scss */ #toggle_button > button:hover { background: #2d62b9; border: #477cd2; } /* line 1225, ../scss/modules/editor/_editor-320.scss */ #toggle_button.clicked > button { display: none; } /* line 1228, ../scss/modules/editor/_editor-320.scss */ #toggle_button.clicked > button.u-hidden { display: block; } /* line 1231, ../scss/modules/editor/_editor-320.scss */ .ab-full-panel.kbyg > ul > li > label { position: relative; float: left; width: 100%; margin-right: 0; margin-bottom: 5px; } /* line 1238, ../scss/modules/editor/_editor-320.scss */ .ab-full-panel.kbyg > ul > li > select { position: relative; float: left; max-width: 50%; margin-right: 50%; } /* line 1244, ../scss/modules/editor/_editor-320.scss */ #question-sets { position: relative; float: left; width: 100%; margin-top: 20px; } /* line 1251, ../scss/modules/editor/_editor-320.scss */ #question-sets > select, #question-sets > label { max-width: 50%; margin-right: 50%; position: relative; float: left; } /* line 1257, ../scss/modules/editor/_editor-320.scss */ #question-sets > select { margin-bottom: 30px; } /* line 1260, ../scss/modules/editor/_editor-320.scss */ .sub-section { position: relative; float: left; width: 100%; margin-left: 40px; margin-bottom: 30px; } /* line 1267, ../scss/modules/editor/_editor-320.scss */ .sub-section > label, .sub-section > select { position: relative; float: left; max-width: 100%; } @media screen and (min-width: 768px) { /* line 1, ../scss/modules/editor/_editor-768.scss */ .content-styling-tools > li { width: calc(50% - 1px); } /* line 3, ../scss/modules/editor/_editor-768.scss */ .content-styling-tools > li:first-child { margin-right: 2px; } /* line 8, ../scss/modules/editor/_editor-768.scss */ .number-columns span { text-align: left; } /* line 11, ../scss/modules/editor/_editor-768.scss */ .number-columns input { margin-left: 0; } } @media screen and (min-width: 1024px) { /* line 2, ../scss/modules/editor/_editor-1024.scss */ #editor-22 .side-menu { width: 40%; } /* line 5, ../scss/modules/editor/_editor-1024.scss */ #editor-22 .side-menu .side-top-menu i { padding: 12 0 0; font-size: 10px; } /* line 9, ../scss/modules/editor/_editor-1024.scss */ #editor-22 .side-menu .side-top-menu span { font-size: 20px; } /* line 14, ../scss/modules/editor/_editor-1024.scss */ #editor-22 .editor-wrapper { width: 60%; } } @media screen and (min-width: 1024px) and (min-width: 1200px) { /* line 23, ../scss/modules/editor/_editor-1024.scss */ #editor-22 .side-menu .side-top-menu i { display: block; font-size: 14px; padding: 8px 5px 6px; } /* line 28, ../scss/modules/editor/_editor-1024.scss */ #editor-22 .side-menu .side-top-menu span { font-size: 22px; } } /* line 1, ../scss/modules/schedules/_schedules-320.scss */ .main-panel.dashboard { overflow: hidden; } /* line 4, ../scss/modules/schedules/_schedules-320.scss */ .main-panel.dashboard > h2, .main-panel.dashboard > h4 { margin-left: 20px; width: calc(100% - 20px); } /* line 8, ../scss/modules/schedules/_schedules-320.scss */ .main-panel.dashboard > ul.day { margin-left: 20px; width: calc(100% - 20px); } /* line 12, ../scss/modules/schedules/_schedules-320.scss */ .main-panel.dashboard { padding-top: 0; } /* line 15, ../scss/modules/schedules/_schedules-320.scss */ .dropdown { padding: 0 !important; } /* line 19, ../scss/modules/schedules/_schedules-320.scss */ .dataTables_filter > label > input { margin-left: 5px; } /* line 22, ../scss/modules/schedules/_schedules-320.scss */ .day, .classrooms, .timeslots { position: relative; float: left; width: 100%; } /* line 28, ../scss/modules/schedules/_schedules-320.scss */ .timeslots { width: 90%; } /* line 32, ../scss/modules/schedules/_schedules-320.scss */ .day > li, .timeslots > li { position: relative; float: left; width: 100%; } /* line 37, ../scss/modules/schedules/_schedules-320.scss */ ul.day > li { margin-bottom: 5px; } /* line 40, ../scss/modules/schedules/_schedules-320.scss */ ul.classrooms > li.head { border-bottom: solid 1px rgba(155, 155, 155, 0.6); } /* line 44, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul > li, .callout > .callout-wrapper > ul.day > li, .day > li { width: calc(100% - 30px); } /* line 47, ../scss/modules/schedules/_schedules-320.scss */ .classrooms { border: solid 1px rgba(0, 0, 0, 0.8); } /* line 53, ../scss/modules/schedules/_schedules-320.scss */ .classrooms > li { width: 100%; border-right: solid 1px rgba(155, 155, 155, 0.5); min-height: 60px; } /* line 58, ../scss/modules/schedules/_schedules-320.scss */ .classrooms > li > h4 { position: relative; float: left; width: 10%; text-align: left; padding: 0 5px; margin: 0; font-size: 1em; border-right: solid 1px rgba(155, 155, 155, 0.5); min-height: 80px; line-height: 80px; } /* line 70, ../scss/modules/schedules/_schedules-320.scss */ .classrooms > li.head > h4 { min-height: 30px; line-height: 30px; } /* line 74, ../scss/modules/schedules/_schedules-320.scss */ .classrooms > li > h4.head, .timeslots > li.head, .classrooms > li.head { min-height: 27px; } /* line 77, ../scss/modules/schedules/_schedules-320.scss */ .classrooms > li:last-child { border-right: none; } /* line 80, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li { min-height: 80px; border-right: solid 1px rgba(155, 155, 155, 0.2); width: calc(100% / 56); } /* line 85, ../scss/modules/schedules/_schedules-320.scss */ .head > .timeslots > li { min-height: 30px; } /* line 88, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours8 > li { width: calc(100% / 32); } /* line 91, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours9 > li { width: calc(100% / 36); } /* line 94, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours10 > li { width: calc(100% / 40); } /* line 97, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours11 > li { width: calc(100% / 44); } /* line 100, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours12 > li { width: calc(100% / 48); } /* line 103, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours13 > li { width: calc(100% / 52); } /* line 106, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours14 > li { width: calc(100% / 56); } /* line 109, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours15 > li { width: calc(100% / 60); } /* line 112, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours16 > li { width: calc(100% / 64); } /* line 115, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours17 > li { width: calc(100% / 68); } /* line 118, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours18 > li { width: calc(100% / 72); } /* line 121, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li:nth-child(4n) { border-right: solid 1px rgba(155, 155, 155, 0.7); } /* line 124, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li:last-child { border-right: none; } /* line 127, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > em { position: relative; float: left; width: 10px; margin-left: 1px; padding: 5px 0; font-size: 10px; color: rgba(133, 133, 133, 0.5); } /* line 136, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li:nth-child(4n - 3) > em { font-size: 12px; color: #555; } /* line 141, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span { position: relative; float: left; width: calc(100%); text-align: center; height: 80px; padding: 0; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); } /* line 151, ../scss/modules/schedules/_schedules-320.scss */ .timeslots.hours11 > li > span > em { position: absolute; right: -1px; bottom: -1px; width: 0; height: 0; border-bottom: 25px solid red; border-left: 25px solid transparent; } /* line 160, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span > i { position: absolute; right: 3px; bottom: 1px; text-align: center; color: white; width: 12px; height: 12px; font-size: 0.7em; font-weight: 600; } /* line 171, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.start { border-left: 1px solid rgba(0, 0, 0, 0.3); } /* line 174, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.end { border-right: 1px solid rgba(0, 0, 0, 0.3); } /* line 177, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-1 { background-color: #c1ffff; border-top: 1px solid rgba(118, 166, 166, 0.3); border-bottom: 1px solid rgba(118, 166, 166, 0.3); } /* line 182, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-1.start { border-left: 1px solid rgba(118, 166, 166, 0.3); } /* line 185, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-1.end { border-right: 1px solid rgba(118, 166, 166, 0.3); } /* line 188, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-1 > em { border-bottom: 25px solid #76a6a6; } /* line 191, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-2 { background-color: #ffeec1; border-top: 1px solid rgba(199, 182, 137, 0.3); border-bottom: 1px solid rgba(199, 182, 137, 0.3); } /* line 196, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-2.start { border-left: 1px solid rgba(199, 182, 137, 0.3); } /* line 199, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-2.end { border-right: px solid rgba(199, 182, 137, 0.3); } /* line 202, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-2 > em { border-bottom: 25px solid #c7b689; } /* line 205, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-3 { background-color: #f6c1ff; border-top: 1px solid rgba(186, 144, 193, 0.3); border-bottom: 1px solid rgba(186, 144, 193, 0.3); } /* line 210, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-3.start { border-left: 1px solid rgba(186, 144, 193, 0.3); } /* line 213, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-3.end { border-right: 1px solid rgba(186, 144, 193, 0.3); } /* line 216, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-3 > em { border-bottom: 25px solid #ba90c1; } /* line 219, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-4 { background-color: #c1cfff; border-top: 1px solid rgba(146, 157, 194, 0.3); border-bottom: 1px solid rgba(146, 157, 194, 0.3); } /* line 224, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-4.start { border-left: 1px solid rgba(146, 157, 194, 0.3); } /* line 227, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-4.end { border-right: 1px solid rgba(146, 157, 194, 0.3); } /* line 230, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-4 > em { border-bottom: 25px solid #929dc2; } /* line 233, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-5 { background-color: #fcffc1; border-top: 1px solid rgba(182, 184, 138, 0.3); border-bottom: 1px solid rgba(182, 184, 138, 0.3); } /* line 238, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-5.start { border-left: 1px solid rgba(182, 184, 138, 0.3); } /* line 241, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-5.end { border-right: 1px solid rgba(182, 184, 138, 0.3); } /* line 244, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-5 > em { border-bottom: 25px solid #b6b88a; } /* line 247, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-6 { background-color: #c1ffdb; border-top: 1px solid rgba(128, 170, 145, 0.3); border-bottom: 1px solid rgba(128, 170, 145, 0.3); } /* line 252, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-6.start { border-left: 1px solid rgba(128, 170, 145, 0.3); } /* line 255, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-6.end { border-right: 1px solid rgba(128, 170, 145, 0.3); } /* line 258, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-6 > em { border-bottom: 25px solid #80aa91; } /* line 262, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-7 { background-color: #ffd5c1; border-top: 1px solid rgba(191, 160, 145, 0.3); border-bottom: 1px solid rgba(191, 160, 145, 0.3); } /* line 267, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-7.start { border-left: 1px solid rgba(191, 160, 145, 0.3); } /* line 270, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-7.end { border-right: 1px solid rgba(191, 160, 145, 0.3); } /* line 273, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-7 > em { border-bottom: 25px solid #bfa091; } /* line 276, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-8 { background-color: #ffc1c1; border-top: 1px solid rgba(200, 141, 141, 0.3); border-bottom: 1px solid rgba(200, 141, 141, 0.3); } /* line 281, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-8.start { border-left: 1px solid rgba(200, 141, 141, 0.3); } /* line 284, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-8.end { border-right: 1px solid rgba(200, 141, 141, 0.3); } /* line 287, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-8 > em { border-bottom: 25px solid #c88d8d; } /* line 290, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-9 { background-color: #c1d7ff; border-top: 1px solid rgba(141, 162, 201, 0.3); border-bottom: 1px solid rgba(141, 162, 201, 0.3); } /* line 295, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-9.start { border-left: 1px solid rgba(141, 162, 201, 0.3); } /* line 298, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-9.end { border-right: 1px solid rgba(141, 162, 201, 0.3); } /* line 301, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-9 > em { border-bottom: 25px solid #8da2c9; } /* line 304, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-0 { background-color: #d2ffc1; border-top: 1px solid rgba(147, 192, 130, 0.3); border-bottom: 1px solid rgba(147, 192, 130, 0.3); } /* line 309, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-0.start { border-left: 1px solid rgba(147, 192, 130, 0.3); } /* line 312, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-0.end { border-right: 1px solid rgba(147, 192, 130, 0.3); } /* line 315, ../scss/modules/schedules/_schedules-320.scss */ .timeslots > li > span.u-code-0 > em { border-bottom: 25px solid #93c082; } /* line 318, ../scss/modules/schedules/_schedules-320.scss */ .classrooms > li { position: relative; float: left; } /*.classrooms > li.col1{ width:calc(100% / 1); } .classrooms > li.col2{ width:calc(100% / 2); } .classrooms > li.col3{ width:calc(100% / 3); } .classrooms > li.col4{ width:calc(100% / 4); } .classrooms > li.col5{ width:calc(100% / 5); } .classrooms > li.col5{ width:calc(100% / 6); } .classrooms > li.col7{ width:calc(100% / 7); } .classrooms > li.col8{ width:calc(100% / 8); } .classrooms > li.col9{ width:calc(100% / 9); } .classrooms > li.col10{ width:calc(100% / 10); }*/ /* line 352, ../scss/modules/schedules/_schedules-320.scss */ .class-description { position: absolute; left: 0; top: 0; height: 80px; padding: 1px 5px; font-size: 11px; line-height: 14px; z-index: 99; } /* line 362, ../scss/modules/schedules/_schedules-320.scss */ .class-description > ul { position: relative; float: left; margin: 0; padding: 0; list-style: none; width: 100%; height: 42px; } /* line 371, ../scss/modules/schedules/_schedules-320.scss */ .class-description > ul > li { position: relative; float: left; width: 100%; text-align: center; } /* line 377, ../scss/modules/schedules/_schedules-320.scss */ .class-description > figcaption { position: absolute; left: 0; bottom: 2px; transform-origin: 20px 20px; height: 13px; width: auto; font-size: 11px; line-height: 12px; font-weight: 400; padding: 1px 5px; border-radius: 0 3px 0 0; background: white; color: #005a99; box-shadow: 1px 0px 1px 1px rgba(155, 155, 155, 0.3); } /* line 394, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-15 { width: calc(100% * 1); } /* line 397, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-15 > ul { width: auto; overflow: hidden; } /* line 401, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-15 > ul:hover { width: 600%; overflow: auto; background: white; } /* line 406, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-30 { width: calc(100% * 2); } /* line 409, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-35 > ul { width: auto; overflow: hidden; } /* line 413, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-35 > ul:hover { width: 600%; overflow: auto; background: white; } /* line 418, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-45 { width: calc(100% * 3); } /* line 421, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-45 > ul { width: auto; overflow: hidden; } /* line 425, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-45 > ul:hover { width: 600%; overflow: auto; background: white; } /* line 430, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-60 { width: calc(100% * 3); } /* line 433, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-60 > ul { width: auto; overflow: hidden; } /* line 437, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-60 > ul:hover { width: 500%; overflow: auto; background: white; } /* line 442, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-75 { width: calc(100% * 3); } /* line 445, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-75 { width: calc(100% * 3); } /* line 448, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-75 > ul { width: auto; overflow: hidden; } /* line 452, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-75 > ul:hover { width: 400%; overflow: auto; background: white; } /* line 457, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-85 { width: calc(100% * 3); } /* line 460, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-85 > ul { width: auto; overflow: hidden; } /* line 464, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-85 > ul:hover { width: 400%; overflow: auto; background: white; } /* line 469, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-100 { width: calc(100% * 5); } /* line 472, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-115 { width: calc(100% * 6); } /* line 475, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-130 { width: calc(100% * 7); } /* line 478, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-145 { width: calc(100% * 8); } /* line 481, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-160 { width: calc(100% * 8); } /* line 484, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-185 { width: calc(100% * 8); } /* line 487, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-200 { width: calc(100% * 10); } /* line 490, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-215 { width: calc(100% * 11); } /* line 493, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-230 { width: calc(100% * 12); } /* line 496, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-245 { width: calc(100% * 13); } /* line 499, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-260 { width: calc(100% * 12); } /* line 502, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-285 { width: calc(100% * 12); } /* line 505, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-300 { width: calc(100% * 13); } /* line 508, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-315 { width: calc(100% * 14); } /* line 511, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-330 { width: calc(100% * 15); } /* line 514, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-345 { width: calc(100% * 16); } /* line 517, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-400 { width: calc(100% * 17); } /* line 520, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-415 { width: calc(100% * 18); } /* line 523, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-430 { width: calc(100% * 19); } /* line 526, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-445 { width: calc(100% * 20); } /* line 529, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-500 { width: calc(100% * 21); } /* line 532, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-515 { width: calc(100% * 22); } /* line 535, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-530 { width: calc(100% * 23); } /* line 538, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-545 { width: calc(100% * 24); } /* line 541, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-600 { width: calc(100% * 25); } /* line 544, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-615 { width: calc(100% * 26); } /* line 547, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-630 { width: calc(100% * 27); } /* line 550, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-645 { width: calc(100% * 28); } /* line 553, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-700 { width: calc(100% * 29); } /* line 556, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-715 { width: calc(100% * 30); } /* line 559, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-730 { width: calc(100% * 31); } /* line 562, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-745 { width: calc(100% * 32); } /* line 565, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-800 { width: calc(100% * 33); } /* line 568, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-1 { width: calc(100% * 1); } /* line 571, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-1 > ul { width: auto; overflow: hidden; } /* line 575, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-1 > ul:hover { width: 600%; overflow: auto; background: white; } /* line 580, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-2 { width: calc(100% * 2); } /* line 583, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-2 > ul { width: auto; overflow: hidden; } /* line 587, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-2:hover > ul { width: 600%; overflow: auto; background: white; } /* line 592, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-3 { width: calc(100% * 3); } /* line 595, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-3 > ul { width: auto; overflow: hidden; } /* line 599, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-3:hover > ul { width: 600%; overflow: auto; background: white; } /* line 604, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-4 { width: calc(100% * 3); } /* line 607, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-4 > ul { width: auto; overflow: hidden; } /* line 611, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-4:hover > ul { width: 500%; overflow: auto; background: white; } /* line 616, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-5 { width: calc(100% * 6); } /* line 619, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-5 > ul { width: auto; overflow: hidden; } /* line 623, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-5:hover > ul { width: 400%; overflow: auto; background: white; } /* line 628, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-6 { width: calc(100% * 3); } /* line 631, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-6 > ul { width: auto; overflow: hidden; } /* line 635, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-6:hover > ul { width: 400%; overflow: auto; background: white; } /* line 640, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-7 { width: calc(100% * 9); } /* line 643, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-7 > ul { width: auto; overflow: hidden; } /* line 647, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-7:hover > ul { width: 400%; overflow: auto; background: white; } /* line 652, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-8 { width: calc(100% * 10); } /* line 655, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-9 { width: calc(100% * 11); } /* line 658, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-10 { width: calc(100% * 12); } /* line 661, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-11 { width: calc(100% * 13); } /* line 664, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-12 { width: calc(100% * 14); } /* line 667, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-13 { width: calc(100% * 15); } /* line 670, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-14 { width: calc(100% * 16); } /* line 673, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-15 { width: calc(100% * 17); } /* line 676, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-16 { width: calc(100% * 18); } /* line 679, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-17 { width: calc(100% * 19); } /* line 682, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-18 { width: calc(100% * 20); } /* line 685, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-19 { width: calc(100% * 21); } /* line 688, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-20 { width: calc(100% * 22); } /* line 691, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-21 { width: calc(100% * 23); } /* line 694, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-22 { width: calc(100% * 24); } /* line 697, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-23 { width: calc(100% * 25); } /* line 700, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-24 { width: calc(100% * 26); } /* line 703, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-25 { width: calc(100% * 27); } /* line 706, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-26 { width: calc(100% * 28); } /* line 709, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-27 { width: calc(100% * 29); } /* line 712, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-28 { width: calc(100% * 30); } /* line 715, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-29 { width: calc(100% * 31); } /* line 718, ../scss/modules/schedules/_schedules-320.scss */ .class-description.l-30 { width: calc(100% * 32); } /* line 721, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor { position: absolute; top: 0; left: 29px; width: calc(100% - 29px); min-height: 90px; font-size: 0.9em; } /* line 729, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor > ul, .class-descriptor > ul > li { position: relative; float: left; width: 100%; list-style: none; font-size: 0.9em; text-align: center; } /* line 737, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor > ul { padding: 5px; } /* line 741, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor > ul > li { overflow-wrap: break-word; } /* line 745, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-800 { top: 30px; } /* line 748, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-815 { top: 54px; } /* line 751, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-830 { top: 78px; } /* line 754, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-845 { top: 102px; } /* line 758, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-900 { top: 126px; } /* line 761, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-915 { top: 150px; } /* line 764, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-930 { top: 174px; } /* line 767, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-945 { top: 198px; } /* line 771, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1000 { top: 222px; } /* line 774, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1015 { top: 246px; } /* line 777, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1030 { top: 370px; } /* line 780, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1045 { top: 294px; } /* line 784, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1100 { top: 318px; } /* line 787, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1115 { top: 342px; } /* line 790, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1130 { top: 366px; } /* line 793, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1145 { top: 390px; } /* line 797, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1200 { top: 414px; } /* line 800, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1215 { top: 438px; } /* line 803, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1230 { top: 462px; } /* line 806, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1245 { top: 486px; } /* line 810, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1300 { top: 510px; } /* line 813, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1315 { top: 534px; } /* line 816, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1330 { top: 558px; } /* line 819, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1345 { top: 582px; } /* line 823, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1400 { top: 606px; } /* line 826, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1415 { top: 630px; } /* line 829, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1430 { top: 654px; } /* line 832, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1445 { top: 678px; } /* line 836, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1500 { top: 702px; } /* line 839, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1515 { top: 726px; } /* line 842, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1530 { top: 750px; } /* line 845, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1545 { top: 774px; } /* line 849, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1600 { top: 798px; } /* line 852, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1615 { top: 822px; } /* line 855, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1630 { top: 846px; } /* line 858, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1645 { top: 870px; } /* line 862, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1700 { top: 894px; } /* line 865, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1715 { top: 918px; } /* line 868, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1730 { top: 942px; } /* line 871, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1745 { top: 966px; } /* line 875, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1800 { top: 990px; } /* line 878, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1815 { top: 1014px; } /* line 881, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1830 { top: 1038px; } /* line 884, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1845 { top: 1062px; } /* line 888, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1900 { top: 1086px; } /* line 891, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1915 { top: 1110px; } /* line 894, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1930 { top: 1134px; } /* line 897, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-1945 { top: 1158px; } /* line 901, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2000 { top: 1182px; } /* line 904, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2015 { top: 1206px; } /* line 907, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2030 { top: 1230px; } /* line 910, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2045 { top: 1254px; } /* line 914, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2100 { top: 1278px; } /* line 917, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2115 { top: 1302px; } /* line 920, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2130 { top: 1326px; } /* line 923, ../scss/modules/schedules/_schedules-320.scss */ .class-descriptor.s-2145 { top: 1350px; } /* line 927, ../scss/modules/schedules/_schedules-320.scss */ .callout { position: fixed; top: calc(50vh - 120px); height: 240px; left: calc(50vw - 170px); width: 340px; background: #FFFFFF; z-index: 9999; box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5); text-align: center; border-radius: 5px; display: none; overflow: hidden; } /* line 941, ../scss/modules/schedules/_schedules-320.scss */ .callout.confirm { display: block; } /* line 944, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > button { background: #32a1ff; } /* line 947, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > button:hover, .callout > button:focus, .callout-footer > button:hover, .callout-footer > button:focus { background: #006ecb; } /* line 950, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > ul > li > button, .callout-wrapper > button, .callout-footer > button { bottom: 20px; border: none; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); border-radius: 3px; padding: 5px 10px; color: white; background: #32a1ff; } /* line 960, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > ul > li > button:hover { background: #006ecb; } /* line 963, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > ul > li > button.ok, .callout-wrapper > ul > li > button.delete, .callout-footer > ul > li > button.ok, .callout-footer > ul > li > button.delete { position: absolute; left: 20px; background: #32a1ff; color: white; } /* line 970, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > button.ok:hover, .callout-footer > button.ok { background: #006ecb; } /* line 973, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > button.no, .callout-footer > button.no { position: absolute; right: 20px; bottom: 20px; background: #f3f3f3; color: #555; } /* line 980, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > ul > li > button.delete, .callout-footer > ul > li > button.delete { left: auto; right: 100px; } /* line 985, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > button.ok, .callout-footer > button.ok { position: absolute; left: 20px; bottom: 20px; } /* line 990, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > button.no:hover, .callout-footer > button.no { background: #006ecb; color: white; } /* line 994, ../scss/modules/schedules/_schedules-320.scss */ .callout > div > button.delete { position: absolute; left: 110px; background: #ff6666; color: white; cursor: pointer; } /* line 1001, ../scss/modules/schedules/_schedules-320.scss */ .callout > div > ul > li > label { min-width: 30%; } /* line 1004, ../scss/modules/schedules/_schedules-320.scss */ .callout > div > ul > li > label.days-label { position: relative; float: left; margin-right: 10px; min-width: 50px; } /* line 1010, ../scss/modules/schedules/_schedules-320.scss */ .callout > div > ul > li > input.days-input { margin-right: 20%; } /* line 1013, ../scss/modules/schedules/_schedules-320.scss */ .callout > div > button.delete:hover { background: red; } /* line 1016, ../scss/modules/schedules/_schedules-320.scss */ .sub-nav.preview > ul > li > a > button:hover, .sub-nav.preview > ul > li > div > button:hover { background: #477cd2; color: white; } /* line 1020, ../scss/modules/schedules/_schedules-320.scss */ .sub-nav.preview > ul > li > a > button.primed, .sub-nav.preview > ul > li > div > button.primed { background: #477cd2; color: white; } /* line 1024, ../scss/modules/schedules/_schedules-320.scss */ .sub-nav.preview > ul > li > a > button.primed:hover, .sub-nav.preview > ul > li > div > button.primed:hover { background: #193767; } /* line 1027, ../scss/modules/schedules/_schedules-320.scss */ .callout > .bottom-toolbar { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background: white; box-shadow: 0 -2px 4px 0 rgba(155, 155, 155, 0.4); } /* line 1036, ../scss/modules/schedules/_schedules-320.scss */ .callout > .bottom-toolbar > button > .loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-position: 50% 0; background-size: 60%; background-image: url("../ui/white_spinner.gif"); opacity: 0.8; background-color: #477cd2; display: none; } /* line 1051, ../scss/modules/schedules/_schedules-320.scss */ .callout > .bottom-toolbar > button.loading > .loader { display: block; } /* line 1054, ../scss/modules/schedules/_schedules-320.scss */ .callout.confirm { z-index: 9998; } /* line 1057, ../scss/modules/schedules/_schedules-320.scss */ .callout.confirm_ontop { z-index: 9999; } /* line 1061, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper .js-global { cursor: pointer; } /* line 1065, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-large, #confirm-callout-long { top: calc(20px); height: 90vh; left: calc(50vw - 230px); width: 460px; z-index: 9999; } /* line 1072, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-large { width: 600px; left: calc(50vw - 300px); } /* line 1076, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-longer { top: calc(50px); height: 700px; left: calc(50vw - 230px); width: 460px; } /* line 1085, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor { top: 10vh; height: 80vh; left: 10vw; width: 80vw; } /* line 1091, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor > .callout-wrapper { height: calc(80vh - 40px); overflow-y: scroll; } /* line 1095, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor > .callout-wrapper > ul > li > label { position: relative; float: left; max-width: 150px; width: 30%; background-color: #f3f3f3; margin-bottom: 1px; padding: 5px; } /* line 1105, ../scss/modules/schedules/_schedules-320.scss */ .callout-wrapper > ul > li.boxed { border: solid rgba(133, 133, 133, 0.5) 1px; padding: 5px 10px; margin: 5px 0; width: auto !important; } /* line 1111, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor > .callout-wrapper > ul > li > input { position: relative; float: left; max-width: 540px; width: 70%; margin-bottom: 1px; margin: 1px; padding: 4px 5px 3px; border: solid 1px rgba(155, 155, 155, 0.5); } /* line 1121, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor > .callout-wrapper > ul > li > select { position: relative; float: left; max-width: 300px; margin-bottom: 1px; margin: 2px; padding: 3px; border: solid 1px rgba(155, 155, 155, 0.5); } /* line 1130, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor > .callout-wrapper > ul > li > input[type="checkbox"] { max-width: 40px; border: solid 1px rgba(155, 155, 155, 0.5); height: 28px; } /* line 1135, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor > .callout-wrapper > ul > li > textarea, #confirm-callout-editor > .callout-wrapper > ul > li > .tnymce-wrapper { position: relative; float: left; max-width: 540px; width: 70%; margin-bottom: 1px; padding: 4px; margin: 1px; min-height: 120px; border: solid 1px rgba(155, 155, 155, 0.5); } /* line 1146, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-editor > .callout-wrapper > li#select-options { margin-bottom: 80px; } /* line 1150, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-2.confirm { background: white; z-index: 99999; box-shadow: 0 0 100px 40px rgba(155, 155, 155, 0.7); } /* line 1156, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full { top: 0vh; height: calc(100vh); left: 0vw; width: 100vw; overflow-y: scroll; z-index: 9998; } /* line 1164, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full > .callout-wrapper { overflow-y: scroll; height: calc(95vh - 150px); padding-bottom: 80px; overflow-y: scroll; } /* line 1170, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper { position: relative; float: left; width: 100%; overflow-y: scroll; height: 210px; padding: 20px 20px 100px; text-align: left; font-size: 1.1em; } /* line 1180, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background: #f3f3f3; box-shadow: 0 2px 5px 2px rgba(155, 155, 155, 0.4); } /* line 1189, ../scss/modules/schedules/_schedules-320.scss */ #callout-wrapper.api > ul > li:nth-child(2n) { background: #477cd2; color: white; margin-bottom: 1px; } /* line 1194, ../scss/modules/schedules/_schedules-320.scss */ #callout-wrapper.api > ul > li:nth-child(2n - 1) { background: #5b8ad7; color: white; margin-bottom: 1px; } /* line 1199, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-large > .callout-wrapper, #confirm-callout-long > .callout-wrapper { height: calc(100% - 50px); overflow-y: scroll; } /* line 1203, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-longer > .callout-wrapper { height: 660px; } /* line 1207, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-large > .callout-wrapper > .tnymce-wrapper { min-height: 120px; box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.3); padding: 10px; } /* line 1212, ../scss/modules/schedules/_schedules-320.scss */ .callout > h3 { margin: 0; text-align: left; line-height: 20px; padding: 10px 20px; background: #2d62b9; color: white; font-size: 1.1em; font-weight: 600; text-align: center; } /* line 1224, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > p { position: relative; float: left; width: 100%; } /* line 1229, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > label { position: relative; float: left; text-align: right; margin: 4px 10px; width: calc(40% - 20px); } /* line 1236, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > input { position: relative; float: left; width: 60%; font-size: 1.4em; } /* line 1242, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > textarea { position: relative; float: left; width: 100%; margin-top: 10px; } /* line 1248, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > .tinymce-body { position: relative; float: left; width: 100%; margin-top: 10px; max-height: 240px; overflow-y: scroll; } /* line 1256, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul { position: relative; float: left; width: 100%; } /* line 1261, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul > li { position: relative; float: left; width: 100%; padding: 5px; } /* line 1268, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul > li > em { position: relative; float: left; width: 20px; } /* line 1273, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul > li > span { position: relative; float: left; width: calc(100% - 50px); } /* line 1278, ../scss/modules/schedules/_schedules-320.scss */ .click-close { position: fixed; width: 100vw; height: 100vh; z-index: 0; } /* line 1283, ../scss/modules/schedules/_schedules-320.scss */ .click-close em { position: absolute; top: 10px; right: 30px; color: white; font-size: 24px; z-index: 99999; height: 24px; background: transparent; width: 24px; font-weight: 600; text-transform: lowercase; } /* line 1297, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout { position: fixed; top: calc(50vh - 130px); height: 260px; left: calc(50vw - 170px); width: 340px; background: #FFFFFF; z-index: 9999; box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5); text-align: center; padding: 20px; border-radius: 5px; display: none; } /* line 1311, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout.bigger { top: calc(50vh - 180px); min-height: 360px; padding: 0; } /* line 1316, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout.bigger > h3 { position: relative; float: left; width: 100%; background: #006ecb; color: white; padding: 10px 20px; } /* line 1324, ../scss/modules/schedules/_schedules-320.scss */ #in-page-login { position: relative; float: left; width: 100%; padding: 20px; height: 320px; } /* line 1331, ../scss/modules/schedules/_schedules-320.scss */ #in-page-login > label, #in-page-login > input { position: relative; float: left; width: 100%; text-align: left; } /* line 1337, ../scss/modules/schedules/_schedules-320.scss */ #in-page-login > .callout-footer { position: absolute; bottom: 0; left: 0; width: 340px; height: 20px; padding: 5px 20px; } /* line 1345, ../scss/modules/schedules/_schedules-320.scss */ #in-page-login > .callout-footer > button { position: relative; float: left; background: #006ecb; } /* line 1350, ../scss/modules/schedules/_schedules-320.scss */ #in-page-login > .callout-footer > button:hover { background: #003765; } /* line 1353, ../scss/modules/schedules/_schedules-320.scss */ #in-page-login > .callout-footer > button.no { float: right; right: 0; } /* line 1357, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout h3 { margin: 0; text-align: left; font-size: 16px; line-height: 18px; } /* line 1363, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout input { position: relative; float: left; margin: 10px 0; width: 100%; padding: 5px; border: solid 1px #006ecb; } /* line 1372, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout.confirm { display: block; z-index: 99999; } /* line 1376, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout span { position: relative; float: left; width: 100%; padding: 5px 0; color: #555; font-weight: 400; margin-bottom: 40px; line-height: 16px; text-align: left; } /* line 1386, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout span a { color: #006ecb; text-decoration: underline; } /* line 1392, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout button { position: absolute; bottom: 20px; border: none; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); border-radius: 3px; padding: 5px 10px; } /* line 1401, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout button.ok { left: 20px; background: #32a1ff; color: white; } /* line 1407, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout button.ok:hover { background: #006ecb; } /* line 1411, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout button.no { right: 20px; } /* line 1414, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout button.no:hover { background: #2d62b9; } /* line 1417, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full > .unfinished-forms-list { position: relative; float: left; width: 100%; padding: 0 20px; } /* line 1423, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full > .unfinished-forms-list > h2 { position: relative; float: left; width: 100%; font-size: 16px; line-height: 22px; text-align: left; margin-top: 20px; margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid rgba(155, 155, 155, 0.3); font-weight: 600; } /* line 1436, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full > .unfinished-forms-list > h2 > a { font-weight: 400; } /* line 1439, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full > .unfinished-forms-list > table.applicant-forms-table > tbody > tr { border: none; } /* line 1442, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full > .unfinished-forms-list > table.applicant-forms-table > thead > tr > th { border: none; } /* line 1445, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-full > .unfinished-forms-list > table.applicant-forms-table { border-bottom: 1px solid rgba(155, 155, 155, 0.3); padding-bottom: 10px; margin-left: 40px; width: calc(100% - 40px); } /* line 1451, ../scss/modules/schedules/_schedules-320.scss */ .unfinished-forms-list > .applicant-forms-table > tbody > tr > td:nth-child(4n - 3) > div { width: auto; text-align: left; } /* line 1455, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-page-preview { position: fixed; top: 2.5vh; height: 95vh; left: calc(50vw - 380px); width: 760px; background: #FFFFFF; z-index: 9999; box-shadow: 0 0 5px 2px rgba(155, 155, 155, 0.5); text-align: center; padding: 20px; border-radius: 5px; display: none; } /* line 1468, ../scss/modules/schedules/_schedules-320.scss */ #confirm-callout-page-preview.confirm { display: block; } /* line 1472, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul > li.nclcd { position: relative; float: left; width: 100%; margin-bottom: 10px; } /* line 1478, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul > li.w50 { width: 50%; } /* line 1481, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul > li.nclcd > label, .callout > .callout-wrapper > ul#ncl > li > label, .callout > .callout-wrapper > ul > li.nclc > label { position: relative; float: left; width: 40%; font-size: 1em; } /* line 1487, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul#ncl > li > label, .callout > .callout-wrapper > ul > li.nclc > label { width: auto; } /* line 1490, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > ul#ncl > li.w50 > label.w100 { width: 100%; } /* line 1493, ../scss/modules/schedules/_schedules-320.scss */ .days-wrapper { position: relative; float: left; width: 100%; } /* line 1498, ../scss/modules/schedules/_schedules-320.scss */ .days-wrapper > .day { position: relative; float: left; width: 20px; text-align: center; margin-right: 10px; } /* line 1505, ../scss/modules/schedules/_schedules-320.scss */ span.days-label, input.days-input { position: relative; float: left; width: 20px; height: 20px; text-align: center; margin-bottom: 5px; } /* line 1513, ../scss/modules/schedules/_schedules-320.scss */ .class-actions { padding: 5px 0; border-bottom: 1px solid rgba(155, 155, 155, 0.3); } /* line 1517, ../scss/modules/schedules/_schedules-320.scss */ .class-actions > .left-channel { position: relative; float: left; width: calc(100% - 160px); } /* line 1522, ../scss/modules/schedules/_schedules-320.scss */ .class-actions > .left-channel > span { position: relative; float: left; width: 100%; } /* line 1527, ../scss/modules/schedules/_schedules-320.scss */ .class-actions > .right-channel { position: relative; float: left; width: 160px; } /* line 1532, ../scss/modules/schedules/_schedules-320.scss */ .class-actions > .right-channel > ul { position: relative; float: left; width: 100%; } /* line 1537, ../scss/modules/schedules/_schedules-320.scss */ .class-actions > .right-channel > ul li { position: relative; float: left; width: 100%; padding: 5px 10px; text-align: center; background: #2d62b9; border-radius: 3px; border: 1px solid rgba(200, 200, 200, 0.3); color: #FFFFFF; font-weight: 400; cursor: pointer; margin-bottom: 2px; } /* line 1551, ../scss/modules/schedules/_schedules-320.scss */ .class-actions > .right-channel > ul li:hover { background: #193767; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.3); } /* line 1556, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel, .user-man > .right-panel { position: relative; float: left; width: 100%; } /* line 1563, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul, .user-man > .right-panel > ul { margin-bottom: 20px; } /* line 1566, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > h3, .user-man > .right-panel > h3 { margin: 5px 0; padding: 0; width: 100%; position: relative; float: left; } /* line 1573, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li, .user-man > .right-panel > ul > li { position: relative; float: left; margin-left: 15px; } /* line 1578, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .right-panel > ul > li { width: 20%; margin-right: 13%; } /* line 1582, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .right-panel > ul > li:nth-child(3n) { margin-right: 0; } /* line 1585, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .right-panel > ul > li > label { position: relative; float: left; } /* line 1590, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .right-panel > ul > li > input { position: relative; float: right; } /* line 1594, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul, .user-man > .right-panel > ul, .user-man > .left-panel > ul > li { position: relative; float: left; width: 100%; } /* line 1599, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li { margin-bottom: 5px; } /* line 1602, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li:first-child { margin-top: 10px; } /* line 1605, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul#programs > li { margin-bottom: 10px; } /* line 1608, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li > span { font-weight: 600; } /* line 1611, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li > h4 { margin: 0; } /* line 1614, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li > h4 > em { position: relative; margin: 0 5px; font-size: 12px; } /* line 1619, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li > ul > li { position: relative; float: left; width: 100%; } /* line 1624, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li > ul > li > label { position: relative; float: left; font-weight: 400; max-width: calc(100% - 40px); } /* line 1630, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li > ul > li > input { position: relative; float: left; max-width: 30px; margin-left: 10px; } /* line 1636, ../scss/modules/schedules/_schedules-320.scss */ .user-man > .left-panel > ul > li > span > em, .user-man > .right-panel > ul > li > span > em { position: relative; margin: 0 5px; font-size: 10px; } /* line 1641, ../scss/modules/schedules/_schedules-320.scss */ #in-page-login > label, #in-page-login > input { position: relative; float: left; width: 100%; text-align: left; } /* line 1647, ../scss/modules/schedules/_schedules-320.scss */ #program-details > li > label > span.Form-label-text { width: 40%; } /* line 1650, ../scss/modules/schedules/_schedules-320.scss */ #program-details > li > label > i { display: none; } /* line 1653, ../scss/modules/schedules/_schedules-320.scss */ #program-details > li > label > input.Form-input { margin-left: 40%; } /* line 1656, ../scss/modules/schedules/_schedules-320.scss */ #program-details > li > label > input.Form-input.checkbox { margin-left: 40% !important; } /* line 1659, ../scss/modules/schedules/_schedules-320.scss */ #program-details > li > span.Form-label-text { font-size: 1em; } /* line 1662, ../scss/modules/schedules/_schedules-320.scss */ #program-details > li > i { display: none; } /* line 1665, ../scss/modules/schedules/_schedules-320.scss */ #program-details > li > select { margin-top: 5px; width: calc(100% - 50px); border: rgba(155, 155, 155, 0.3); } /* line 1670, ../scss/modules/schedules/_schedules-320.scss */ .sc-3-cols { position: relative; float: left; width: 100%; } /* line 1675, ../scss/modules/schedules/_schedules-320.scss */ .callout > .callout-wrapper > .sc-3-cols > li { position: relative; float: left; width: 33.3%; padding: 20px; } /* line 1681, ../scss/modules/schedules/_schedules-320.scss */ .sc-3-cols > li > h3 { font-size: 18px; } /* line 1684, ../scss/modules/schedules/_schedules-320.scss */ .sc-3-cols > li > ul { position: relative; float: left; width: 100%; } /* line 1689, ../scss/modules/schedules/_schedules-320.scss */ .sc-3-cols > li > ul > li { position: relative; float: left; width: 100%; } /* line 1694, ../scss/modules/schedules/_schedules-320.scss */ .sc-3-cols > li > span, .sc-3-cols > li > ul > li > span { position: relative; float: left; text-decoration: underline; color: #193767; padding: 5px 10px; } /* line 1701, ../scss/modules/schedules/_schedules-320.scss */ .sc-3-cols > li > span:hover, .sc-3-cols > li > ul > li > span:hover { color: #2d62b9; } /* line 1704, ../scss/modules/schedules/_schedules-320.scss */ .nclc > select { max-width: 100%; } /* line 1707, ../scss/modules/schedules/_schedules-320.scss */ .nclc > label > i { float: left; color: #2d62b9; font-size: 0.85em; width: 100%; } /* line 1713, ../scss/modules/schedules/_schedules-320.scss */ .class-row { border-bottom: 1px solid #333; margin-bottom: 5px; } /* line 1717, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes, .pending-classes > ul, .pending-classes > ul > li, .pending-classes > ul > li > ul, .pending-classes > ul > li > ul > li { position: relative; float: left; width: 100%; } /* line 1723, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes { padding-bottom: 80px; } /* line 1726, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul { padding: 20px; } /* line 1729, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li { padding: 5px 0; } /* line 1732, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li { padding: 5px 10px; text-align: left; } /* line 1736, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li:nth-child(1) { width: 10%; } /* line 1739, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li:nth-child(2) { width: 45%; border-left: 1px solid rgba(133, 133, 133, 0.3); } /* line 1743, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li:nth-child(3) { width: 20%; border-left: 1px solid rgba(133, 133, 133, 0.3); } /* line 1747, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li:nth-child(4) { width: 10%; border-left: 1px solid rgba(133, 133, 133, 0.3); } /* line 1751, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li:nth-child(5) { width: 15%; border-left: 1px solid rgba(133, 133, 133, 0.3); } /* line 1755, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li > div.searching > span { position: relative; float: left; } /* line 1759, ../scss/modules/schedules/_schedules-320.scss */ .pending-classes > ul > li > ul > li > div.searching > em { background-repeat: no-repeat; background-image: url(../ui/loading-chain.gif); background-size: 100%; background-position: 50% 50%; position: relative; float: left; width: 40px; height: 10px; margin-top: 6px; } /* line 1770, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul { position: relative; float: left; width: 100%; list-style: none; } /* line 1776, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul > li { position: relative; float: left; width: 100%; padding: 20px; margin-top: 20px; border: solid 1px rgba(133, 133, 133, 0.3); border-radius: 3px; cursor: pointer; } /* line 1786, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul > li.active { background: #2d62b9; color: white; } /* line 1790, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul > li:hover { background: #7099dc; color: white; cursor: pointer; } /* line 1795, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul > li.grid1 { width: 120px; margin-left: calc(50% - 60px); } /* line 1799, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul > li.grid2 { width: 120px; margin-left: calc(25% - 60px); cursor: pointer; } /* line 1804, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul > li.grid3, .week-select > ul > li.grid6, .week-select > ul > li.grid9, .week-select > ul > li.grid12, .week-select > ul > li.grid15, .week-select > ul > li.grid18, .week-select > ul > li.grid21, .week-select > ul > li.grid24 { width: 120px; margin-left: calc(20% - 60px); cursor: pointer; } /* line 1809, ../scss/modules/schedules/_schedules-320.scss */ .week-select > ul > li.grid4, .week-select > ul > li.grid5, .week-select > ul > li.grid7, .week-select > ul > li.grid8, .week-select > ul > li.grid10, .week-select > ul > li.grid11, .week-select > ul > li.grid13, .week-select > ul > li.grid14, .week-select > ul > li.grid16, .week-select > ul > li.grid17, .week-select > ul > li.grid19, .week-select > ul > li.grid20, .week-select > ul > li.grid22, .week-select > ul > li.grid23 { width: 120px; margin-left: calc(16.66% - 60px); cursor: pointer; } @media screen and (min-width: 1024px) { /* line 1, ../scss/modules/schedules/_schedules-1024.scss */ .user-man > .left-panel, .user-man > .right-panel { position: relative; float: left; width: calc(50% - 10px); } /* line 7, ../scss/modules/schedules/_schedules-1024.scss */ .user-man > .left-panel { margin-right: 10px; } /* line 10, ../scss/modules/schedules/_schedules-1024.scss */ .user-man > .right-panel { margin-left: 10px; } } /* line 1, ../scss/modules/tickets/_tickets-320.scss */ .big-loader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.9); background-repeat: no-repeat; background-image: url("../ui/loading-chain.gif"); background-position: 50% 50%; display: none; } /* line 13, ../scss/modules/tickets/_tickets-320.scss */ .big-loader.loading { display: block; z-index: 9999; } /* line 17, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets { position: relative; float: left; width: calc(100% - 66px); background: #FFFFFF; padding: 0; box-shadow: 0 1px 3px 1px rgba(133, 133, 133, 0.1); margin-bottom: 40px; } /* line 26, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item, .sub-nav.tickets > div.sub-nav-item-inactive { position: relative; float: left; padding: 10px 20px; } /* line 31, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item.active { background: #477cd2; color: white; } /* line 35, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item > button, .sub-nav.tickets > div.sub-nav-item-inactive > button { cursor: pointer; padding: 5px 10px; border-right: rgba(133, 133, 133, 0.5) solid 1px; background: none; } /* line 41, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item.g6, .sub-nav.tickets > div.sub-nav-item-inactive.g6 { width: 16.66%; height: 74px; } /* line 45, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item:last-child { border-right: none; } /* line 48, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item > button, .sub-nav.tickets > div.sub-nav-item-inactive > button, .sub-nav.tickets > div.sub-nav-item-inactive > div, .sub-nav.tickets > div.sub-nav-item > div { position: relative; float: left; border: none; width: 100%; text-align: center; } /* line 55, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item > button > i, .sub-nav.tickets > div.sub-nav-item > button > span > i, .sub-nav.tickets > div.sub-nav-item-inactive > button > span > i { font-size: 0.7em; } /* line 58, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item-inactive > button { padding: 17px 0; } /* line 61, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item-inactive > button > span { line-height: 18px; } /* line 64, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item-inactive > button.double { padding: 7px 0; } /* line 67, ../scss/modules/tickets/_tickets-320.scss */ .sub-nav.tickets > div.sub-nav-item > button > i, .sub-nav.tickets > div.sub-nav-item-inactive > button > i, .sub-nav.tickets > div.sub-nav-item > div > i, .sub-nav.tickets > div.sub-nav-item-inactive > div > i { width: 20px; height: 20px; margin-right: 10px; font-size: 12px; line-height: 22px; } /* line 74, ../scss/modules/tickets/_tickets-320.scss */ div.sub-nav-item > button > span, div.sub-nav-item-inactive > button > span, div.sub-nav-item > div > span, div.sub-nav-item-inactive > div > span { font-size: 18px; line-height: 22px; } /* line 2, ../scss/site/modules/sisto-icons/_icons-320.scss */ #main-area-home-icon { position: relative; float: left; display: block; left: 0; max-width: 100vw; overflow-wrap: break-word; } /* line 10, ../scss/site/modules/sisto-icons/_icons-320.scss */ #main-area-info-icon, #main-area-academics-icon, #main-area-travel-icon, #main-area-diversity-icon, #library-nav-main-panel { padding: 0 2.5% 100px 0; max-width: 90vw; overflow-wrap: break-word; } /* line 16, ../scss/site/modules/sisto-icons/_icons-320.scss */ #main-area-travel-icon { position: absolute; left: 0; } /* line 20, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter-header { width: 100%; position: relative; font-size: 1.8em; font-weight: 400; color: rgba(255, 255, 255, 0.7); letter-spacing: 2px; text-align: center; margin-bottom: 10px; } /* line 30, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper { position: relative; float: left; width: 100%; margin-bottom: 15px; height: 120px; padding: 10px 20px; text-align: center; border-radius: 5px; color: #FFFFFF; } /* line 40, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.welcome-icon { background-color: #d8571f; } /* line 43, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.info-icon { background-color: #7d9c47; } /* line 46, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.diversity-icon { background-color: #df4dda; } /* line 49, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.academics-icon { background-color: #3c8ccb; } /* line 52, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.papers-icon { background-color: #006970; } /* line 55, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.users-icon { background-color: #d8571f; } /* line 58, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.dockets-icon { background-color: #7d9c47; } /* line 61, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.travel-icon { background-color: #00497f; } /* line 64, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.emergency-icon { background-color: #7e1241; } /* line 67, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.editor-icon { background-color: #5f6978; } /* line 70, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.cms-icon { background-color: #d8571f; } /* line 73, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.library-icon { background-color: #3c8ccb; } /* line 76, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.courses-icon { background-color: #3c8ccb; } /* line 79, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.docket-icon { background-color: #7d9c47; } /* line 82, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item-wrapper.docket-list-icon { background-color: #d8571f; } /* line 86, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-item-inner-wrapper, .sisto-ayf-item-inner-wrapper { position: relative; text-align: center; width: 100%; height: 80px; } /* line 92, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-item-inner-wrapper { height: auto; margin-bottom: 15px; } /* line 96, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item { position: relative; float: left; display: block; margin: 16px 0; width: 55px; height: 55px; background-repeat: no-repeat; background-size: 100px auto; background-image: url("../../img/ui/sitewide/icon-nav.png"); background-position: 6px 15px; border-radius: 33px; cursor: pointer; margin-top: 5px; } /* line 110, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.home-icon { background-position: 6px 15px; background-color: #e1231a; } /* line 114, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.welcome-icon { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -361px -104px; background-size: 415px; background-color: #cf531e; } /* line 120, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.info-icon { background-position: 4px -60px; background-color: #779544; } /* line 124, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.diversity-icon { background-image: url("../../img/ui/sitewide/diversity.png"); background-position: 13px 11px; background-size: 30px; background-color: #F7F7F7; } /* line 130, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.academics-icon { background-position: 4px -140px; background-color: #3587c8; } /* line 134, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.papers-icon { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -315px -54px; background-size: 415px; background-color: #00737a; } /* line 140, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.users-icon { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -74px -2px; background-size: 415px; background-color: #cf531e; } /* line 146, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.dockets-icon { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-size: 415px; background-position: -193px -105px; background-color: #779544; } /* line 152, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.travel-icon { background-position: 4px -218px; background-color: #004f89; } /* line 156, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.events-icon { background-position: 8px -52px; background-color: #779544; } /* line 160, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.calendar-icon { background-position: 8px -52px; background-color: #779544; } /* line 164, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.file-share-icon { background-position: 8px -52px; background-color: #779544; } /* line 168, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.grades-icon { background-position: 8px -52px; background-color: #779544; } /* line 172, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.messenger-icon { background-position: 8px -52px; background-color: #779544; } /* line 176, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.emergency-icon { background-position: 4px -302px; background-color: #871346; } /* line 180, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.editor-icon { background-position: 4px -382px; background-color: #5a6472; } /* line 184, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.backend-icon { background-position: 4px -466px; background-color: #df5b22; } /* line 188, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.library-icon { background-position: 5px -535px; background-color: #3587c8; } /* line 192, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.courses-icon { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -257px -106px; background-size: 415px; background-color: #3587c8; } /* line 198, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.docket-icon { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -193px -105px; background-size: 415px; background-color: #779544; } /* line 204, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-index-item.docket-list-icon { background-image: url("../../img/ui/sitewide/docket_nav.png"); background-position: -188px -100px; background-color: #cf531e; } /* line 210, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-item-inner-caption, .sisto-ayf-item-inner-caption { position: relative; float: left; margin-top: 20px; cursor: pointer; text-transform: capitalize; font-weight: 300; font-size: 24px; line-height: 32px; padding: 0 5px; color: #f7f7f7 !important; display: none; } /* line 223, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-blurb-wrapper, .sisto-ayf-blurb-wrapper { position: relative; float: left; width: calc(100% - 55px); height: 100px; margin-top: 0; text-align: left; padding: 10px 10px 10px 20px; } /* line 232, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-blurb-header { position: relative; margin: auto; font-size: 20px; line-height: 22px; font-weight: 300; color: #FFFFFF; text-transform: capitalize; } /* line 241, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-blurb-content { position: relative; width: 100%; font-size: 12px; font-weight: 300; margin: 0; color: #FFFFFF; } /* line 249, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-ayf-blurb-content { font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif !important; font-weight: 300 !important; } /* line 253, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter-wrapper { position: relative; float: left; width: 100%; } /* line 258, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filters-list { position: relative; float: left; width: 100%; list-style: none; padding: 10px 10px 0; border-bottom: solid rgba(155, 155, 155, 0.7) 1px; margin-bottom: 20px; } /* line 267, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter { position: relative; float: left; width: 33%; } /* line 272, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter-icon, .sisto-page-icon { position: relative; width: 86px; height: 36px; border-radius: 10px; display: block; margin: auto; cursor: pointer; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px white; } /* line 282, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-page-icon { height: 50px; width: 50px; background: linear-gradient(135deg, #1c95f6, #7ec3fa); } /* line 287, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter-icon-symbol { position: relative; float: left; margin: 10px; } /* line 294, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-8) .sisto-filter-icon { background: linear-gradient(135deg, #1c95f6, #4dacf8); } /* line 299, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-7) .sisto-filter-icon { background: linear-gradient(135deg, #f96a1d, #fa8b4f); } /* line 305, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-6) .sisto-filter-icon { background: linear-gradient(135deg, #aa3939, #c55151); } /* line 311, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-5) .sisto-filter-icon { background: linear-gradient(135deg, #1d9900, #27cc00); } /* line 316, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-4) .sisto-filter-icon { background: linear-gradient(135deg, #f4c901, #fed92a); } /* line 321, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-3) .sisto-filter-icon { background: linear-gradient(135deg, #555794, #6f71ad); } /* line 326, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-2) .sisto-filter-icon { background: linear-gradient(135deg, #28d146, #4fdd68); } /* line 331, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n-1) .sisto-filter-icon { background: linear-gradient(135deg, #2a4dff, #5d78ff); } /* line 336, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-filter:nth-child(9n) .sisto-filter-icon { background: linear-gradient(135deg, #fe34d1, #fe67dd); } /* line 340, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-ayf-icons { position: relative; width: 100%; float: left; min-height: 750px; } /* line 346, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-isotope { float: left; padding-bottom: 120px; } /* line 350, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-isotope-spacer { position: relative; float: left; height: 170px; width: 100%; } /* line 356, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon { width: 33.3%; height: 100px; } /* line 360, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon:last-child { margin-bottom: 40px; } /* line 363, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon.open { width: 100%; height: auto; margin-bottom: 40px; z-index: 99; background: #455560; } /* line 369, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon.open .sisto-page-icon { position: relative; float: left; margin: 10px 0; } /* line 374, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon.open .sisto-ayf-item-link { display: none; } /* line 377, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon.open .sisto-ayf-blurb-wrapper { display: block; position: relative; float: left; text-align: left; padding: 20px 2.5%; background: rgba(255, 255, 255, 0.1); border-radius: 5px; } /* line 386, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon.open .sisto-blurb-content-wrapper { position: relative; float: left; width: 76%; margin: 20px 0 0 20px; } /* line 392, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon.open .sisto-blurb-header { position: relative; float: left; width: 100%; border-bottom: 1px solid rgba(155, 155, 155, 0.7); font-size: 20px; margin-bottom: 20px; } /* line 401, ../scss/site/modules/sisto-icons/_icons-320.scss */ .ayf-icon.open .sisto-ayf-blurb-content { opacity: 1; } /* line 406, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-caption-close { position: relative; margin: auto; font-size: 14px; line-height: 50px; letter-spacing: 1px; font-weight: 300; text-align: center; } /* line 415, ../scss/site/modules/sisto-icons/_icons-320.scss */ .sisto-container-padder { position: relative; float: left; width: 100%; height: 60px; } @media screen and (min-width: 760px) { /* line 1, ../scss/site/modules/sisto-icons/_icons-760.scss */ #main-area-info-icon, #main-area-academics-icon { padding: 0 7% 100px 0; } /* line 5, ../scss/site/modules/sisto-icons/_icons-760.scss */ #main-area-travel-icon { padding: 0; } /* line 10, ../scss/site/modules/sisto-icons/_icons-760.scss */ .ayf-icon.open .sisto-ayf-blurb-wrapper { margin: 0 5% 40px; width: 90%; } /* line 16, ../scss/site/modules/sisto-icons/_icons-760.scss */ .sisto-index-item-wrapper { width: 47.5%; margin-right: 5%; margin-bottom: 30px; } /* line 20, ../scss/site/modules/sisto-icons/_icons-760.scss */ .sisto-index-item-wrapper:nth-child(2n) { margin-right: 0; } /* line 24, ../scss/site/modules/sisto-icons/_icons-760.scss */ #main-area-home-icon { width: calc(100vw - 67px); padding: 0 2.5%; } } @media screen and (min-width: 1020px) { /* line 2, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .dash-320 > .sisto-main-content { padding: 0 67px 0 114px; } /* line 5, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .main-panel.dockets { padding: 70px 0; left: 0; } /* line 9, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .main-panel.users { padding: 0; } /* line 12, ../scss/site/modules/sisto-icons/_icons-1020.scss */ #users-main-panel { left: 0; } /* line 15, ../scss/site/modules/sisto-icons/_icons-1020.scss */ #docket-nav-main-panel { left: 0px; } /* line 18, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-index-item-wrapper { width: 29.7%; margin-right: 2.16%; margin-left: 2.16%; } /* line 22, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-index-item-wrapper:nth-child(2n) { margin-right: 2.16%; } /* line 27, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-index-item-wrapper:nth-child(3n + 2) { margin-right: 0; } /* line 31, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-isotope { padding: 0; } /* line 35, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filter { width: 100%; } /* line 38, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filter-header { margin: 0 2.5%; border-radius: 5px 5px 0 0; background: #5a6f7e; font-size: 18px; padding: 10px 0; color: #FFFFFF; top: 45px; font-family: "Montserrat", arial, sans-serif; } /* line 49, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filter-wrapper { width: 22.5%; margin-left: 2.5%; } /* line 53, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list { top: 45px; border-bottom: none; background: rgba(255, 255, 255, 0.11); margin: 0 2.5%; border-radius: 0 0 5px 5px; padding: 0; font-family: "Montserrat", arial, sans-serif; background: #8fa2af; } /* line 62, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-ayf-item-inner-caption { line-height: 36px; width: 100%; color: #222 !important; margin-top: 0; margin-bottom: 1px; font-weight: 400; font-size: 15px; text-align: left; } /* line 73, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter { height: 34px; background: #FFFFFF; margin-bottom: 1px; } /* line 77, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter .sisto-filter-icon { width: 100%; height: 0; box-shadow: none; } /* line 82, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:last-child { border-radius: 0px 0px 5px 5px; } /* line 88, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-8) .sisto-filter-icon { color: #1c95f6; } /* line 93, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-7) .sisto-filter-icon { color: #f96a1d; } /* line 98, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-6) .sisto-filter-icon { color: #aa3939; } /* line 103, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-5) .sisto-filter-icon { color: #1d9900; } /* line 108, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-4) .sisto-filter-icon { color: #f4c901; } /* line 113, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-3) .sisto-filter-icon { color: #555794; } /* line 118, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-2) .sisto-filter-icon { color: #28d146; } /* line 123, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n-1) .sisto-filter-icon { color: #2a4dff; } /* line 128, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-filters-list .sisto-filter:nth-child(9n) .sisto-filter-icon { color: #fe34d1; } /* line 134, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-ayf-item-inner-wrapper { height: 45px; } /* line 137, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-ayf-icons { width: 75%; margin-top: 45px; } /* line 141, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .ayf-icon { width: 33.3%; } /* line 144, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .sisto-index-item { float: left; } /* line 156, ../scss/site/modules/sisto-icons/_icons-1020.scss */ .ayf-icon.open .sisto-blurb-content-wrapper { width: 86%; } } @media screen and (min-width: 1280px) { /* line 1, ../scss/site/modules/sisto-icons/_icons-1280.scss */ .sisto-filter { width: 100%; } /* line 4, ../scss/site/modules/sisto-icons/_icons-1280.scss */ .ayf-icon { width: 20%; } } /* line 1, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-sidebar { position: relative; float: left; z-index: 99; } /* line 6, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav { position: relative; float: left; width: 65px; z-index: 99; } /* line 12, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-sidebar > .left-nav > .left-nav-item > .icon, .left-panel > .left-panel-list > .left-nav-item > .icon { position: absolute; left: 0; top: 0; width: 65px; height: 70px; opacity: 0; z-index: 9; } /* line 21, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel.open { position: absolute; top: 60px; } /* line 25, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-sidebar > .left-nav > .left-nav-item > .left-nav-callout > em.ss-navigateright, .left-sidebar > .left-nav > .left-nav-item > .left-nav-callout > em.ss-navigateleft, .left-panel > .left-panel-list > .left-nav-item > .left-nav-callout > em.ss-navigateright, .left-panel > .left-panel-list > .left-nav-item > .left-nav-callout > em.ss-navigateleft { position: absolute; top: 0px; left: 199px; height: 69px; font-size: 24px; color: white; transition: left ease-in 0.2s; padding: 19px 0px 0px 0; background-color: #df4dda; z-index: 999; display: none; } /* line 40, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-sidebar > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateright, .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateright { display: block; } /*.left-sidebar > .left-nav > .left-nav-item > .left-nav-callout > em.ss-navigateleft{ display:none; } .left-sidebar.open > .left-nav > .left-nav-item > .left-nav-callout > em.ss-navigateright{ display:none; }*/ /* line 49, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-sidebar.open > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft, .left-panel.open > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft { display: block; } /* line 52, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item { position: relative; float: left; width: 65px; height: 70px; border-bottom: 1px solid #FFFFFF; background-color: #FFFFFF; } /* line 59, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item .sisto-menu-list { display: none; } /* line 62, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item .sisto-background-clickable { display: none; } /* line 65, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item .info-page-holder { display: none; } /* line 67, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item .info-page-holder.active { display: block; } /* line 73, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item > .icon-button { position: relative; float: left; width: 100%; height: 69px; background-repeat: no-repeat; background-size: 100px auto; background-image: url("../../img/ui/sitewide/icon-nav.png"); cursor: pointer; } /* line 83, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.back-icon > .icon-button { background-position: -44px -596px; border-right: 3px solid #e52920; } /* line 86, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.back-icon > .icon-button.active, .left-nav-item.back-icon > .icon-button:hover { background-position: 6px -596px; background-color: #e52920; } /* line 91, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.back-icon.active > .icon-button, .left-nav-item.back-icon:hover > .icon-button { background-position: 6px 15px; background-color: #df4dda; } /* line 95, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.home-icon > .icon-button { background-position: -44px 15px; border-right: 3px solid #df4dda; } /* line 98, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.home-icon > .icon-button.active, .left-nav-item.home-icon > .icon-button:hover { background-position: 6px 15px; background-color: #df4dda; } /* line 103, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.home-icon.active > .icon-button, .left-nav-item.home-icon:hover > .icon-button { background-position: 6px 15px; background-color: #df4dda; } /* line 107, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.welcome-icon > .icon-button { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -356px -96px; border-right: 3px solid #d8571f; background-size: 415px; } /* line 112, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.welcome-icon > .icon-button.active, .left-nav-item.welcome-icon > .icon-button:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -356px -96px; background-color: #d8571f; } /* line 118, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.welcome-icon.active > .icon-button, .left-nav-item.welcome-icon:hover > .icon-button { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -356px -96px; background-color: #d8571f; } /* line 123, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.info-icon > .icon-button { background-position: -44px -52px; border-right: 3px solid #7d9c47; } /* line 126, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.info-icon > .icon-button.active, .left-nav-item.info-icon > .icon-button:hover { background-position: 6px -52px; background-color: #7d9c47; } /* line 131, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.info-icon.active > .icon-button, .left-nav-item.info-icon:hover > .icon-button { background-position: 6px -52px; background-color: #7d9c47; } /* line 135, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.diversity-icon > .icon-button { background-image: url("../../img/ui/sitewide/diversity_blue.png"); background-position: 15px 15px; border-right: 3px solid #df4dda; background-size: 30px; } /* line 140, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.diversity-icon > .icon-button.active, .left-nav-item.diversity-icon > .icon-button:hover { background-image: url("../../img/ui/sitewide/diversity.png"); background-position: 15px 15px; background-color: #E3E3E3; } /* line 146, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.diversity-icon.active > .icon-button, .left-nav-item.diversity-icon:hover > .icon-button { background-image: url("../../img/ui/sitewide/diversity.png"); background-position: 15px 15px; background-color: #E3E3E3; } /* line 151, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.academics-icon > .icon-button { background-position: -44px -134px; border-right: 3px solid #3c8ccb; } /* line 154, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.academics-icon > .icon-button.active, .left-nav-item.academics-icon > .icon-button:hover { background-position: 6px -134px; background-color: #3c8ccb; } /* line 159, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.academics-icon.active > .icon-button, .left-nav-item.academics-icon:hover > .icon-button { background-position: 6px -134px; background-color: #3c8ccb; } /* line 163, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.travel-icon > .icon-button { background-position: -44px -212px; border-right: 3px solid #00497f; } /* line 166, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.travel-icon > .icon-button.active, .left-nav-item.travel-icon > .icon-button:hover { background-position: 6px -212px; background-color: #00497f; } /* line 171, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.travel-icon.active > .icon-button, .left-nav-item.travel-icon:hover > .icon-button { background-position: 6px -212px; background-color: #00497f; } /* line 175, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.events-icon > .icon-button { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 178, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.events-icon > .icon-button.active, .left-nav-item.events-icon > .icon-button:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 183, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.events-icon.active > .icon-button, .left-nav-item.events-icon:hover > .icon-button { background-position: 6px -49px; background-color: #7d9c47; } /* line 188, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.calendar-icon > .icon-button { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 191, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.calendar-icon > .icon-button.active, .left-nav-item.calendar-icon > .icon-button:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 196, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.calendar-icon.active > .icon-button, .left-nav-item.calendar-icon:hover > .icon-button { background-position: 6px -49px; background-color: #7d9c47; } /* line 201, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.file-share-icon > .icon-button { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 204, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.file-share-icon > .icon-button.active, .left-nav-item.file-share-icon > .icon-button:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 209, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.file-share-icon.active > .icon-button, .left-nav-item.file-share-icon:hover > .icon-button { background-position: 6px -49px; background-color: #7d9c47; } /* line 214, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.grades-icon > .icon-button { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 217, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.grades-icon > .icon-button.active, .left-nav-item.grades-icon > .icon-button:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 222, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.messenger-icon > .icon-button { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 225, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.messenger-icon > .icon-button.active, .left-nav-item.messenger-icon > .icon-button:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 230, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.emergency-icon > .icon-button { background-position: -44px -292px; border-right: 3px solid #7e1241; } /* line 233, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.emergency-icon > .icon-button.active, .left-nav-item.emergency-icon > .icon-button:hover { background-position: 6px -292px; background-color: #7e1241; } /* line 238, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.emergency-icon.active > .icon-button, .left-nav-item.emergency-icon:hover > .icon-button { background-position: 6px -292px; background-color: #7e1241; } /* line 243, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.editor-icon > .icon-button { background-position: -44px -375px; border-right: 3px solid #5f6978; } /* line 246, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.editor-icon > .icon-button.active, .left-nav-item.editor-icon > .icon-button:hover { background-position: 6px -375px; background-color: #5f6978; } /* line 251, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.backend-icon > .icon-button { background-position: -44px -460px; border-right: 3px solid #d8571f; } /* line 254, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.backend-icon > .icon-button.active, .left-nav-item.backend-icon > .icon-button:hover { background-position: 6px -460px; background-color: #d8571f; } /* line 259, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.backend-icon.active > .icon-button, .left-nav-item.backend-icon:hover > .icon-button { background-position: 6px -460px; background-color: #d8571f; } /* line 264, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.library-icon > .icon-button { background-position: -44px -528px; border-right: 3px solid #3c8ccb; } /* line 267, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.library-icon > .icon-button.active, .left-nav-item.library-icon > .icon-button:hover { background-position: 6px -528px; background-color: #3c8ccb; } /* line 272, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.library-icon.active > .icon-button, .left-nav-item.library-icon:hover > .icon-button { background-position: 6px -528px; background-color: #3c8ccb; } /* line 277, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.courses-icon > .icon-button { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -252px -100px; border-right: 3px solid #3c8ccb; background-size: 415px; } /* line 282, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.courses-icon > .icon-button.active, .left-nav-item.courses-icon > .icon-button:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-color: #3c8ccb; } /* line 287, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.docket-icon > .icon-button { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -188px -100px; border-right: 3px solid #7d9c47; background-size: 415px; } /* line 292, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.docket-icon > .icon-button.active, .left-nav-item.docket-icon > .icon-button:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -188px -100px; background-color: #7d9c47; } /* line 298, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.docket-icon.active > .icon-button, .left-nav-item.docket-icon:hover > .icon-button { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -188px -100px; background-color: #7d9c47; } /* line 304, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.docket-list-icon > .icon-button { background-image: url("../../img/ui/sitewide/docket_nav.png"); background-position: -42px -78px; border-right: 3px solid #d8571f; } /* line 308, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.docket-list-icon > .icon-button.active, .left-nav-item.docket-list-icon > .icon-button:hover { background-position: 5px -78px; background-color: #d8571f; } /* line 313, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.docket-list-icon.active > .icon-button, .left-nav-item.docket-list-icon:hover > .icon-button { background-position: 5px -78px; background-color: #d8571f; } /* line 318, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.papers-icon > .icon-button { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -312px -50px; border-right: 3px solid #006970; background-size: 415px; } /* line 323, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.papers-icon > .icon-button.active, .left-nav-item.papers-icon > .icon-button:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -312px -50px; background-color: #006970; } /* line 329, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.papers-icon.active > .icon-button, .left-nav-item.papers-icon:hover > .icon-button { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -312px -50px; background-color: #006970; } /* line 335, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.users-icon > .icon-button { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -70px 8px; border-right: 3px solid #d8571f; background-size: 415px; } /* line 339, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.users-icon > .icon-button.active, .left-nav-item.users-icon > .icon-button:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -70px 8px; background-color: #d8571f; } /* line 345, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ left-nav-item.users-icon.active > .icon-button, .left-nav-item.users-icon:hover > .icon-button { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -70px 8px; background-color: #d8571f; } /* line 353, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item { background-repeat: no-repeat; background-size: 100px auto; background-image: url("../../img/ui/sitewide/icon-nav.png"); cursor: pointer; } /* line 360, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > a > .left-nav-item.back-icon { background-position: -44px -596px; border-right: 3px solid #e52920; } /* line 363, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > a > .left-nav-item.back-icon.active, .left-panel-list > a > .left-nav-item.back-icon:hover { background-position: 6px -596px; background-color: #e52920; } /* line 369, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.home-icon { background-position: -44px 15px; border-right: 3px solid #df4dda; } /* line 372, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.home-icon.active, .left-panel-list > .left-nav-item.home-icon:hover { background-position: 6px 15px; background-color: #df4dda; } /* line 377, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.home-icon.active, .left-panel-list > .left-nav-item.home-icon:hover { background-position: 6px 15px; background-color: #df4dda; } /* line 381, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.welcome-icon { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -356px -96px; border-right: 3px solid #d8571f; background-size: 415px; } /* line 386, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.welcome-icon.active, .left-panel-list > .left-nav-item.welcome-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -356px -96px; background-color: #d8571f; } /* line 392, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.welcome-icon.active, .left-panel-list > .left-nav-item.welcome-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -356px -96px; background-color: #d8571f; } /* line 397, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.info-icon { background-position: -44px -52px; border-right: 3px solid #7d9c47; } /* line 400, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.info-icon.active, .left-panel-list > .left-nav-item.info-icon:hover { background-position: 6px -52px; background-color: #7d9c47; } /* line 405, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.info-icon.active, .left-nav-item.info-icon:hover { background-position: 6px -52px; background-color: #7d9c47; } /* line 409, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.diversity-icon { background-image: url("../../img/ui/sitewide/diversity_blue.png"); background-position: 15px 15px; border-right: 3px solid #df4dda; background-size: 30px; } /* line 414, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.diversity-icon.active, .left-panel-list > .left-nav-item.diversity-icon:hover { background-image: url("../../img/ui/sitewide/diversity.png"); background-position: 15px 15px; background-color: #E3E3E3; } /* line 420, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.diversity-icon.active, .left-panel-list > .left-nav-item.diversity-icon:hover { background-image: url("../../img/ui/sitewide/diversity.png"); background-position: 15px 15px; background-color: #E3E3E3; } /* line 425, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.academics-icon { background-position: -44px -134px; border-right: 3px solid #3c8ccb; } /* line 428, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.academics-icon.active, .left-panel-list > .left-nav-item.academics-icon:hover { background-position: 6px -134px; background-color: #3c8ccb; } /* line 433, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.academics-icon.active, .left-panel-list > .left-nav-item.academics-icon:hover { background-position: 6px -134px; background-color: #3c8ccb; } /* line 437, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.travel-icon { background-position: -44px -212px; border-right: 3px solid #00497f; } /* line 440, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.travel-icon.active, .left-panel-list > .left-nav-item.travel-icon:hover { background-position: 6px -212px; background-color: #00497f; } /* line 445, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.travel-icon.active, .left-panel-list > .left-nav-item.travel-icon:hover { background-position: 6px -212px; background-color: #00497f; } /* line 449, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.events-icon { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 452, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.events-icon.active, .left-panel-list > .left-nav-item.events-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 457, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.events-icon.active, .left-panel-list > .left-nav-item.events-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 462, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.calendar-icon { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 465, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.calendar-icon.active, .left-panel-list > .left-nav-item.calendar-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 470, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.calendar-icon.active, .left-panel-list > .left-nav-item.calendar-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 475, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.file-share-icon { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 478, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.file-share-icon.active, .left-panel-list > .left-nav-item.file-share-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 483, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.file-share-icon.active, .left-panel-list > .left-nav-item.file-share-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 488, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.grades-icon { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 491, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.grades-icon.active, .left-panel-list > .left-nav-item.grades-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 496, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.messenger-icon { background-position: -42px -49px; border-right: 3px solid #7d9c47; } /* line 499, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.messenger-icon.active, .left-panel-list > .left-nav-item.messenger-icon:hover { background-position: 6px -49px; background-color: #7d9c47; } /* line 504, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.emergency-icon { background-position: -44px -292px; border-right: 3px solid #7e1241; } /* line 507, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.emergency-icon.active, .left-panel-list > .left-nav-item.emergency-icon:hover { background-position: 6px -292px; background-color: #7e1241; } /* line 512, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.emergency-icon.active, .left-panel-list > .left-nav-item.emergency-icon:hover { background-position: 6px -292px; background-color: #7e1241; } /* line 517, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.editor-icon { background-position: -44px -375px; border-right: 3px solid #5f6978; } /* line 520, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.editor-icon.active, .left-panel-list > .left-nav-item.editor-icon:hover { background-position: 6px -375px; background-color: #5f6978; } /* line 525, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.backend-icon { background-position: -44px -460px; border-right: 3px solid #d8571f; } /* line 528, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.backend-icon.active, .left-panel-list > .left-nav-item.backend-icon:hover { background-position: 6px -460px; background-color: #d8571f; } /* line 533, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.backend-icon.active, .left-panel-list > .left-nav-item.backend-icon:hover { background-position: 6px -460px; background-color: #d8571f; } /* line 538, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.library-icon { background-position: -44px -528px; border-right: 3px solid #3c8ccb; } /* line 541, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.library-icon.active, .left-panel-list > .left-nav-item.library-icon:hover { background-position: 6px -528px; background-color: #3c8ccb; } /* line 546, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.library-icon.active, .left-panel-list > .left-nav-item.library-icon:hover { background-position: 6px -528px; background-color: #3c8ccb; } /* line 551, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.courses-icon { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -252px -100px; border-right: 3px solid #3c8ccb; background-size: 415px; } /* line 556, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.courses-icon.active, .left-panel-list > .left-nav-item.courses-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-color: #3c8ccb; } /* line 561, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.docket-icon { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -188px -100px; border-right: 3px solid #7d9c47; background-size: 415px; } /* line 566, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.docket-icon.active, .left-panel-list > .left-nav-item.docket-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -188px -100px; background-color: #7d9c47; } /* line 572, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.docket-icon.active, .left-panel-list > .left-nav-item.docket-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -188px -100px; background-color: #7d9c47; } /* line 578, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.docket-list-icon { background-image: url("../../img/ui/sitewide/docket_nav.png"); background-position: -42px -78px; border-right: 3px solid #d8571f; } /* line 582, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.docket-list-icon.active, .left-panel-list > .left-nav-item.docket-list-icon:hover { background-position: 5px -78px; background-color: #d8571f; } /* line 587, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.docket-list-icon.active, .left-panel-list > .left-nav-item.docket-list-icon:hover { background-position: 5px -78px; background-color: #d8571f; } /* line 592, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.papers-icon { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -312px -50px; border-right: 3px solid #006970; background-size: 415px; } /* line 597, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.papers-icon.active, .left-panel-list > .left-nav-item.papers-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -312px -50px; background-color: #006970; } /* line 603, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.papers-icon.active, .left-panel-list > .left-nav-item.papers-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -312px -50px; background-color: #006970; } /* line 609, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.users-icon { background-image: url("../../img/ui/sitewide/icons_general.png"); background-position: -70px 8px; border-right: 3px solid #d8571f; background-size: 415px; } /* line 614, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > .left-nav-item.users-icon.active, .left-panel-list > .left-nav-item.users-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -70px 8px; background-color: #d8571f; } /* line 620, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-panel-list > left-nav-item.users-icon.active, .left-panel-list > .left-nav-item.users-icon:hover { background-image: url("../../img/ui/sitewide/icons_general_white.png"); background-position: -70px 8px; background-color: #d8571f; } /* line 630, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item:hover .left-nav-callout, .left-nav-item:focus .left-nav-callout { left: 65px; } /* line 635, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.travel-icon.active > .left-nav-callout { left: -200px; } /* line 638, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.welcome-icon.active > .left-nav-callout { left: -200px; } /* line 648, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item > .left-nav-callout { position: absolute; height: 69px; left: -138px; z-index: -1; top: 0; width: 200px; box-shadow: 1px 0 1px 1px white; color: white; transition: left ease-out 0.4s; cursor: pointer; } /* line 659, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item > .left-nav-callout:hover { left: 65px; z-index: 99; } /* line 664, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav > .left-nav-item.active > .left-nav-callout, .left-panel-list > .left-nav-item.active > .left-nav-callout { left: 65px; z-index: 99; } /* line 668, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item > .left-nav-callout > span { position: relative; float: left; margin: 10px 20px; font-size: 16px; font-weight: 600; line-height: 48px; text-align: center; } /* line 677, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.home-icon > .left-nav-callout { background-color: #df4dda; } /* line 680, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.welcome-icon > .left-nav-callout { background-color: #d8571f; } /* line 683, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.info-icon > .left-nav-callout { background-color: #7d9c47; } /* line 686, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.diversity-icon > .left-nav-callout { background-color: #df4dda; } /* line 689, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.academics-icon > .left-nav-callout { background-color: #3c8ccb; } /* line 692, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.travel-icon > .left-nav-callout { background-color: #00497f; } /* line 695, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.library-icon > .left-nav-callout { background-color: #3c8ccb; } /* line 698, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.editor-icon > .left-nav-callout { background-color: #5f6978; } /* line 701, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.backend-icon > .left-nav-callout { background-color: #d8571f; } /* line 704, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.docket-icon > .left-nav-callout { background-color: #7d9c47; } /* line 707, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.papers-icon > .left-nav-callout { background-color: #006970; } /* line 710, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.users-icon > .left-nav-callout { background-color: #d8571f; } /* line 713, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.back-icon > .left-nav-callout { background-color: #e52920; } /* line 718, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.active .sisto-menu-list { display: block; margin-left: 0; transition: ease-in-out 0.5s margin-left; } /* line 723, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.active .sisto-menu-list.left-shift { margin-left: calc(-100vw); z-index: -1; } /* line 727, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.active .sisto-background-clickable { display: block; z-index: -2; } /* line 731, ../scss/site/modules/left-sidebar/_leftSide-320.scss */ .left-nav-item.active .info-page-holder.active { display: block; } @media screen and (min-width: 760px) { /* line 1, ../scss/site/modules/left-sidebar/_leftSide-760.scss */ .left-panel.open { position: relative; top: 0; } /* line 5, ../scss/site/modules/left-sidebar/_leftSide-760.scss */ .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateright { display: none; } /* line 8, ../scss/site/modules/left-sidebar/_leftSide-760.scss */ .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft { display: none; } /* line 11, ../scss/site/modules/left-sidebar/_leftSide-760.scss */ .left-panel.open > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft { display: none; } } @media screen and (min-width: 1020px) { /* line 1, ../scss/site/modules/left-sidebar/_leftSide-1020.scss */ .left-nav-item.travel-icon.active > .left-nav-callout { left: 65px; } /* line 4, ../scss/site/modules/left-sidebar/_leftSide-1020.scss */ .left-nav-item.welcome-icon.active > .left-nav-callout { left: 67px; } /* line 7, ../scss/site/modules/left-sidebar/_leftSide-1020.scss */ .left-sidebar > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateright, .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateright { display: none; } /* line 10, ../scss/site/modules/left-sidebar/_leftSide-1020.scss */ .left-sidebar.open > .left-nav > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft, .left-panel > .left-panel-list > .left-nav-item.active > .left-nav-callout > em.ss-navigateleft { display: none; } /* line 13, ../scss/site/modules/left-sidebar/_leftSide-1020.scss */ .left-panel.open { position: relative; top: 0; } } /* line 1, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-background-clickable { position: fixed; z-index: 0; top: 0; left: 0; background: rgba(95, 105, 120, 0.15); width: calc(100vw); min-height: 100vh; } /* line 10, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list, .sisto-menu-list-item, .sisto-menu-title, .sisto-title-icon, .sisto-title-link-icon, .sisto-sub-menu, .sisto-menu-list-link, .sisto-list-item-icon, .sisto-list-item-text, .info-page-holder { position: relative; float: left; margin: 0; padding: 0; list-style: none; cursor: pointer; } /* line 19, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list { position: relative; float: left; width: calc(100vw - 66px); font-size: 16px; line-height: 18px; margin-bottom: 20px; margin-top: 0; left: 0; top: 0; } /* line 31, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list.paged { display: none; } /* line 36, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #travel-menu.sisto-menu-list { /*top: 78px;*/ margin-left: -67px; width: 198px; border-right: 1px solid rgba(133, 133, 133, 0.5); border-top: 1px solid rgba(133, 133, 133, 0.5); } /* line 43, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #travel-menu.sisto-menu-list.count-1 { top: 0; } /* line 46, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #travel-menu.sisto-menu-list.count-6 { top: 0; } /* line 49, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #travel-page-holder { top: 40px; } /* line 53, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .main-panel.travel { padding: 40px 0; } /* line 56, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .right-panel > .sisto-menu-list { top: 70px; } /* line 59, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #papers-main-panel > .sisto-menu-list { top: 30px; } /* line 65, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #academics-page-holder { top: 0px; } /* line 68, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #users-page-holder > .info-page-wrapper > h2 { padding: 20px 20px 80px; } /* line 71, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #users-page-holder > .info-page-wrapper > .editor-action-bar { top: 80px; } /* line 74, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #travel-icon.active > #new-travel-menu.bknd { left: 0; border-top: none; } /* line 78, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #users-main-panel > .sisto-menu-list { top: 30px; } /* line 82, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-holder { position: absolute; float: left; width: calc(100vw); margin-top: 0; left: 0; top: 0; z-index: 999; padding: 0; display: none; border-radius: 5px; cursor: default; margin-bottom: 260px; background: #f7f7f7; } /* line 97, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-holder.active { display: block; } /* line 102, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #library-page-holder { width: calc(100vw) !important; margin-top: 0 !important; margin-left: 0 !important; margin-bottom: 0 !important; } /* line 108, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #library-page-holder > .info-page-wrapper > h2 { padding: 20px 20px 60px; } /* line 111, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #library-page-holder > .info-page-wrapper > .editor-action-bar { top: 65px; } /* line 114, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd { position: absolute; left: 0; } /* line 119, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd.p1 { top: 70px; } /* line 122, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd.p2 { top: 140px; } /* line 125, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd.p3 { top: 210px; } /* line 128, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd.p4 { top: 280px; } /* line 131, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd.p5 { top: 350px; } /* line 134, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd.p6 { top: 420px; } /* line 137, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-library-icon.bknd.p7 { top: 490px; } /* line 140, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #docket-page-holder.info-page-holder { width: 100%; top: 50px; } /* line 144, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper, .display-tab-wrapper { position: relative; float: left; width: 100%; padding: 0; background: white; margin-bottom: 100px; border-radius: 3px; } /* line 153, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .display-tab-wrapper { padding: 0; } /* line 156, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > h2 { position: relative; float: left; width: 100%; padding: 20px; background: #78b0db; color: #FFFFFF; margin: 0 0 10px; border-radius: 3px 3px 0 0; } /* line 166, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-info-icon > .info-page-holder > .info-page-wrapper > h2 { background: #97b660; } /* line 169, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #diversity-page-holder > .info-page-wrapper > h2, #diversity-menu > .sisto-menu-list-item > h4, #diversity-menu > .sisto-menu-list-item > .sisto-list-item-icon { background-color: #FFFFFF; color: #555; } /* line 173, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #diversity-menu > .sisto-menu-list-item > .sisto-sub-menu > .sisto-menu-list-item > .sisto-menu-list-link > .sisto-list-item-icon { color: #df4dda; } /* line 176, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #diversity-menu > .sisto-menu-list-item > .sisto-sub-menu > .sisto-menu-list-item.dynamic.open > .sisto-menu-list-link { background-color: #f6cff5; color: #FFFFFF; } /* line 181, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #welcome-page-holder > .info-page-wrapper > h2 { background-color: #d8571f; } /* line 184, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > h2 > em { position: absolute; top: 10px; right: 10px; font-size: 16px; cursor: pointer; background: #7099dc; padding: 5px 4px; border-radius: 12px; height: 24px; width: 24px; color: white; } /* line 197, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > h2 > em:hover, .info-page-wrapper > h2 > em:focus { background: #2d62b9; } /* line 200, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > div > h2 > em { position: absolute; top: 5px; right: 10px; font-size: 16px; cursor: pointer; } /* line 207, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > article > section > aside > ul { list-style: disc; padding: 5px 20px; } /* line 211, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > article > section > aside.column2 > ul > li { position: relative; float: left; width: 100%; } /* line 216, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > article > section > aside.column3 > ul > li { position: relative; float: left; width: 100%; } /* line 221, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > article > section > aside > figure { position: relative; float: left; width: 100%; } /* line 226, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > article > section > aside > figure > img { position: relative; float: left; width: 100%; } /* line 231, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .info-page-wrapper > article > section > aside figcaption { position: relative; float: left; width: 100%; } /* line 243, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item, .sisto-menu-title, .sisto-menu-list-item, .sisto-menu-list-link, .sisto-sub-menu { width: 100%; } /* line 246, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title, .sisto-sub-list { padding: 15px 20px; border-bottom: 1px solid rgba(200, 200, 200, 0.25); text-transform: uppercase; text-align: left; color: #5f6978; font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: 3px; } /* line 256, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title.open, .sisto-sub-list.open { background: #78b0db; color: #FFFFFF; } /* line 259, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title.open.academics, .sisto-sub-list.open.academics { background: #78b0db; } /* line 262, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title.open.papers, .sisto-sub-list.open.papers { background: #00b1bd; } /* line 265, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title.open.users, .sisto-sub-list.open.users { background: #e8865c; } /* line 268, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title.open .u-visible, .sisto-sub-list.open .u-visible { display: none; } /* line 271, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title.open .u-hidden, .sisto-sub-list.open .u-hidden { display: block; } /* line 276, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-title.dynamic { width: calc(100% - 20px); } /* line 279, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.dynamic.open > .sisto-menu-list-link { background: rgba(120, 176, 219, 0.75); color: #FFFFFF; } /* line 282, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.dynamic.open > .sisto-menu-list-link .u-hidden { display: block; } /* line 285, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.dynamic.open > .sisto-menu-list-link .u-visible { display: none; } /* line 289, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.dynamic.open > .sisto-menu-list-link > em { color: #FFFFFF; } /* line 294, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-list { position: relative; float: left; text-transform: none; width: 100%; letter-spacing: 1px; padding: 20px 5px; overflow-y: scroll; max-height: calc(80vh - 95px); padding-bottom: 50px; } /* line 304, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-list .sisto-menu-list-item { padding: 0 5px; cursor: default; } /* line 307, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-list .sisto-menu-list-item:nth-child(2n - 1) { background: #f7f7f7; } /* line 312, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #users-page-holder > .info-page-wrapper > .sisto-sub-list { max-height: calc(95vh - 95px); } /* line 316, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #users-page-holder { top: 30px; z-index: 9997; } /* line 320, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #users-page-holder > .info-page-wrapper > h2 { background: #d8571f; } /* line 327, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-info-icon .sisto-menu-title.open { background: #97b660; color: #FFFFFF; } /* line 333, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-title-link-icon { float: right; font-size: 14px; margin-top: 2px; letter-spacing: 0; } /* line 339, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-menu { display: none; max-height: 0; transition: max-height 0.3s ease-in-out; } /* line 343, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-menu.open { display: block; max-height: 10000px; } /* line 347, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-menu.level-2 { margin-left: 20px; width: calc(100% - 20px); } /* line 353, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-menu.level-2 > .page-item > .sisto-menu-list-link > em, .sisto-sub-menu.level-2 > .page-item > .sisto-menu-list-link > span { font-size: 14px; } /* line 357, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-menu.level-1 > .page-item > .sisto-menu-list-link > em, .sisto-sub-menu.level-2 > .page-item > .sisto-menu-list-link > span { font-size: 14px; } /* line 360, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-sub-menu.level-3 > .page-item > .sisto-menu-list-link > em, .sisto-sub-menu.level-3 > .page-item > .sisto-menu-list-link > span { font-size: 14px; } /* line 363, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item { background-color: #FFFFFF; border-bottom: 1px solid rgba(200, 200, 200, 0.25); } /* line 366, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.heading { background: #006ecb; } /* line 368, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.heading.academics { background: #3c8ccb; } /* line 371, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.heading.papers { background: #006970; } /* line 374, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item.heading .sisto-menu-title { color: white; } /* line 378, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-item:last-child { border: none; } /* line 382, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-menu-list-link { padding: 15px 20px; } /* line 386, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-list-item-icon { max-width: 15%; color: #3c8ccb; margin-right: 20px; font-size: 12px; margin-top: 2px; } /* line 392, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-list-item-icon.academics { color: #78b0db; } /* line 395, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-list-item-icon.papers { color: #00b1bd; } /* line 398, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-list-item-icon.users { color: #e8865c; } /* line 404, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-info-icon .sisto-menu-list-link.inpage { background: #f2f6ec; } /* line 406, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-info-icon .sisto-menu-list-link.inpage .sisto-list-item-icon, #main-area-info-icon .sisto-menu-list-link.inpage .sisto-list-item-text, #main-area-info-icon .sisto-menu-list-link.inpage .sisto-title-link-icon { color: #7d9c47; } /* line 411, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #main-area-info-icon .sisto-list-item-icon { color: #7d9c47; } /* line 415, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .sisto-list-item-text { width: calc(85% - 20px); line-height: 20px; } /* line 420, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #msg-feed .sisto-menu-list-item { background: #000; } /* line 425, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ .academics-action-bar { top: 0px; right: 0; } /* line 429, ../scss/site/modules/sisto-side-menu/_ssm-320.scss */ #users-page-holder > .info-page-wrapper > h4 { padding: 0 10px; } @media screen and (min-width: 480px) { /* line 1, ../scss/site/modules/sisto-side-menu/_ssm-480.scss */ .info-page-holder { width: calc(100vw - 67px); } } @media screen and (min-width: 660px) { /* line 1, ../scss/site/modules/sisto-side-menu/_ssm-660.scss */ .sisto-menu-list { width: calc(60vw - 66px); } } @media screen and (min-width: 760px) { /* line 1, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .sisto-menu-list { width: 42vw; position: relative; margin-top: 0; left: 0; } /* line 6, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .sisto-menu-list.paged { display: block; } /* line 9, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .sisto-menu-list.front-end { top: 0; left: 0; } /* line 15, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .sisto-background-clickable { left: 65px; } /* line 20, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .academics-header-title { display: none; } /* line 23, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .sisto-list-item-icon { font-size: 18px; } /* line 26, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .sisto-menu-list-link { font-size: 1.1em; font-weight: 400; color: #555; } /* line 31, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #welcome-page-holder { left: 25px; max-width: calc(100vw - 117px); } /* line 35, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #welcome-page-holder.bknd { left: 10px; max-width: calc(70vw - 127px); } /* line 39, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #academics-page-holder { top: 0; } /* line 42, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #academics-page-holder.bknd { width: calc(100vw - 117px); top: 80px; left: 25px; } /* line 48, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #library-page-holder { left: 25px; padding: 10px; max-width: calc(100vw - 117px); z-index: 9999; } /* line 54, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #library-page-holder > .info-page-wrapper > h2 { padding: 20px; } /* line 57, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #library-page-holder > .info-page-wrapper > .editor-action-bar { top: 15px; } /* line 60, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #papers-main-panel > .sisto-menu-list { top: 82px; } /* line 63, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #users-page-holder > .info-page-wrapper > h2 { padding: 20px; } /* line 66, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #users-page-holder > .info-page-wrapper > .editor-action-bar { top: 15px; } /* line 69, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #docket-page-holder.info-page-holder { left: 0px; margin: 0 !important; padding: 20px; } /* line 74, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .main-panel.docket { padding: 40px 0; } /* line 77, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #travel-menu.sisto-menu-list { margin-left: 0; } /* line 80, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #users-page-holder, #papers-page-holder { margin-bottom: 260px; } /* line 83, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .main-panel.users { padding: 40px 0; } /* line 86, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #users-page-holder { max-width: calc(100vw - 67px); top: 60px; } /* line 90, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #travel-page-holder { left: calc(2.5vw); width: calc(95vw - 82px); } /* line 94, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #travel-menu.sisto-menu-list { left: 0; } /* line 97, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .info-page-wrapper > article > section > aside.column2 > ul > li { position: relative; float: left; width: 50%; } /* line 102, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .info-page-wrapper > article > section > aside.column3 > ul > li { position: relative; float: left; width: 33.3%; } /* line 107, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .info-page-wrapper > article > section > aside.column-left-image > figure, .info-page-wrapper > article > section > aside.column-right-image > figure { position: relative; float: left; width: 50%; } /* line 112, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ .info-page-wrapper > article > section > aside.column-left-image > figcaption, .info-page-wrapper > article > section > aside.column-right-image > figcaption { position: relative; float: left; width: 50%; } /* line 117, ../scss/site/modules/sisto-side-menu/_ssm-760.scss */ #users-main-panel > .sisto-menu-list.u-hidden, #academics-main-panel > .sisto-menu-list.u-hidden { display: block !important; } } @media screen and (min-width: 1020px) { /* line 1, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ .sisto-menu-list { width: 29vw; } /* line 4, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ .sisto-main-content > .info-page-holder { position: absolute; left: 30vw; max-width: calc(70vw - 77px); margin-left: 0; background: none; padding: 0; } /* line 12, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ #travel-page-holder.bknd { width: calc(100vw - 117px) !important; left: 5px; top: 80px; } /* line 17, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ #diversity-page-holder { left: 30vw; max-width: calc(70vw - 77px); } /* line 21, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ .right-panel > .info-page-holder { left: 0; } /* line 24, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ #academics-page-holder.bknd { width: calc(100vw - 107px); } /* line 27, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ #users-page-holder { max-width: calc(100vw - 67px); top: 40px; left: 15px; } /* line 32, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ .info-page-wrapper { position: relative; float: left; background: white; margin-bottom: 100px; border-radius: 3px; } /* line 39, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ #main-area-travel-icon { margin-left: calc(10vw - 14px); } /* line 42, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ #travel-page-holder { position: absolute !important; top: 0; } /* line 48, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ .main-panel.docket { padding: 40px 2.5%; } /* line 58, ../scss/site/modules/sisto-side-menu/_ssm-1020.scss */ .sisto-sub-menu.open.level-2 { position: absolute; left: 29vw; margin-left: 0; width: 29vw; } } /* line 7, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-header { position: relative; width: 100%; float: left; padding: 20px 10px 10px; background: #3c8ccb; border-radius: 3px 3px 0 0; color: white; } /* line 16, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-header h1 { position: relative; width: 100%; float: left; } /* line 23, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-tab-header { position: relative; width: 100%; float: left; background: white; border-radius: 3px 3px 0 0; color: #555; position: relative; width: 100%; float: left; } /* line 33, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-tab-header h1 { position: relative; width: 100%; float: left; padding: 10px 20px; font-size: 24px; } /* line 41, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar { position: relative; width: 100%; min-height: 150px; float: left; background: #2d62b9; padding: 20px; color: white; } /* line 49, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar span { position: absolute; bottom: 20px; right: 20px; width: 160px; color: white; } /* line 55, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar span a { color: white; cursor: pointer; } /* line 60, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section { position: relative; width: calc(100% - 200px); float: left; } /* line 65, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section figure { position: relative; float: left; width: 120px; height: 150px; } /* line 70, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section figure img { position: relative; float: left; margin: 20px; width: 80px; height: 80px; border-radius: 40px; background-color: white; } /* line 82, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section figcaption { position: relative; float: left; width: calc(100% - 130px); margin-left: 10px; } /* line 88, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section h2 { position: relative; width: calc(100%); float: left; font-size: 24px; } /* line 94, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section ul { position: relative; float: left; width: 100%; list-style: none; font-size: 16px; } /* line 100, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section ul li { position: relative; float: left; width: 100%; } /* line 105, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-section ul li.with-sub ul { width: calc(100% - 20px); margin-left: 20px; } /* line 113, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right { position: relative; float: left; width: 200px; } /* line 114, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right .quick-info { position: relative; float: left; width: 100%; height: 150px; } /* line 124, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure { position: absolute; width: 80px; height: 80px; border-radius: 40px; text-align: center; } /* line 130, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure h3, .at-infobar .at-right figure em { position: relative; float: left; width: 100%; } /* line 135, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure h3 { line-height: 20px; font-size: 18px; margin: 20px 0 0; } /* line 140, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure em { line-height: 20px; font-size: 12px; } /* line 144, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure#qi1 { background: white; color: #2d62b9; top: -60px; right: 50px; box-shadow: 0 0 1px 1px #2d62b9; } /* line 151, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure#qi2, .at-infobar .at-right figure#qi3 { background: #2d62b9; color: white; box-shadow: 0 0 1px 1px #FFFFFF; } /* line 156, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure#qi2 { top: -2px; right: 78px; } /* line 160, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure#qi3 { top: -19px; right: 2px; } /* line 163, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure#qi3 h3 { margin: 0; } /* line 167, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-infobar .at-right figure#qi3 em { margin: 18px 0 0; } /* line 175, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-tabs { position: relative; float: left; width: 100%; margin-top: 40px; padding: 20px 5px; color: #888888; } /* line 183, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-tabs li { position: relative; float: left; padding: 0 0; margin: 0 20px; text-align: center; } /* line 189, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-tabs li.selected { color: #555; } /* line 191, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-tabs li.selected h3 { border-bottom: 2px solid #555; } /* line 195, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-tabs li h3 { margin: 10px 0; font-size: 24px; cursor: pointer; } /* line 202, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-content { width: 100%; float: left; list-style: none; margin: 0; padding: 0; margin-bottom: 0; border-radius: 0 5px; } /* line 211, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-folder { position: relative; float: left; width: 100%; display: none; } /* line 216, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-folder.selected { display: block; } /* line 219, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-folder p { position: relative; float: left; width: 100%; font-size: 16px; font-weight: 400; } /* line 226, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-folder .link-list { padding: 0 20px; } /* line 229, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-folder h4 { position: relative; float: left; width: 100%; margin: 20px 20px 10px; } /* line 237, ../scss/site/modules/sisto-academics/_academics-320.scss */ .descriptor-files { position: relative; float: left; width: 100%; color: #555; list-style: none !important; font-size: 16px; } /* line 244, ../scss/site/modules/sisto-academics/_academics-320.scss */ .descriptor-files em { position: relative; float: left; margin-right: 10px; font-size: 12px; padding: 6px 0 0; } /* line 252, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor { position: relative; float: left; width: 100%; list-style: none; } /* line 257, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor .at-desc-item { position: relative; float: left; width: 100%; padding: 20px 25px; } /* line 262, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor .at-desc-item ul { list-style: disc; margin: 10px 20px; font-weight: 400; } /* line 266, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor .at-desc-item ul li { margin: 5px; } /* line 270, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor .at-desc-item:nth-child(2n) { background: #2d62b9; color: white; } /* line 273, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor .at-desc-item:nth-child(2n) a { color: white; } /* line 275, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor .at-desc-item:nth-child(2n) a:hover { color: #eee; } /* line 279, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor .at-desc-item:nth-child(2n) .descriptor-files { color: white; } /* line 284, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-decriptor h3 { font-size: 18px; padding: 0; font-weight: bold; } /* line 295, ../scss/site/modules/sisto-academics/_academics-320.scss */ .video-item { position: relative; float: left; width: 95%; margin: 20px 5% 0 0; } /* line 300, ../scss/site/modules/sisto-academics/_academics-320.scss */ .video-item figcaption { position: relative; float: left; margin: 10px 5% 0 0; font-size: 16px; font-weight: 400; text-align: center; } /* line 309, ../scss/site/modules/sisto-academics/_academics-320.scss */ .zoom-meeting { position: relative; float: left; width: 95%; margin: 25px 5% 20px 0; border-radius: 5px; border: solid 2px white; color: white; } /* line 317, ../scss/site/modules/sisto-academics/_academics-320.scss */ .zoom-meeting figcaption { position: relative; float: left; margin: 20px; height: 60px; width: 60px; border-radius: 30px; border: solid 2px white; line-height: 60px; text-align: center; } /* line 327, ../scss/site/modules/sisto-academics/_academics-320.scss */ .zoom-meeting figcaption em { position: relative; font-size: 22px; top: 1px; } /* line 334, ../scss/site/modules/sisto-academics/_academics-320.scss */ .zoom-meeting-details { position: relative; float: left; padding: 20px 10px; width: calc(100% - 100px); font-family: "Montserrat", arial, sans-serif; } /* line 340, ../scss/site/modules/sisto-academics/_academics-320.scss */ .zoom-meeting-details h3 { position: relative; float: left; font-size: 18px; line-height: 22px; margin: 0; width: 100%; } /* line 348, ../scss/site/modules/sisto-academics/_academics-320.scss */ .zoom-meeting-details h4 { position: relative; float: left; font-size: 14px; line-height: 24px; margin: 0; width: 100%; font-weight: 400; } /* line 357, ../scss/site/modules/sisto-academics/_academics-320.scss */ .zoom-meeting-details h5 { position: relative; float: left; font-size: 14px; line-height: 24px; margin: 0; width: 100%; letter-spacing: 1px; } /* line 367, ../scss/site/modules/sisto-academics/_academics-320.scss */ .link-list { position: relative; float: left; width: 100%; } /* line 371, ../scss/site/modules/sisto-academics/_academics-320.scss */ .link-list li { position: relative; float: left; width: 100%; line-height: 24px; font-size: 18px; padding: 0; } /* line 378, ../scss/site/modules/sisto-academics/_academics-320.scss */ .link-list li em { position: relative; float: left; margin-right: 10px; font-size: 12px; padding: 3px; } /* line 387, ../scss/site/modules/sisto-academics/_academics-320.scss */ .link-list a { text-decoration: none; color: white; } /* line 390, ../scss/site/modules/sisto-academics/_academics-320.scss */ .link-list a:hover { color: #78b0db; } /* line 396, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-list { position: relative; float: left; width: 100%; color: #555; overflow: hidden; } /* line 404, ../scss/site/modules/sisto-academics/_academics-320.scss */ .content-seperator { position: relative; float: left; width: 100%; margin: 20px 0; border-bottom: 1px solid rgba(45, 98, 185, 0.4); } /* line 410, ../scss/site/modules/sisto-academics/_academics-320.scss */ .content-seperator:last-child { display: none; } /* line 414, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item { position: absolute; width: 100%; top: 0; right: -100%; padding: 20px 0; transition: margin 0.3s ease-in; margin-right: -100%; } /* line 422, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item.first { margin-left: -100%; left: -100%; } /* line 426, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item.active-page { position: relative; float: left; margin-left: 0; margin-right: 0; left: 0; right: 0; } /* line 434, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item h2 { font-size: 24px; } /* line 438, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item .title { position: relative; float: left; width: 100%; padding: 0 25px; } /* line 446, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item > .title > figure { position: absolute; right: 20px; top: 30px; padding: 0; width: 80px; height: 80px; border-radius: 40px; text-align: center; color: white; border: 2px solid white; } /* line 457, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item > .title > figure figcaption, .session-item > .title > figure span, .session-item > .title > figure em { position: relative; float: left; width: 100%; } /* line 462, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item > .title > figure span { margin-top: 16px; font-size: 22px; font-weight: 400; line-height: 22px; letter-spacing: 1px; } /* line 469, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item > .title > figure em { font-size: 16px; font-style: normal; } /* line 475, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-content { position: relative; float: left; width: 100%; padding: 20px; } /* line 480, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-content:nth-child(2n - 1) { background: white; color: #555; } /* line 486, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n - 1) { background: #2d62b9; color: white; } /* line 491, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n - 1) .session-content:nth-child(2n - 1) .zoom-meeting { border-color: #2d62b9; color: #555; } /* line 494, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n - 1) .session-content:nth-child(2n - 1) .zoom-meeting figcaption { border: solid 2px #2d62b9; color: #2d62b9; } /* line 500, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n - 1) .session-content:nth-child(2n - 1) .link-list a { color: #555; } /* line 502, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n - 1) .session-content:nth-child(2n - 1) .link-list a:hover { color: #7099dc; } /* line 510, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n) { background: #7f0505; color: white; } /* line 515, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n) .session-content:nth-child(2n - 1) .zoom-meeting { border-color: #7f0505; color: #555; } /* line 518, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n) .session-content:nth-child(2n - 1) .zoom-meeting figcaption { border: solid 2px #7f0505; color: #7f0505; } /* line 524, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n) .session-content:nth-child(2n - 1) .link-list a { color: #555; } /* line 526, ../scss/site/modules/sisto-academics/_academics-320.scss */ .session-item:nth-child(2n) .session-content:nth-child(2n - 1) .link-list a:hover { color: #7099dc; } /* line 538, ../scss/site/modules/sisto-academics/_academics-320.scss */ .quick-list { position: relative; float: left; width: 100%; padding: 20px 20px 60px; } /* line 546, ../scss/site/modules/sisto-academics/_academics-320.scss */ .quick-list a { text-decoration: none; color: #555; font-size: 18px; } /* line 550, ../scss/site/modules/sisto-academics/_academics-320.scss */ .quick-list a:hover { color: #006ecb; } /* line 555, ../scss/site/modules/sisto-academics/_academics-320.scss */ .video-desc, .doc-links { position: relative; float: left; width: 100%; } /* line 559, ../scss/site/modules/sisto-academics/_academics-320.scss */ .video-desc .lp, .video-desc .rp, .doc-links .lp, .doc-links .rp { position: relative; float: left; width: 50%; padding: 10px; } /* line 566, ../scss/site/modules/sisto-academics/_academics-320.scss */ .video-desc h4, .doc-links h4 { position: relative; float: left; margin-top: 5px; } /* line 572, ../scss/site/modules/sisto-academics/_academics-320.scss */ .video-wrapper { position: relative; float: left; width: 100%; background: white; border-radius: 2px; box-shadow: 0 0 3px 1px rgba(155, 155, 155, 0.4); padding: 5px 5px 0px; } /* line 580, ../scss/site/modules/sisto-academics/_academics-320.scss */ .video-wrapper iframe { background: rgba(0, 0, 0, 0.75); } /* line 584, ../scss/site/modules/sisto-academics/_academics-320.scss */ .assessment-wrapper { position: relative; float: left; width: 100%; padding: 20px; } /* line 590, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item, .assessment-item { position: relative; float: left; width: 100%; padding: 40px 25px; } /* line 595, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item:first-child, .assessment-item:first-child { padding-top: 0; } /* line 598, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item figure, .assessment-item figure { position: absolute; right: 20px; top: 30px; padding: 0; width: 80px; height: 80px; border-radius: 40px; text-align: center; background: white; color: #2d62b9; box-shadow: 0 0 1px 1px #2d62b9; } /* line 610, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item figure figcaption, .attendance-item figure span, .attendance-item figure em, .assessment-item figure figcaption, .assessment-item figure span, .assessment-item figure em { position: relative; float: left; width: 100%; } /* line 615, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item figure span, .assessment-item figure span { font-size: 18px; font-weight: 400; letter-spacing: 1px; } /* line 620, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item figure em, .assessment-item figure em { font-size: 12px; margin-top: 18px; } /* line 626, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item p, .attendance-item h3, .attendance-item ul, .attendance-item li, .assessment-item p, .assessment-item h3, .assessment-item ul, .assessment-item li { position: relative; float: left; width: calc(100% - 100px); margin-right: 100px; } /* line 633, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item ul, .assessment-item ul { padding-left: 20px; margin-left: 40px; font-size: 16px; list-style: disc; font-weight: 400; } /* line 639, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item ul.link-list, .assessment-item ul.link-list { list-style: none; padding-left: 0; margin-left: 0; } /* line 643, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item ul.link-list em, .assessment-item ul.link-list em { position: relative; float: left; margin-right: 10px; font-size: 12px; padding: 2px; } /* line 650, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item ul.link-list li, .assessment-item ul.link-list li { padding: 0; } /* line 655, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item li, .assessment-item li { padding: 0 10px; line-height: 22px; } /* line 659, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item:nth-child(2n), .assessment-item:nth-child(2n) { background: #2d62b9; color: white; } /* line 662, ../scss/site/modules/sisto-academics/_academics-320.scss */ .attendance-item:nth-child(2n) figure, .assessment-item:nth-child(2n) figure { background: #2d62b9; color: white; box-shadow: 0 0 1px 1px white; } /* line 670, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item { position: relative; float: left; width: 100%; padding: 20px 0; font-size: 16px; } /* line 676, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item label, .at-paper-item span { position: relative; float: left; font-weight: 400; } /* line 681, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item label { margin-right: 10px; } /* line 685, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item .toolbar { position: relative; float: right; } /* line 688, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item .toolbar em, .at-paper-item .toolbar i { position: relative; float: left; } /* line 692, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item .toolbar em { margin-right: 5px; font-size: 12px; padding: 4px; } /* line 697, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item .toolbar i { text-decoration: none; font-weight: 400; font-style: normal; } /* line 702, ../scss/site/modules/sisto-academics/_academics-320.scss */ .at-paper-item .toolbar .academics-uploader { bottom: 0; } /* line 707, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-action-bar { position: absolute; top: 25px; right: 25px; z-index: 99; border-radius: 3px; } /* line 713, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-action-bar ul { position: relative; float: right; list-style: none; margin: 0; padding: 3px; } /* line 720, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-action-bar .list-icon { position: relative; float: left; width: 30px; height: 30px; line-height: 30px; background: none; color: white; margin-right: 3px; border-radius: 3px; cursor: pointer; border: 1px solid rgba(133, 133, 133, 0.5); opacity: 1; transition: box-shadow ease-in 0.1s; } /* line 734, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-action-bar .list-icon em { position: relative; text-align: center; padding: 1px 5px; float: left; font-size: 18px; line-height: 30px; } /* line 742, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-action-bar .list-icon i { position: absolute; top: -2px; right: 11px; font-size: 10px; font-weight: 600; color: #006ecb; } /* line 752, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course, .academics-course-list { width: 100%; float: left; list-style: none; margin: 0; } /* line 763, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item { width: 33.3%; margin: 0 0 20px; float: left; } /* line 768, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item .u-hidden { display: none; } /* line 771, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item.open { width: 100%; z-index: 99; } /* line 774, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item.open .academics-item-inner-wrapper { background: #5a6f7e; margin: 0 5% 20px; width: 90%; box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.2); } /* line 780, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item.open .u-hidden { display: block; } /* line 783, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item.open .u-visible { display: none; } /* line 788, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-inner-wrapper { position: relative; float: left; text-align: center; width: 100%; } /* line 795, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-icon { position: relative; display: block; margin: auto; width: 60px; height: 60px; background-repeat: no-repeat; background-size: auto 60px; background-image: url(../../img/ui/sitewide/icons.png); cursor: pointer; background-position: -618px 0px; transition: margin ease-in-out 0.3s; } /* line 808, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-title, .academics-folder-title-text { position: relative; width: 100%; float: left; padding: 10px; margin: 0; text-align: center; font-size: 14px; font-weight: 300; } /* line 817, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-title.open, .academics-folder-title-text.open { color: #FFFFFF; background: #3c8ccb; } /* line 822, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-title-icon { position: absolute; top: 11px; right: 8px; color: white; font-size: 12px; cursor: pointer; } /* line 829, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-title-icon:hover { color: #FFFFFF; } /* line 835, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-icon { display: inline; width: 60px; height: 60px; float: left; margin: 0; background-size: auto 60px; background-position: -618px 0; } /* line 844, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-title { width: 72%; float: left; padding: 7px 40px 2px 0; margin-left: 20px; text-align: left; font-size: 18px; border-bottom: solid 1px rgba(155, 155, 155, 0.6); } /* line 853, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-list { width: 100%; float: left; padding: 0 10px; list-style: none; } /* line 862, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder { width: 100%; position: relative; float: left; border-bottom: 1px solid rgba(155, 155, 155, 0.1); box-shadow: 0 0 8px 1px rgba(155, 155, 155, 0.1); border-radius: 5px; } /* line 871, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder.expand .academics-folder-title { background: #3c8ccb; color: #FFFFFF; border-radius: 5px 5px 0 0; } /* line 875, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder.expand .academics-folder-title .sisto-list-item-icon { color: #FFFFFF; } /* line 879, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder.expand .academics-folder-title-text, .academics-folder.expand academics-notification-item-icon { color: #FFFFFF; } /* line 882, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder.expand .academics-notification-item-number { background: #FFFFFF; color: #3c8ccb; font-weight: 400; } /* line 887, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder.expand .academics-folder-list { padding-bottom: 10px; } /* line 892, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-title { position: relative; float: left; width: 100%; padding: 20px 0; margin: 0; color: #555; font-weight: 200; line-height: 20px; } /* line 901, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-title .sisto-list-item-icon { font-size: 18px; margin-left: 20px; padding: 10px 0; } /* line 907, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-title-text { position: relative; float: left; text-align: left; max-width: 50%; font-size: 16px; line-height: 20px; font-weight: 400; padding: 10px 0; } /* line 917, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-expand, .academics-contract { float: right; height: 25px; width: 25px; line-height: 20px; font-size: 15px; padding: 5px; cursor: pointer; border-radius: 3px; margin-left: 15px; margin-right: 20px; margin-top: 8px; color: #bbbbbb; } /* line 934, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-contract { display: none; color: #FFFFFF; } /* line 938, ../scss/site/modules/sisto-academics/_academics-320.scss */ .expand > .academics-folder-title > .academics-contract { display: block; } /* line 941, ../scss/site/modules/sisto-academics/_academics-320.scss */ .expand > .academics-folder-title > .academics-expand { display: none; } /* line 944, ../scss/site/modules/sisto-academics/_academics-320.scss */ .u-visible { display: block; } /* line 947, ../scss/site/modules/sisto-academics/_academics-320.scss */ .u-hidden { display: none; } /* line 950, ../scss/site/modules/sisto-academics/_academics-320.scss */ .u-contracted { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in; } /* line 955, ../scss/site/modules/sisto-academics/_academics-320.scss */ .expand > .academics-folder-list-holder > .u-contracted { max-height: 200000px; overflow: hidden; color: #555; } /* line 960, ../scss/site/modules/sisto-academics/_academics-320.scss */ .expand > .academics-folder-title > .u-visible { display: none; } /* line 963, ../scss/site/modules/sisto-academics/_academics-320.scss */ .expand > .academics-folder-title > .u-hidden { display: block; } /* line 967, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-list-title { position: relative; float: left; padding: 20px 5% 0; margin: 0; height: auto; color: #555; font-weight: 400; font-size: 18px; width: 100%; line-height: 22px; text-align: left; font-weight: 400; } /* line 981, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-list-title-icon { position: relative; float: left; font-size: 12px; padding: 2px; color: #888888; margin-right: 10px; } /* line 989, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-downloads-list { width: 100%; } /* line 992, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-links-list { width: 100%; } /* line 995, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-list { width: 100%; } /* line 998, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list { float: left; padding: 0; list-style: none; margin: 0; border-bottom: 1px solid rgba(180, 180, 180, 0.3); } /* line 1004, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list:last-child { border: none; } /* line 1007, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list ul { position: relative; float: left; padding: 10px; list-style: none; margin-left: 30px; } /* line 1013, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list ul li { position: relative; float: left; margin-left: 10px; margin-bottom: 1px; padding: 5px 10px; background: #f7f7f7; } /* line 1020, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list ul li:nth-child(2n - 1) { background: #f3f3f3; } /* line 1025, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list .comments-section { margin-left: 30px; } /* line 1030, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list-holder { position: relative; float: left; width: 100%; } /* line 1034, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-list-holder p { position: relative; float: left; width: calc(100% - 50px); padding: 0 20px; } /* line 1041, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-item { position: relative; float: left; width: 100%; color: #333; } /* line 1046, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-item em { position: relative; margin: 3px 10px; width: 4%; float: left; } /* line 1052, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-folder-item span { position: relative; float: left; } /* line 1060, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-link { position: relative; float: left; text-decoration: none; color: #0096ff !important; } /* line 1065, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-link:hover, .academics-file-link :focus { color: #005a99 !important; } /* line 1069, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-link > .academics-item-body > em, .academics-file-link > .academics-item-body > span { position: relative; float: left; } /* line 1073, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-link > .academics-item-body > em { width: 20px; margin: 0 10px; } /* line 1077, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-descriptor > ul > .academics-downloads > .academics-file-link { width: 100%; } /* line 1081, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-link > .academics-item-body > span { width: calc(100% - 40px); } /* line 1084, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-links { cursor: pointer; } /* line 1087, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-descriptor { position: relative; float: left; width: 100%; padding: 0 5%; } /* line 1096, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-descriptor > ol, .academics-descriptor > ul { position: relative; float: left; width: 100%; padding: 0 5px; margin-left: 0; } /* line 1103, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-descriptor > ol { margin-left: 30px; } /* line 1106, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-descriptor > p { padding: 0; } /* line 1109, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-descriptor > ol > li, .academics-descriptor > ul > li { position: relative; float: left; min-width: 51%; max-width: 100%; } /* line 1115, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper { position: relative; padding: 10px 0; margin: 10px; width: calc(100% - 20px); } /* line 1120, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper:nth-child(2n-1) { box-shadow: 0 0 5px 1px #ddd; } /* line 1123, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper:nth-child(2n) { box-shadow: 0 0 5px 1px #ddd; } /* line 1130, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper.dyna > a > span { width: calc(100% - 80px); margin-bottom: 10px; font-size: 1.2em; font-weight: 600; } /* line 1137, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-text-file { position: relative; float: left; margin-top: 10px; margin-left: 10px; } /* line 1143, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-message { position: relative; } /* line 1146, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-uploader { opacity: 0; position: absolute; right: 0; width: 245px; height: 57px; bottom: 20px; cursor: pointer; z-index: 999; } /* line 1156, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-grade, .academics-comment, .academics-datetime { position: relative; float: left; width: 100%; } /* line 1161, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-grade { font-weight: 600; font-size: 14px; } /* line 1166, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-comment { font-size: 14px; } /* line 1169, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-datetime { font-size: 12px; color: #888888; } /* line 1173, ../scss/site/modules/sisto-academics/_academics-320.scss */ .papers-submitted-fe { position: relative; float: left; margin-left: 20px; width: calc(100% - 20px); text-align: left; } /* line 1179, ../scss/site/modules/sisto-academics/_academics-320.scss */ .papers-submitted-fe h4 { position: relative; float: left; font-size: 14px; font-weight: 400; width: 51%; } /* line 1186, ../scss/site/modules/sisto-academics/_academics-320.scss */ .papers-submitted-fe em { margin-right: 5px; } /* line 1189, ../scss/site/modules/sisto-academics/_academics-320.scss */ .papers-submitted-fe ul { position: relative; float: left; width: 100%; } /* line 1195, ../scss/site/modules/sisto-academics/_academics-320.scss */ .papers-submitted-fe li { position: relative; float: left; width: 100%; } /* line 1201, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-window > aside > ul > li > .papers-submitted-fe > ul > li > a { width: 100%; } /* line 1204, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-window > aside > ul > li.spacer { min-height: 60px; } /* line 1207, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-title { float: left; font-size: 16px; color: #006ecb; font-weight: 300; width: calc(100% - 0px); margin-left: 0; padding: 0 20px; cursor: pointer; } /* line 1217, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-title em { float: left; margin-right: 10px; font-size: 12px; padding: 6px 0; } /* line 1223, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-title.empty { color: #888888; font-size: 12px; } /* line 1226, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-title.empty:hover { color: #888888; } /* line 1231, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-title { height: auto; cursor: default; color: #006ecb; } /* line 1237, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-text { float: left; width: 50%; padding: 10px; margin: 0 10px; margin-left: 20px; background: #f3f3f3; color: inherit; } /* line 1246, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-body { position: relative; float: left; max-width: calc(100% - 40px); margin: 0; margin-left: 20px; color: inherit; padding: 5px 0; font-size: 1em; text-align: left; } /* line 1257, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-body > ul { list-style: square; } /* line 1260, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-body > ul > li { background: none; } /* line 1263, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-item-body > ul > li:nth-child(2n - 1) { background: none; } /* line 1266, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-zoom { padding: 10px; } /* line 1268, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-zoom:nth-child(2n) { background: #f3f3f3; } /* line 1272, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-dates { float: left; width: calc(60% - 20px); margin-left: 10px; font-size: 12px; text-align: left; padding-bottom: 10px; /*&:last-child{ margin-left:1%; }*/ } /* line 1279, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-dates.overdue { color: #770000; } /* line 1288, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-dates > .academics-papers-toolbar { width: 100%; } /* line 1291, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-download { margin-left: 0; } /* line 1294, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-uploader { position: relative; float: left; width: 100%; color: #888; } /* line 1299, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-uploader span, .academics-papers-uploader em { position: relative; float: left; font-weight: 400; font-size: 14px; margin-top: 0px; width: 120px; } /* line 1306, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-uploader span.paper, .academics-papers-uploader em.paper { width: 95px; } /* line 1311, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-uploader em { margin-left: 0; margin-top: 4px; font-size: 10px; width: 10px; } /* line 1317, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-uploader form { position: absolute; width: 100% !important; height: 40px; bottom: 0px; z-index: 99; } /* line 1324, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-uploader input { opacity: 0; position: absolute; right: 0; width: 100%; height: 40px; bottom: 0; cursor: pointer; z-index: 999; } /* line 1333, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-uploader input.big-button { height: 120px; } /* line 1338, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-open-date-title, .academics-paper-deadline-date-title { width: 100%; float: left; font-size: 12px; color: #888888; font-weight: bold; } /* line 1344, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-open-date-title.upload-title, .academics-paper-deadline-date-title.upload-title { font-weight: 400; font-size: 14px; margin-top: 0px; } /* line 1350, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-open-date, .academics-paper-deadline-date { width: 100%; float: left; font-size: 12px; color: #888888; } /* line 1357, ../scss/site/modules/sisto-academics/_academics-320.scss */ .overdue .academics-paper-open-date-title, .overdue .academics-paper-deadline-date-title { color: #ff8400; } /* line 1360, ../scss/site/modules/sisto-academics/_academics-320.scss */ .overdue .academics-paper-open-date, .overdue .academics-paper-deadline-date { color: #ff8400; } /* line 1364, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-toolbar { float: right; width: 25%; list-style: none !important; margin: 0; margin-right: 10px; } /* line 1371, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-toolbar-item { float: right; width: 30px; height: 20px; color: #888888; line-height: 18px; font-size: 15px; padding: 8px; margin-left: 1px; cursor: pointer; } /* line 1381, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-toolbar-item em { position: absolute; bottom: 37px; font-size: 18px; } /* line 1386, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-papers-toolbar-item:hover { color: #0096ff; cursor: pointer; } /* line 1391, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-upload-wrapper { position: fixed; top: 0%; left: 0%; background: rgba(0, 0, 0, 0.5); padding: 0px; overflow: hidden; max-height: 0; transition: max-height 0.3s ease-in-out; } /* line 1400, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-upload-wrapper.open { max-height: 4000px; padding: 20px; width: 100%; z-index: 999; height: 100%; } /* line 1408, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-active-button-wrapper { position: relative; float: left; width: 100%; min-height: 40px; line-height: 40px; text-align: center; margin-top: 5px; } /* line 1417, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-box-close, .academics-paper-box-label { float: left; cursor: pointer; width: 100%; border-radius: 5px; font-size: 1.4em; background: #fff; color: #555; min-height: 40px; cursor: pointer; } /* line 1429, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-submit-button label { display: block; cursor: default; } /* line 1433, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-submit-button button { display: none; } /* line 1437, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-submit-button.active label { display: none; } /* line 1440, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-submit-button.active button { display: block; } /* line 1445, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-submit { background: #0096ff; float: left; width: 100%; margin: 0; color: #FFFFFF; border: none; border-radius: 5px; padding: 0; height: 40px; font-size: 1.4em; cursor: pointer; } /* line 1457, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-submit:hover { box-shadow: 0 0 3px; background: #33abff; } /* line 1462, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-list-on-fly { position: relative; float: left; width: 100%; } /* line 1467, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-list-item { position: relative; width: 100%; font-size: 0.75em; } /* line 1472, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-list-item-icon { position: relative; font-size: 0.8em; padding: 0.2em 1em; } /* line 1477, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-tiny-text { font-size: 10px; float: right; margin-left: -2px; margin-top: -6px; color: #FFFFFF; padding: 3px; } /* line 1485, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-remarks-container { float: right; width: calc(100% - 20px); padding: 0; background: #f0f0f0; margin: 10px 10px; max-height: 1000px; overflow: hidden; transition: max-height 0.4s ease-in-out; font-size: 12px; border-radius: 3px 0 0 3px; } /* line 1496, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-remarks-container.expand { padding: 10px; max-height: 1500px; } /* line 1501, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-remarks-container-close { float: right !important; font-size: 12px; padding: 8px 20px 4px 10px; background: #99d5ff; width: 5px !important; margin-bottom: -5px; cursor: pointer; color: #FFFFFF; border-radius: 0 3px 3px 0; } /* line 1511, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-remarks-container-close:hover { background: #0096ff; } /* line 1515, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-textbox { width: 100%; float: left; display: none; margin: 1px 0 5px; } /* line 1520, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-textbox.active { display: block; } /* line 1525, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-file-uploader { width: 100%; font-size: 16px; position: absolute; top: 0; left: 0; height: 40px; opacity: 0; z-index: 99; cursor: pointer; } @keyframes alert { 0% { max-height: 0; } 25% { max-height: 150px; } 75% { max-height: 150px; } 100% { max-height: 0; } } /* line 1542, ../scss/site/modules/sisto-academics/_academics-320.scss */ #uploader-alert { position: relative; width: 100%; background: #00cc00; text-align: center; color: #FFFFFF; max-height: 0; overflow: hidden; } /* line 1550, ../scss/site/modules/sisto-academics/_academics-320.scss */ #uploader-alert h3 { font-size: 20px; } /* line 1553, ../scss/site/modules/sisto-academics/_academics-320.scss */ #uploader-alert.alert { animation-name: alert; animation-duration: 4s; z-index: 99; padding: 10px; } /* line 1560, ../scss/site/modules/sisto-academics/_academics-320.scss */ #academics-uploading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 316px; background-color: white; background-repeat: no-repeat; background-image: url("../../img/ui/sitewide/spinner.gif"); background-position: center center; box-shadow: 0 0 2px 5px #ccc; opacity: 0.8; z-index: 999; } /* line 1574, ../scss/site/modules/sisto-academics/_academics-320.scss */ #academics-uploading.loading { display: block; } /* line 1578, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-uploading-text { text-align: center; position: relative; margin-top: 168px; color: #415f82; } @media screen and (max-width: 920px) { /* line 1585, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-paper-upload-wrapper { width: 100%; left: 0; } /* line 1589, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-downloads-list { width: 100%; } /* line 1592, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-links-list { width: 100%; border: none; } } /* line 1597, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-link { text-decoration: none; } /* line 1599, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-link:vistited { color: inherit; } /* line 1603, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-notification-bar { position: absolute; right: 25px; margin: 0; bottom: -8px; list-style: none; padding: 0px; } /* line 1611, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-notification-item { position: relative; float: left; margin-right: 5px; } /* line 1615, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-notification-item:last-child { margin-right: 0; } /* line 1619, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-notification-item-icon { position: relative; float: left; font-size: 12px; color: #a2a2a2; margin-top: -1px; padding: 10px 0; } /* line 1627, ../scss/site/modules/sisto-academics/_academics-320.scss */ .expand > .academics-folder-title > .academics-notification-bar > .academics-notification-item > .academics-notification-item-icon { color: #FFFFFF; } /* line 1630, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-notification-item-number { position: relative; float: left; font-size: 12px; height: 18px; width: 18px; margin-left: 3px; border-radius: 10px; background: #3c8ccb; color: #FFFFFF; text-align: center; line-height: 18px; font-weight: 600; margin-top: 8px; } /* line 1645, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-filter-hidden { display: none; } /* line 1648, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-no-filter { margin-top: 30px; } /* line 1651, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-empty { position: relative; width: 80%; margin: 20px 10%; font-weight: 300; font-size: 1.2em; } /* line 1657, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-course-list-empty a { color: #2d62b9; } /* line 1661, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-info-toolbar { position: relative; float: right; max-width: calc(50% - 20px); margin-right: 20px; } /* line 1667, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-info-item { position: relative; float: left; font-size: 14px; color: #888888; } /* line 1672, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-info-item:hover { color: #0096ff; } /* line 1675, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-info-item.small { font-size: 12px; line-height: 14px; } /* line 1679, ../scss/site/modules/sisto-academics/_academics-320.scss */ .academics-info-item em { position: relative; float: left; color: #888888; font-size: 12px; padding: 2px 10px; } /* line 1687, ../scss/site/modules/sisto-academics/_academics-320.scss */ .remarks-container { position: relative; float: left; width: 95%; list-style: none; } /* line 1693, ../scss/site/modules/sisto-academics/_academics-320.scss */ .remarks-item { position: relative; float: left; width: 100%; background: #FFFFFF; margin-bottom: 5px; border-radius: 5px; padding: 10px 5px; } /* line 1702, ../scss/site/modules/sisto-academics/_academics-320.scss */ .remarks-text { position: relative; float: left; width: 80%; font-size: 14px; } /* line 1708, ../scss/site/modules/sisto-academics/_academics-320.scss */ .remarks-date { position: relative; float: left; width: 15%; font-size: 10px; line-height: 14px; color: #005a99; } /* line 1716, ../scss/site/modules/sisto-academics/_academics-320.scss */ .remarks-seen { position: relative; float: left; width: 5%; color: #005a99; font-size: 10px; line-height: 14px; } /* line 1724, ../scss/site/modules/sisto-academics/_academics-320.scss */ .remarks-author { position: relative; float: left; width: 100%; text-align: left; } /* line 1730, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list { max-height: calc(90vh - 110px); overflow: hidden; overflow-Y: scroll; } /* line 1735, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list.padded { padding: 10px 20px; } /* line 1738, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-user { padding-bottom: 15px; } /* line 1739, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-user h4 { padding: 5px 0 8px; } /* line 1744, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list li { border: none; } /* line 1747, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item { background: none; } /* line 1749, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item h5 { position: relative; float: left; width: 90%; color: white; font-size: 16px; margin: 0; } /* line 1757, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item em { position: relative; float: left; width: 5%; font-size: 12px; } /* line 1764, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item i { position: relative; float: right; width: 5%; font-size: 12px; } /* line 1770, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item .ss-navigateup { display: none; } /* line 1773, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item .class-details { position: relative; float: left; width: 50%; max-height: 0; transition: max-height 0.3s ease-in; overflow: hidden; } /* line 1783, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item.expanded .ss-navigateup { display: block; } /* line 1786, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item.expanded .ss-navigatedown { display: none; } /* line 1789, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list .enrolment-item.expanded .class-details { max-height: 10000px; } /* line 1794, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table, .enrolment-list thead, .enrolment-list tbody, .enrolment-list tr { position: relative; float: left; width: 100%; color: white; } /* line 1799, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table th, .enrolment-list table td, .enrolment-list thead th, .enrolment-list thead td, .enrolment-list tbody th, .enrolment-list tbody td, .enrolment-list tr th, .enrolment-list tr td { position: relative; float: left; text-align: center; padding: 5px 10px; } /* line 1804, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table th.w100, .enrolment-list table td.w100, .enrolment-list thead th.w100, .enrolment-list thead td.w100, .enrolment-list tbody th.w100, .enrolment-list tbody td.w100, .enrolment-list tr th.w100, .enrolment-list tr td.w100 { width: 100%; } /* line 1807, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table th.w75, .enrolment-list table td.w75, .enrolment-list thead th.w75, .enrolment-list thead td.w75, .enrolment-list tbody th.w75, .enrolment-list tbody td.w75, .enrolment-list tr th.w75, .enrolment-list tr td.w75 { width: 75%; } /* line 1810, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table th.w25, .enrolment-list table td.w25, .enrolment-list thead th.w25, .enrolment-list thead td.w25, .enrolment-list tbody th.w25, .enrolment-list tbody td.w25, .enrolment-list tr th.w25, .enrolment-list tr td.w25 { width: 25%; } /* line 1813, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table th.a-right, .enrolment-list table td.a-right, .enrolment-list thead th.a-right, .enrolment-list thead td.a-right, .enrolment-list tbody th.a-right, .enrolment-list tbody td.a-right, .enrolment-list tr th.a-right, .enrolment-list tr td.a-right { text-align: right; } /* line 1816, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table th.c-right, .enrolment-list table td.c-right, .enrolment-list thead th.c-right, .enrolment-list thead td.c-right, .enrolment-list tbody th.c-right, .enrolment-list tbody td.c-right, .enrolment-list tr th.c-right, .enrolment-list tr td.c-right { text-align: center; } /* line 1820, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table.full-table, .enrolment-list thead.full-table, .enrolment-list tbody.full-table, .enrolment-list tr.full-table { position: relative; float: left; width: 100%; } /* line 1825, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list table.right-table, .enrolment-list thead.right-table, .enrolment-list tbody.right-table, .enrolment-list tr.right-table { position: relative; float: right; width: 100%; } /* line 1832, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list ol { position: relative; float: left; width: 100%; } /* line 1836, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list ol li { border-radius: 3px; padding: 3px; } /* line 1839, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list ol li label { position: relative; float: left; width: 75%; margin-top: 2px; } /* line 1845, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list ol li span { position: relative; float: left; width: 25%; text-align: center; background-color: rgba(211, 211, 211, 0.2); padding: 2px 10px 3px; border-radius: 3px; cursor: text; } /* line 1859, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-user.open-user > h4 > .ss-navigatedown { display: none; } /* line 1862, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-user.open-user > h4 .ss-navigateup.u-hidden { display: block; } /* line 1866, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-user > .enrolment-classes, .enrolment-user > ul > .enrolment-item { transition: max-height 0.3s ease-in-out; overflow: hidden; max-height: 0; } /* line 1871, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-user.open-user > .enrolment-classes, .enrolment-user.open-user > ul > .enrolment-item { max-height: 90000px; overflow: inherit; } /* line 1875, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list > .enrolment-user > ul > li { padding: 0; } /* line 1878, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-list > .enrolment-user.open-user > ul > li { padding: 5px 10px; } /* line 1881, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-user > h4 > .loader { display: none; height: 40px; width: 40px; z-index: 99; background-repeat: no-repeat; background-image: url("../ui/white_spinner.gif"); background-position: 0 0; background-size: 100% 100%; right: calc(4.5% - 12px); top: 0 !important; } /* line 1895, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-user > h4 > .loader.open-menu { display: block; } /* line 1898, ../scss/site/modules/sisto-academics/_academics-320.scss */ .gt-progress { position: relative; float: left; width: 50%; display: none; } /* line 1905, ../scss/site/modules/sisto-academics/_academics-320.scss */ .enrolment-item.expanded .gt-progress { display: block; } /* line 1909, ../scss/site/modules/sisto-academics/_academics-320.scss */ .list-padder { position: relative; float: left; width: 100%; height: 150px; } /****************/ /* 2024 Updates */ /****************/ /* line 1918, ../scss/site/modules/sisto-academics/_academics-320.scss */ .editor-action-bar > .switch { position: absolute; bottom: -48px; right: 0; } /* The switch - the box around the slider */ /* line 1924, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch { position: relative; display: inline-block; width: 40px; height: 24px; } /* Hide default HTML checkbox */ /* line 1932, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > input { opacity: 0; width: 0; height: 0; } /* The slider */ /* line 1939, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } /* line 1951, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } /* line 1963, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > input:checked + .slider { background-color: #49be49; } /* line 1967, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > input:focus + .slider { box-shadow: 0 0 1px #49be49; } /* line 1971, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } /* Rounded sliders */ /* line 1978, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > .slider.round { border-radius: 24px; } /* line 1982, ../scss/site/modules/sisto-academics/_academics-320.scss */ .acc-switch > .slider.round:before { border-radius: 50%; } /* line 1985, ../scss/site/modules/sisto-academics/_academics-320.scss */ .section-switch { position: relative; float: right; margin-right: 5px; } /* line 1990, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch { position: relative; float: right; margin-top: 4px; } /* line 1995, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch { position: relative; display: inline-block; width: 32px; height: 16px; } /* line 2003, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > input { opacity: 0; width: 0; height: 0; } /* line 2010, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; height: 20px; width: 30px; } /* line 2024, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > .slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } /* line 2036, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > input:checked + .slider { background-color: #49be49; } /* line 2040, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > input:focus + .slider { box-shadow: 0 0 1px #49be49; } /* line 2044, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > input:checked + .slider:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } /* line 2050, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > .slider.round { border-radius: 24px; } /* line 2054, ../scss/site/modules/sisto-academics/_academics-320.scss */ .cc-switch > .acc-switch > .slider.round:before { border-radius: 50%; } /* line 2057, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-icons { position: relative; float: right; } /* line 2061, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-uploaded, .paper-marked, .paper-grade, .paper-upload { position: relative; float: left; margin-right: 10px; height: 40px; width: 40px; border-radius: 25px; border: 2px solid white; color: white; cursor: pointer; } /* line 2072, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-upload { float: right; } /* line 2075, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-uploaded > span, .paper-marked > span, .paper-upload > span { position: relative; float: left; width: 100%; text-align: center; top: -20px; font-size: 16px; } /* line 2083, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-uploaded > span, .paper-marked > span, .paper-grade > span, .paper-upload > span { position: relative; float: left; height: 40px; width: 40px; top: 0px; } /* line 2090, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-uploaded > span > em, .paper-marked > span > em, .paper-grade > span > em, .paper-upload > span > em { position: relative; float: left; font-size: 15px; line-height: 40px; margin: 0 0 0 10px; } /* line 2097, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-uploaded { background-color: #006600; } /* line 2100, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-marked { background-color: #193767; } /* line 2103, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-grade, .paper-upload { background-color: #2d62b9; } /* line 2107, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-uploaded > h4, .paper-marked > h4, .paper-grade > h4, .paper-upload > h4 { position: absolute; font-size: 12px; font-weight: 400; width: 110px; bottom: -3px; background-color: green; padding: 5px 10px; border-radius: 3px; left: -110px; text-align: center; display: none; } /* line 2120, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-marked > h4 { background-color: #193767; } /* line 2123, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-grade > h4, .paper-upload > h4 { background-color: #2d62b9; } /* line 2126, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-grade > span > i { position: relative; float: left; font-size: 12px; font-weight: 600; line-height: 36px; margin: 0 0 0 5px; } /* line 2134, ../scss/site/modules/sisto-academics/_academics-320.scss */ .paper-uploaded:hover > h4, .paper-uploaed:focus > h4, .paper-marked:hover > h4, .paper-marked:focus > h4, .paper-grade:hover > h4, .paper-grade:focus > h4, .paper-upload:hover > h4, .paper-upload:focus > h4 { display: block; z-index: 99; } /* line 2138, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-bar-wrapper { position: relative; float: left; width: 50%; height: 30px; border: solid 1px rgba(133, 133, 133, 0.4); padding: 5px; display: none; border-radius: 3px; } /* line 2148, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-bar-wrapper.loading, #upload-bar-wrapper.loaded { display: block; z-index: 999; } /* line 2152, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-bar-wrapper > #upload-bar { position: relative; float: left; width: 0%; height: 20px; background-color: #2d62b9; border-radius: 3px; } /* line 2160, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-bar-wrapper > #upload-counter { position: absolute; width: 100%; left: 0px; top: 1px; color: black; text-align: center; font-size: 20px; font-weight: 600; } /* line 2170, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-bar-wrapper > #upload-counter.complete { width: 220px; left: calc(50% - 110px); } /* line 2174, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-bar-wrapper > #cancelUploadBtn { display: none; } /* line 2177, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-bar-wrapper.loading > #cancelUploadBtn { position: absolute; left: 0; top: 35px; display: block; } /* line 2183, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-cancelled-wrapper { position: relative; float: left; width: 50%; height: 30px; border: solid 1px rgba(133, 133, 133, 0.4); padding: 5px; display: none; border-radius: 3px; } /* line 2193, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-cancelled-wrapper.active { display: block; } /* line 2196, ../scss/site/modules/sisto-academics/_academics-320.scss */ #upload-cancelled-wrapper > span { position: absolute; width: 220px; left: calc(50% - 110px); top: 1px; color: black; text-align: center; font-size: 20px; font-weight: 600; } @media screen and (min-width: 480px) { /* line 1, ../scss/site/modules/sisto-academics/_academics-480.scss */ .academics-active-button-wrapper { width: 60%; margin: 5px 20% 0; } /* line 5, ../scss/site/modules/sisto-academics/_academics-480.scss */ .academics-paper-textbox { width: 60%; margin: 1px 20% 5px; } } @media screen and (min-width: 660px) { /* line 1, ../scss/site/modules/sisto-academics/_academics-660.scss */ .academics-active-button-wrapper { width: 40%; margin: 5px 30% 0; } /* line 5, ../scss/site/modules/sisto-academics/_academics-660.scss */ .academics-paper-textbox { width: 40%; margin: 1px 30% 5px; } } @media screen and (min-width: 760px) { /* line 3, ../scss/site/modules/sisto-academics/_academics-760.scss */ .academics-course-list-item.open .academics-item-inner-wrapper { margin: 0 10% 20px; width: 80%; } /* line 10, ../scss/site/modules/sisto-academics/_academics-760.scss */ .academics-notification-bar { position: relative; float: right; margin: 0; margin-left: 30px; } } @media screen and (min-width: 1020px) { /* line 1, ../scss/site/modules/sisto-academics/_academics-1020.scss */ .academics-course-list-item { width: 20%; } /* line 4, ../scss/site/modules/sisto-academics/_academics-1020.scss */ .academics-course-list-item.open { width: 50%; } /* line 6, ../scss/site/modules/sisto-academics/_academics-1020.scss */ .academics-course-list-item.open .academics-item-inner-wrapper { background: #555; margin: 0 0 20px 15%; width: 90%; } /* line 12, ../scss/site/modules/sisto-academics/_academics-1020.scss */ .academics-course-list-item.open .academics-item-inner-wrapper > .academics-course-title { width: 82%; } } /* line 1, ../scss/site/modules/travel/_travel-320.scss */ #travel-icon.active > #new-travel-menu { position: absolute; bottom: 49px; left: 67px; width: 200px; } /* line 9, ../scss/site/modules/travel/_travel-320.scss */ #travel-icon > .ping { position: absolute; top: 0; left: 0; width: 67px; height: 67px; } /* line 17, ../scss/site/modules/travel/_travel-320.scss */ #travel-page-holder .info-page-wrapper { padding: 0; } /* line 20, ../scss/site/modules/travel/_travel-320.scss */ #travel-page-holder h2 { position: relative; float: left; width: 100%; padding: 20px; background: #00497f; color: #FFFFFF; margin: 0 0 10px; border-radius: 5px 5px 0 0; font-size: 20px; line-height: 38px; } /* line 33, ../scss/site/modules/travel/_travel-320.scss */ #travel-results-wrapper, .travel-search-wrapper { padding: 20px; } /* line 36, ../scss/site/modules/travel/_travel-320.scss */ #travel-search-res-list { display: none !important; } /* line 38, ../scss/site/modules/travel/_travel-320.scss */ #travel-search-res-list.u-visible { display: block !important; } /* line 42, ../scss/site/modules/travel/_travel-320.scss */ .travel-emergency-list { min-width: 320px; } /* line 45, ../scss/site/modules/travel/_travel-320.scss */ .travel-emergency-list > li { margin-bottom: 4px; } /* line 48, ../scss/site/modules/travel/_travel-320.scss */ .travel-emergency-list > li > em { font-size: 12px !important; top: -6px; } /* line 52, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates { position: relative; float: left; width: 50%; /*input[type="date"]::-webkit-calendar-picker-indicator { width:60px; } input[type="date"]::-webkit-datetime-edit-text{ width:0; }*/ } /* line 62, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates figure { position: relative; float: left; width: 100%; /*width:60px; height:60px; border-radius:30px; background: #00497f; color:white; text-align:center;*/ margin-bottom: 5px; } /* line 74, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates figcaption { position: relative; float: left; width: 80px; height: 100%; } /* line 79, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates figcaption h4, .travel-search-dates figcaption span, .travel-search-dates figcaption em, .travel-search-dates figcaption i { position: relative; float: left; width: 100%; } /* line 84, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates figcaption h4 { font-size: 16px; margin: 0; } /* line 88, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates figcaption span, .travel-search-dates figcaption em, .travel-search-dates figcaption i { font-size: 12px; } /* line 93, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates figcaption span { margin-top: 2px; font-size: 16px; font-weight: 400; } /* line 100, ../scss/site/modules/travel/_travel-320.scss */ .travel-search-dates input { position: absolute; left: 80px; top: 2px; border-color: rgba(155, 155, 155, 0.2); min-height: 30px; /*width:60px; height:60px; border-radius:30px; opacity:0;*/ } /* line 113, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-720up { display: none; } /* line 116, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-editor { float: left; } /* line 119, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-list { width: 100%; float: left; list-style: none; padding: 65px 0; } /* line 126, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-item { width: 100%; float: left; margin-bottom: 1px; text-align: center; color: #FFFFFF; border-radius: 3px; margin-bottom: 5px; } /* line 134, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-item:nth-child(2n+1) { background: #00497f; } /* line 137, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-item:nth-child(2n) { background: #0066b2; } /* line 141, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-label-in { position: relative; float: left; width: 50%; } /* line 146, ../scss/site/modules/travel/_travel-320.scss */ .student-travel-data-list { width: 100%; float: left; list-style: none; padding: 10px; } /* line 152, ../scss/site/modules/travel/_travel-320.scss */ .student-data-list-item { float: left; width: 100%; } /* line 155, ../scss/site/modules/travel/_travel-320.scss */ .student-data-list-item:last-child { margin-right: 0; } /* line 160, ../scss/site/modules/travel/_travel-320.scss */ .secure-editor-editable-text:hover { color: black; font-weight: 800; } /* line 165, ../scss/site/modules/travel/_travel-320.scss */ .secure-editor-box { display: none; position: relative; top: 0; height: auto; left: 0; width: 100%; float: left; } /* line 173, ../scss/site/modules/travel/_travel-320.scss */ .secure-editor-box input { width: 100%; } /* line 179, ../scss/site/modules/travel/_travel-320.scss */ .open-editor .secure-editor-box { display: block; } /* line 182, ../scss/site/modules/travel/_travel-320.scss */ .open-editor .secure-editor-editable-text { display: none; } /* line 186, ../scss/site/modules/travel/_travel-320.scss */ .secure-editor-box-icon { padding: 1px; } /* line 189, ../scss/site/modules/travel/_travel-320.scss */ .secure-editor-box-save { color: green; } /* line 192, ../scss/site/modules/travel/_travel-320.scss */ .secure-editor-box-cancel { color: red; } /* line 195, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-holder { font-size: 14px; } /* line 198, ../scss/site/modules/travel/_travel-320.scss */ .travel-data-addtional { font-size: 18px; } /* line 201, ../scss/site/modules/travel/_travel-320.scss */ .travel-form-editor-container { width: 100%; margin: 0 0 50px; float: left; } /* line 206, ../scss/site/modules/travel/_travel-320.scss */ .travel-loading-whiteout { position: absolute; top: 0; left: 0; width: 100%; height: 140%; z-index: 99; background: rgba(95, 105, 120, 0.5); background-image: url("../../img/ui/loading-gifs/loading.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; display: none; } /* line 219, ../scss/site/modules/travel/_travel-320.scss */ .travel-loading-whiteout.waiting { display: block; } /* line 223, ../scss/site/modules/travel/_travel-320.scss */ .travel-loading-whiteout-text { position: fixed; top: 30%; width: 50%; left: 25%; font-size: 18px; font-weight: 300; text-align: center; color: #FFFFFF; } /* line 233, ../scss/site/modules/travel/_travel-320.scss */ .Reserved-travel-row { position: relative; float: left; width: 100%; } /* line 237, ../scss/site/modules/travel/_travel-320.scss */ .Reserved-travel-row h2 { text-align: center; } /* line 240, ../scss/site/modules/travel/_travel-320.scss */ .Reserved-travel-row td { padding: 0 5px; } /* line 244, ../scss/site/modules/travel/_travel-320.scss */ .Reserved-travel-data-link { width: 100%; font-weight: 300; margin: 0; float: left; font-size: 16px; text-align: center; } /* line 251, ../scss/site/modules/travel/_travel-320.scss */ .Reserved-travel-data-link span { color: #0096ff; } /* line 257, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor.active form { width: 100%; margin-top: 10vh; } /* line 262, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-list, #travel-editor .trip-selector, #travel-editor .trip-item { position: relative; float: left; width: 100%; } /* line 267, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-list { cursor: pointer; color: #006ecb; margin-left: 20px; margin-bottom: 20px; font-size: 16px; } /* line 273, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-list em { color: #555; font-size: 12px; padding: 3px; } /* line 279, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item { display: none; } /* line 281, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item.active-trip { display: block; padding-bottom: 20px; } /* line 285, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item table { position: relative; float: left; width: 100%; font-size: 12px; } /* line 292, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item td, #travel-editor .trip-item th { padding: 3px 1px !important; } /* line 295, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item span { width: 100%; text-align: center; color: #006ecb; font-size: 14px; cursor: pointer; } /* line 302, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item span strong:hover { color: #006ecb; } /* line 306, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item span em { position: relative; float: right; margin-left: 20px; } /* line 312, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor .trip-item input { border: none; max-width: 120px; font-size: 11px; font-weight: 400; } /* line 319, ../scss/site/modules/travel/_travel-320.scss */ #travel-editor button { float: right; } /* line 325, ../scss/site/modules/travel/_travel-320.scss */ #es-toolbar.deselected span { display: none; } /* line 328, ../scss/site/modules/travel/_travel-320.scss */ #es-toolbar.deselected span.u-hidden { display: block; } /* line 333, ../scss/site/modules/travel/_travel-320.scss */ .es-program-list { position: relative; float: left; width: 100%; padding: 20px 10px; } /* line 338, ../scss/site/modules/travel/_travel-320.scss */ .es-program-list li { position: relative; float: left; width: 100%; } /* line 344, ../scss/site/modules/travel/_travel-320.scss */ .es-program-list label, .es-program-list input { margin-top: 0; margin-right: 0; } /* line 348, ../scss/site/modules/travel/_travel-320.scss */ .es-program-list input { height: 1.2em; } /* line 352, ../scss/site/modules/travel/_travel-320.scss */ .pac-container { z-index: 10000 !important; } /* line 355, ../scss/site/modules/travel/_travel-320.scss */ .es-user-list { position: relative; float: left; width: 100%; margin-bottom: 100px; } /* line 360, ../scss/site/modules/travel/_travel-320.scss */ .es-user-list:last-child { margin-bottom: 120px; } /* line 364, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info { position: relative; float: left; width: 100%; list-style: none; } /* line 369, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info li { position: relative; float: left; width: 25%; padding: 5px; } /* line 374, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info li:nth-child(3n) { width: 10%; text-align: center; } /* line 377, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info li:nth-child(3n) .ss-check { color: #001a00; } /* line 380, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info li:nth-child(3n) .ss-hyphen { color: #990000; } /* line 384, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info li:nth-child(4n) { width: 10%; text-align: center; } /* line 388, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info li:nth-child(5n) { width: 30%; } /* line 393, ../scss/site/modules/travel/_travel-320.scss */ .es-user-info input { position: relative; float: left; width: auto; margin-left: 0; } /* line 400, ../scss/site/modules/travel/_travel-320.scss */ .user-travel-data { position: relative; float: left; width: 100%; } /* line 405, ../scss/site/modules/travel/_travel-320.scss */ #travel-download { position: relative; float: right; padding: 6px 4px 4px; font-size: 12px; } /* line 410, ../scss/site/modules/travel/_travel-320.scss */ #travel-download em { position: relative; float: left; } /* line 415, ../scss/site/modules/travel/_travel-320.scss */ #travel-download-list { position: absolute; top: 67px; width: 220px; right: 20px; padding: 10px; border-radius: 0 0 3px 3px; background: white; color: #555; display: none; box-shadow: 0 2px 3px 1px rgba(155, 155, 155, 0.5); font-size: 14px; } /* line 427, ../scss/site/modules/travel/_travel-320.scss */ #travel-download-list.expanded-menu { display: block; z-index: 999; } /* line 431, ../scss/site/modules/travel/_travel-320.scss */ #travel-download-list li { position: relative; float: left; width: 100%; padding: 5px 0; cursor: pointer; } /* line 439, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper { position: relative; width: 100%; height: 360px; } /* line 444, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > h3 { position: relative; width: 100%; background: #00497f; padding: 20px; color: white; font-size: 22px; } /* line 452, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > .confirm-window { position: relative; width: 100%; padding: 20px; } /* line 457, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > .confirm-window > ul { position: relative; float: left; width: 100%; list-style: none; padding: 0 20px; margin: 0; } /* line 465, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > .confirm-window > ul > li { position: relative; float: left; width: 100%; } /* line 470, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > .confirm-window > ul > li > label, .confirm-wrapper > .confirm-window > ul > li > input { position: relative; float: left; width: 100%; text-align: left; margin-bottom: 0; } /* line 479, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > .footer { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; background: #00497f; } /* line 487, ../scss/site/modules/travel/_travel-320.scss */ #confirm-callout > .confirm-wrapper > .footer > button { position: absolute; bottom: 10px; border: none; color: #00497f; box-shadow: 0 0 2px 1px rgba(155, 155, 155, 0.3); font-weight: 600; border-radius: 3px; padding: 5px 10px; } /* line 497, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > .footer > button.left { left: 20px; } /* line 500, ../scss/site/modules/travel/_travel-320.scss */ .confirm-wrapper > .footer > button.right { right: 20px; } @media screen and (min-width: 768px) { /*#travel-page-holder { width: calc(73vw - 66px) !important; }*/ /* line 4, ../scss/site/modules/travel/_travel-760.scss */ #travel-page-holder.bknd { width: calc(100vw - 117px) !important; left: 25px; top: 60px; } /* line 10, ../scss/site/modules/travel/_travel-760.scss */ #travel-page-holder h2 { font-size: 32px; line-height: 38px; } /* line 15, ../scss/site/modules/travel/_travel-760.scss */ .Reserved-travel-row { width: 100%; margin: 0 0 30px; } /* line 22, ../scss/site/modules/travel/_travel-760.scss */ #ayf-password-check { right: 20%; width: 60%; } /* line 26, ../scss/site/modules/travel/_travel-760.scss */ .travel-data-720up { display: block; } /* line 29, ../scss/site/modules/travel/_travel-760.scss */ .travel-data-720down { display: none; } /* line 32, ../scss/site/modules/travel/_travel-760.scss */ .travel-data-list { padding: 65px 20px; } /* line 36, ../scss/site/modules/travel/_travel-760.scss */ .student-data-list-item { float: left; margin-right: 0.5%; width: 9.5%; } /* line 40, ../scss/site/modules/travel/_travel-760.scss */ .student-data-list-item:last-child { margin-right: 0; } /* line 43, ../scss/site/modules/travel/_travel-760.scss */ .student-data-list-item.width-5 { width: 4.5%; } /* line 46, ../scss/site/modules/travel/_travel-760.scss */ .student-data-list-item.width-15 { width: 14.5%; } /* line 49, ../scss/site/modules/travel/_travel-760.scss */ .student-data-list-item.width-20 { width: 19.5%; } /* line 52, ../scss/site/modules/travel/_travel-760.scss */ .student-data-list-item.width-25 { width: 24.5%; } /* line 55, ../scss/site/modules/travel/_travel-760.scss */ .student-data-list-item.width-13 { width: 13%; } /* line 59, ../scss/site/modules/travel/_travel-760.scss */ .travel-data-item { border-radius: 0; margin-bottom: 1px; } /* line 62, ../scss/site/modules/travel/_travel-760.scss */ .travel-data-item:first-child { border-radius: 3px 3px 0 0; } /* line 65, ../scss/site/modules/travel/_travel-760.scss */ .travel-data-item:last-child { border-radius: 0 0 3px 3px; } /* line 70, ../scss/site/modules/travel/_travel-760.scss */ #travel-editor form { width: 700px; } /* line 74, ../scss/site/modules/travel/_travel-760.scss */ #travel-editor .trip-item { font-size: 16px; } /* line 76, ../scss/site/modules/travel/_travel-760.scss */ #travel-editor .trip-item table { font-size: 14px; } /* line 79, ../scss/site/modules/travel/_travel-760.scss */ #travel-editor .trip-item td, #travel-editor .trip-item th { padding: 3px 1px !important; } /* line 82, ../scss/site/modules/travel/_travel-760.scss */ #travel-editor .trip-item input { max-width: 140px; font-size: 12px; } } @media screen and (min-width: 1020px) { /* line 1, ../scss/site/modules/travel/_travel-1020.scss */ .Reserved-travel-row { width: 60%; margin: 20px 20% 30px; } /* line 4, ../scss/site/modules/travel/_travel-1020.scss */ .Reserved-travel-row:last-child { padding-bottom: 60px; } /* line 8, ../scss/site/modules/travel/_travel-1020.scss */ .Reserved-travel-row-low-margin { margin: 0 20%; } /* line 11, ../scss/site/modules/travel/_travel-1020.scss */ .large-3.columns { float: left; width: 60%; margin: 20px 20% 0; } /* line 16, ../scss/site/modules/travel/_travel-1020.scss */ #ayf-password-check { position: fixed; right: 30%; width: 40%; } /* line 21, ../scss/site/modules/travel/_travel-1020.scss */ .Reserved-travel-data-link { width: 60%; margin: 0 20%; text-align: left; font-size: 1.4em; } } /* line 1, ../scss/site/modules/dash/_dash-320.scss */ .sd-h1 { position: relative; float: left; width: 100%; margin: 30px 0; font-size: 28px; font-weight: 600; letter-spacing: 1px; color: #43484d; } /* line 11, ../scss/site/modules/dash/_dash-320.scss */ .dash-320 > .left-sidebar { position: absolute; transition: margin-left ease-in 0.5s; display: none; } /* line 17, ../scss/site/modules/dash/_dash-320.scss */ .dash-320 > .left-sidebar.over-7 { display: block; } /* line 20, ../scss/site/modules/dash/_dash-320.scss */ .dash-320 > .left-sidebar.open { margin-left: 0; } /* line 24, ../scss/site/modules/dash/_dash-320.scss */ .dash-320 > .sisto-main-content { width: 100%; } /* line 28, ../scss/site/modules/dash/_dash-320.scss */ #dash-left, #dash-right, #dash-nav, #dash-nav > ul { position: relative; float: left; width: 100%; } /* line 33, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li { position: relative; float: left; width: calc(33.3% - 3.33px); padding: 5px 1px; text-align: center; border: solid 1px rgba(155, 155, 155, 0.1); box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.5); margin-right: 5px; margin-bottom: 5px; border-radius: 5px; cursor: pointer; font-size: 16px; } /* line 46, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li.active-nav { background: #2d62b9; color: white; border: solid 1px rgba(255, 255, 255, 0.5); } /* line 52, ../scss/site/modules/dash/_dash-320.scss */ #lms-class > #dash-nav > ul > li.active-nav { background: #193767; } /* line 55, ../scss/site/modules/dash/_dash-320.scss */ #lms-class > #dash-left { width: calc(100vw - 70px); margin-left: 10px; padding: 0; } /* line 60, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li:last-child { margin-right: 0; } /* line 63, ../scss/site/modules/dash/_dash-320.scss */ #dash-left > aside > ul > li { margin-bottom: 20px; } /* line 66, ../scss/site/modules/dash/_dash-320.scss */ #dash-left > aside { position: relative; float: left; width: 100%; display: none; } /* line 72, ../scss/site/modules/dash/_dash-320.scss */ #dash-left > aside.active-nav { display: block; } /* line 75, ../scss/site/modules/dash/_dash-320.scss */ #dash-left > aside > .break { position: relative; float: left; width: 100%; margin-top: 20px; } /* line 81, ../scss/site/modules/dash/_dash-320.scss */ #dash-left > aside > .break.freeze { display: none; } /* line 85, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside { position: relative; float: left; width: 100%; border-radius: 5px; box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.5); margin-bottom: 20px; } /* line 93, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > h3 { position: relative; float: left; width: 100%; padding: 15px 15px; margin: 0 0 10px; font-size: 16px; color: #FFFFFF; border-radius: 5px 5px 0 0; } /* line 103, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > h3:nth-child(3n - 3) { background-color: #d8571f; } /* line 106, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > h3:nth-child(3n - 2) { background-color: #7d9c47; } /* line 109, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > h3:nth-child(3n - 1) { background-color: #3c8ccb; } /* line 113, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside:nth-child(3n - 3) > h3 { background-color: #d8571f; } /* line 116, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside:nth-child(3n - 2) > h3 { background-color: #7d9c47; } /* line 119, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside:nth-child(3n - 1) > h3 { background-color: #3c8ccb; } /* line 122, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > h3 > em { position: relative; float: right; padding: 5px; font-size: 12px; border-radius: 10px; height: 20px; width: 20px; background: #FFFFFF; color: #555; padding: 4px; } /* line 134, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > h3 > em > i { position: absolute; top: 2px; right: 5px; font-size: 12px; } /* line 140, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul { position: relative; float: left; width: 100%; } /* line 145, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li { position: relative; float: left; width: 100%; border-bottom: 1px solid rgba(155, 155, 155, 0.3); padding: 10px 20px; } /* line 151, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li:first-child { padding-top: 0; } /* line 154, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li:last-child { border-bottom: none; } /* line 158, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li.active-cc > .class-content > ul.u-hidden { display: block; } /* line 161, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li.active-cc > .class-content > h4 > em { display: none; } /* line 164, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li.active-cc > .class-content > h4 > em.u-hidden { display: block; } /* line 167, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content { position: relative; float: left; width: 100%; } /* line 172, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > h4 { margin: 5px 0; padding: 5px 0; } /* line 176, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > h4 > span { position: relative; float: left; width: calc(100% - 100px); margin-right: 20px; } /* line 182, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > h4 > i { position: relative; float: right; width: 24px; border-radius: 12px; height: 24px; margin: 0 10px; font-size: 10px; color: white; background: #2d62b9; padding: 6px 8px; } /* line 194, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > h4 > i.p10 { padding: 6px 6px; } /* line 197, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > h4 > em { position: relative; float: right; padding: 5px; font-size: 12px; width: 20px; } /* line 204, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul, #dash-right > aside > ul > li > .class-content > ul > li { position: relative; float: left; width: 100%; } /* line 209, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul { padding: 0 0 0 10px; } /* line 212, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li { padding: 5px 10px; background: #f7f7f7; } /* line 215, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li:nth-child(2n - 1) { background: #FFFFFF; } /* line 219, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li > span { float: left; width: calc(100% - 30px); } /* line 223, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li > em { float: right; width: 20px; margin-left: 10px; margin-right: 0; } /* line 229, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul > li > i { float: left; font-size: 10px; margin-left: 10px; margin-right: 0; } /* line 235, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul.grade-list > li > ul { border-bottom: none; } /* line 238, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > h5 { padding-bottom: 5px; border-bottom: 1px solid rgba(155, 155, 155, 0.3); } /* line 242, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul { position: relative; float: left; width: 100%; padding-bottom: 10px; border-bottom: 1px solid rgba(155, 155, 155, 0.3); } /* line 249, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul > li > h2 { font-size: 1.1em; } /* line 252, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul > li > ul > li > a > em { position: relative; float: left; padding: 4px 5px 0 0; } /* line 258, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul > li > ul > li > a > span { position: relative; float: left; width: calc(100% - 40px); } /* line 263, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul > li { position: relative; float: left; width: 100%; } /* line 268, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul > li > em, #dash-right > aside > ul > li > .class-content > ul > li > ul > li > a > em { position: relative; float: left; width: 20px; margin-right: 20px; } /* line 274, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul > li > span, #dash-right > aside > ul > li > .class-content > ul > li > ul > li > a > span { position: relative; float: left; width: calc(100% - 40px); overflow-x: clip; } /* line 280, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul, #dash-notify > ul > li, #dash-msg > ul, #dash-msg > ul > li, #dash-feed > ul, #dash-feed > ul > li { position: relative; float: left; width: calc(100% - 1px); border-radius: 5px; } /* line 287, ../scss/site/modules/dash/_dash-320.scss */ #dash-right > aside > ul > li > .class-content > ul > li > ul > li > a { position: relative; float: left; width: 100%; cursor: pointer; } /* line 293, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul, #dash-feed > ul { margin-top: 10px; } /* line 296, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li, #dash-msg > ul > li, #dash-feed > ul > li { box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.5); } /* line 299, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li.last > ul > li > h4, #dash-msg > ul > li.last > ul > li > h4 { margin: 10px; } /* line 302, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul, #dash-notify > ul > li > ul > li, #dash-msg > ul > li > ul, #dash-msg > ul > li > ul > li, #dash-feed > ul > li > ul, #dash-feed > ul > li > ul > li { position: relative; float: left; width: 100%; } /* line 308, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li:last-child, #dash-msg > ul > li > ul > li:last-child, #dash-feed > ul > li > ul > li:last-child { border-top: 1px solid rgba(155, 155, 155, 0.3); padding: 10px 0; } /* line 312, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li:first-child, #dash-msg > ul > li > ul > li:first-child, #dash-feed > ul > li > ul > li:first-child { border-top: none; padding: 0; } /* line 317, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > .left-block, #dash-msg > ul > li > ul > li > .left-block, #dash-feed > ul > li > ul > li > .left-block { position: relative; float: left; width: 80px; height: 80px; line-height: 20px; padding: 10px 10px; } /* line 325, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > .left-block > span, #dash-msg > ul > li > ul > li > .left-block > span, #dash-feed > ul > li > ul > li > .left-block > span { position: relative; float: left; width: 60px; height: 60px; line-height: 60px; font-size: 22px; color: white; font-weight: 600; background: #7099dc; border-radius: 30px; text-align: center; } /* line 338, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .left-block.read > span { background: #888888; } /* line 342, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > .left-block > em, #dash-msg > ul > li > ul > li > .left-block > em, #dash-feed > ul > li > ul > li > .left-block > em { position: absolute; bottom: 8px; right: 10px; background: white; width: 20px; height: 20px; border-radius: 2px; padding: 4px; font-size: 12px; text-align: center; line-height: 16px; color: #7099dc; cursor: pointer; } /* line 357, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .left-block.read > em { color: #888888; } /* line 360, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > .right-block, #dash-msg > ul > li > ul > li > .right-block, #dash-feed > ul > li > ul > li > .right-block { position: relative; float: left; width: calc(100% - 80px); height: auto; font-size: 12px; line-height: 16px; padding: 10px 10px; } /* line 370, ../scss/site/modules/dash/_dash-320.scss */ #dash-feed > ul > li > ul > li > .right-block { height: auto; overflow-y: auto; } /* line 374, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > .right-block > span, #dash-msg > ul > li > ul > li > .right-block > span, #dash-feed > ul > li > ul > li > .right-block > span { position: relative; float: left; width: 100%; font-size: 16px; line-height: 22px; font-weight: 400; margin-top: 10px; } /* line 384, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .right-block, #dash-notify > ul > li.li-msg > ul > li > .right-block { width: calc(100% - 170px); height: auto; } /* line 388, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > .right-block > em, #dash-msg > ul > li > ul > li > .right-block > em, #dash-feed > ul > li > ul > li > .right-block > em { position: relative; float: left; width: 100%; font-size: 12px; font-weight: 400; color: #888888; } /* line 396, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > h4, #dash-notify > ul > li > ul > li > p, #dash-msg > ul > li > ul > li > h4, #dash-msg > ul > li > ul > li > p, #dash-feed > ul > li > ul > li > h4, #dash-feed > ul > li > ul > li > p { position: relative; float: left; width: calc(100% - 20px); padding: 0 10px; } /* line 402, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > h4, #dash-msg > ul > li > ul > li > h4, #dash-feed > ul > li > ul > li > h4 { font-size: 14px; margin: 10px 10px 5px; } /* line 407, ../scss/site/modules/dash/_dash-320.scss */ #dash-notify > ul > li > ul > li > p, #dash-msg > ul > li > ul > li > p, #dash-feed > ul > li > ul > li > p { font-size: 12px; margin: 0 10px 10px; } /* line 412, ../scss/site/modules/dash/_dash-320.scss */ .db-wrapper { position: relative; float: left; width: 50%; } /* line 417, ../scss/site/modules/dash/_dash-320.scss */ .db-wrapper.right { float: right; } /* line 420, ../scss/site/modules/dash/_dash-320.scss */ .dash-button { position: relative; float: left; margin: 10px 25%; padding: 10px 10px; width: 50%; box-shadow: 0 0 1px 1px rgba(155, 155, 155, 0.4); border-radius: 5px; cursor: pointer; background: #FFFFFF; } /* line 431, ../scss/site/modules/dash/_dash-320.scss */ .db-wrapper > .dash-button { width: 80%; margin: 10px 10%; } /* line 435, ../scss/site/modules/dash/_dash-320.scss */ .db-wrapper.read > .dash-button { display: none; } /* line 438, ../scss/site/modules/dash/_dash-320.scss */ .db-wrapper.read > .dash-button.u-hidden { display: block; } /* line 441, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .dash-button, #dash-notify > ul > li.li-msg > ul > li > .dash-button { position: relative; float: left; margin: 20px 0; padding: 10px 10px; width: 80px; } /* line 448, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .dash-button.expanded > em, #dash-notify > ul > li > ul > li > .dash-button.expanded > em { display: none; } /* line 451, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .dash-button.expanded > span, #dash-notify > ul > li > ul > li > .dash-button.expanded > span { display: none; } /* line 454, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .dash-button.expanded > em.u-hidden, #dash-notify > ul > li > ul > li > .dash-button.expanded > em.u-hidden { display: block; } /* line 457, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li > .dash-button.expanded > span.u-hidden, #dash-notify > ul > li > ul > li > .dash-button.expanded > span.u-hidden { display: block; } /* line 460, ../scss/site/modules/dash/_dash-320.scss */ #dash-msg > ul > li > ul > li.u-hidden.expanded, #dash-notify > ul > li > ul > li.u-hidden.expanded { display: block; } /* line 464, ../scss/site/modules/dash/_dash-320.scss */ .dash-button > span, #dash-nav > ul > li > span { position: relative; float: left; text-align: center; font-size: 14px; width: calc(100%); } /* line 471, ../scss/site/modules/dash/_dash-320.scss */ .dash-button > span { font-size: 12px; width: calc(100% - 20px); } /* line 475, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li > span.under-760 { display: block; } /* line 478, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li > span.over-760 { display: none; } /* line 481, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li > span { padding-left: 5px; padding-right: 5px; } /* line 485, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li > span.active-nav { border-left: solid 1px white; } /* line 488, ../scss/site/modules/dash/_dash-320.scss */ .dash-button > em, #dash-nav > ul > li > em { position: relative; float: left; width: 20px; height: 20px; font-size: 12px; line-height: 12px; text-align: center; padding: 3px; } /* line 498, ../scss/site/modules/dash/_dash-320.scss */ #dash-nav > ul > li > em { display: none; } /* line 502, ../scss/site/modules/dash/_dash-320.scss */ .placeholder > li > .loader { position: relative; float: left; width: 100%; display: none; background-repeat: no-repeat; background-image: url("../ui/loading-chain.gif"); background-size: 100%; background-position: 0px -180px; } /* line 513, ../scss/site/modules/dash/_dash-320.scss */ .placeholder > li { box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0) !important; } /* line 516, ../scss/site/modules/dash/_dash-320.scss */ .placeholder.loading > li > .loader { height: 490px; display: block; margin-bottom: 1000px; } /* line 521, ../scss/site/modules/dash/_dash-320.scss */ .paper-wrapper, .gallery-wrapper { position: fixed; width: 100vw; margin-left: 0vw; height: calc(100vh - 50px); margin-top: 10px; background: #FFFFFF; border-radius: 5px; padding-bottom: 50px; } /* line 531, ../scss/site/modules/dash/_dash-320.scss */ .gallery-wrapper { margin-top: 0; } /* line 534, ../scss/site/modules/dash/_dash-320.scss */ .paper-window, .gallery-window { position: relative; float: left; width: 100%; height: calc(100vh - 50px); overflow-y: scroll; } /* line 541, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside { overflow: hidden; } /* line 544, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside.inview { height: calc(100vh - 60px); width: 100vw; padding: 0; } /* line 549, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside.inview > ul > li > button.upload-title { position: relative; float: left; padding: 5px 10px; width: 160px; margin-left: 20px; text-align: center; z-index: 0; margin-top: 5px; } /* line 560, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside.inview > ul > li.academics-papers-uploader { position: fixed; bottom: 70px; right: 50px; width: 160px; } /* line 566, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside.inview > ul > li.academics-papers-uploader > #upload-bar-wrapper { width: 100%; left: 20px; } /* line 570, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside.inview > ul > li.academics-papers-uploader > #upload-bar-wrapper > #cancelUploadBtn { top: -35px; width: 160px; } /* line 574, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside.inview > ul > li.academics-papers-uploader > form { height: 34px; width: 160px !important; bottom: auto; top: 5px; right: auto; z-index: 1; } /* line 582, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside.inview > ul > li.academics-papers-uploader > form > input.big-button { position: relative; float: left; width: 100%; height: 34px; } /* line 588, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > div.gallery-info { position: absolute; top: 0; left: 0; width: 75%; height: auto; margin-top: -400px; background: white; transition: margin-top ease-in 0.3s; } /* line 598, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > div.gallery-info.active-box { margin-top: 60px; background: white; padding: 20px; } /* line 605, ../scss/site/modules/dash/_dash-320.scss */ #infobox { margin-top: 60px; padding: 20px; } /* line 609, ../scss/site/modules/dash/_dash-320.scss */ #infobox.gallery-info { margin-top: -400px; } /* line 612, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > div.gallery-info.active-box > ul { position: relative; float: left; width: 100%; } /* line 617, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > span { position: absolute; right: 10px; top: 10px; height: 20px; width: 120px; color: white; } /* line 625, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > span > button { position: relative; float: right; height: 20px; padding: 0 5px; color: white; background: none; border: none; font-size: 1.8rem; width: auto; margin: 0 0 0 5px; line-height: 1.8rem; } /* line 638, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > span > em { position: relative; float: right; display: block; font-size: 20px; } /* line 644, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > span > i { position: relative; float: right; display: none; font-size: 20px; } /* line 650, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > span.open > em { display: none; } /* line 653, ../scss/site/modules/dash/_dash-320.scss */ .gallery-window > aside > span.open > i { display: block; } /*.gallery{ position:relative; float:left; margin: 0; margin-top:10px; max-height:calc(100vh - 180px); width:100vw; display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; list-style: none; justify-content: center; } .gallery > li { position:relative; float:left; flex: 1 1 100%; max-width:100%; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.15); background: #fff; transition: transform 0.2s ease-in-out; }*/ /* line 684, ../scss/site/modules/dash/_dash-320.scss */ .gallery-wrapper { width: 100%; } /* line 688, ../scss/site/modules/dash/_dash-320.scss */ .masonry-grid { list-style: none; margin: 0; padding: 0; display: block; } /* line 695, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item { position: relative; width: 300px; /* or auto for fluid, or set % for responsiveness */ margin: 0; float: left; background: #fff; border-radius: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); overflow: hidden; cursor: pointer; margin-bottom: 5px; } /* line 707, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > figure.thumb { position: relative; } /* line 711, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > img { width: 100%; height: auto; display: block; } /* line 716, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > figcaption.caption { position: absolute; bottom: 0; font-size: 1.3rem; color: #333; left: 0; text-align: center; background: rgba(0, 0, 0, 0.4); width: 100%; padding: .5rem; color: white; } /* line 728, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > figcaption.caption > .caption-text { display: inline; } /* line 731, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > figcaption.caption > .caption-form { display: flex; gap: .5rem; margin-top: .25rem; } /* line 736, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > figcaption.caption > .caption-form > input { flex: 1; padding: .35rem .5rem; color: #555; } /* line 744, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > figcaption.caption > .caption-form > .btn.btn-sm.btn-secondary.btn-save { background-color: #2d62b9; } /* line 747, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > figcaption.caption > .caption-form > .btn.btn-sm.btn-secondary.btn-cancel { background-color: #555; } /* line 750, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > figcaption.caption > .caption-form > .btn.btn-sm.btn-secondary:hover { color: white; } /* line 753, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item > .thumb > .thumb-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 6px; opacity: 0; transform: translateY(-4px); transition: opacity .18s ease, transform .18s ease; } /* line 763, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item:hover > .thumb > .thumb-actions, .masonry-item:focus-within > .thumb > .thumb-actions { opacity: 1; } /* line 766, ../scss/site/modules/dash/_dash-320.scss */ .thumb > .thumb-actions > .btn-action { border: 0; background: rgba(0, 0, 0, 0.55); color: #fff; width: 32px; height: 32px; border-radius: 16px; display: grid; place-items: center; cursor: pointer; } /* line 777, ../scss/site/modules/dash/_dash-320.scss */ .thumb > .thumb-actions > .btn-action.btn-fullscreen { font-size: 2rem; } /* line 780, ../scss/site/modules/dash/_dash-320.scss */ .thumb > .thumb-actions > .btn-action.btn-delete > em { font-size: 0.9em; margin-top: 1px; } /* line 784, ../scss/site/modules/dash/_dash-320.scss */ .thumb > .thumb-actions > .btn-action:focus { outline: 2px solid #fff; } /* line 787, ../scss/site/modules/dash/_dash-320.scss */ #lightbox { position: fixed; inset: 0; z-index: 1000; background: rgba(0, 0, 0, 0.92); display: none; align-items: center; justify-content: center; } /* line 795, ../scss/site/modules/dash/_dash-320.scss */ #lightbox { position: fixed; inset: 0; z-index: 1000; background: black; display: none; align-items: center; justify-content: center; } /* line 800, ../scss/site/modules/dash/_dash-320.scss */ #lightbox.active { display: flex; } /* Stage is a viewport box */ /* line 803, ../scss/site/modules/dash/_dash-320.scss */ #lightbox .lb-stage { position: relative; width: 92vw; height: 92vh; /* just โ€œcapโ€ at viewport */ max-width: 92vw; max-height: 92vh; display: flex; align-items: center; justify-content: center; } /* Image always contained inside stage */ /* line 812, ../scss/site/modules/dash/_dash-320.scss */ #lightbox .lb-image { width: auto; max-height: calc(100vh - 110px); object-fit: contain; /* key bit for portrait */ display: block; } /* Caption overlays; doesnโ€™t steal vertical space */ /* line 821, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-stage > .lb-caption { position: absolute; left: 0; right: 0; bottom: 10px; background: rgba(0, 0, 0, 0.2); color: #fff; padding: 1rem 5%; font-size: 1.2rem; line-height: 1.4rem; text-align: center; backdrop-filter: saturate(120%) blur(2px); opacity: 0; transition: opacity ease-in-out 0.4s; } /* line 836, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-stage:hover > .lb-caption, #lightbox > .lb-stage:focus > .lb-caption { opacity: 1; } /* Controls */ /* line 841, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-prev, #lightbox > .lb-next, #lightbox > .lb-close { position: fixed; border: 0; color: #fff; background: rgba(0, 0, 0, 0.5); width: 48px; height: 48px; border-radius: 50%; cursor: pointer; display: grid; place-items: center; font-size: 3rem; z-index: 99; } /* line 855, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-prev { left: 20px; top: 50%; transform: translateY(-50%); } /* line 860, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-next { right: 20px; top: 50%; transform: translateY(-50%); } /* line 865, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-close { top: 20px; right: 20px; font-size: 2.2rem; } /* line 871, ../scss/site/modules/dash/_dash-320.scss */ body.no-scroll { overflow: hidden; } /* Thumb UI (unchanged) */ /* line 874, ../scss/site/modules/dash/_dash-320.scss */ .thumb-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 6px; opacity: 0; transform: translateY(-4px); transition: opacity .18s ease,transform .18s ease; } /* line 875, ../scss/site/modules/dash/_dash-320.scss */ .masonry-item:hover .thumb-actions, .masonry-item:focus-within .thumb-actions { opacity: 1; transform: translateY(0); } /* line 876, ../scss/site/modules/dash/_dash-320.scss */ .btn-action { border: 0; background: rgba(0, 0, 0, 0.55); color: #fff; width: 32px; height: 32px; border-radius: 16px; display: grid; place-items: center; cursor: pointer; } /* line 877, ../scss/site/modules/dash/_dash-320.scss */ .caption { margin-top: .5rem; font-size: .92rem; color: #333; } /* line 878, ../scss/site/modules/dash/_dash-320.scss */ .caption-form { display: none; gap: .5rem; margin-top: .25rem; } /* line 879, ../scss/site/modules/dash/_dash-320.scss */ .caption-form input { flex: 1; padding: .35rem .5rem; } /* line 882, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-prev, #lightbox > .lb-next, #lightbox > .lb-close { position: fixed; border: 0; color: #fff; background: rgba(0, 0, 0, 0.5); width: 48px; height: 48px; border-radius: 50%; cursor: pointer; display: grid; place-items: center; font-size: 3rem; z-index: 99; } /* line 896, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-prev { left: 20px; top: 50%; transform: translateY(-50%); } /* line 901, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-next { right: 20px; top: 50%; transform: translateY(-50%); } /* line 906, ../scss/site/modules/dash/_dash-320.scss */ #lightbox > .lb-close { top: 20px; right: 20px; font-size: 2.2rem; } /* line 911, ../scss/site/modules/dash/_dash-320.scss */ .gallery { position: relative; float: left; margin: 0; margin-top: 10px; max-height: calc(100vh - 180px); width: 100vw; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 1rem; overflow-y: auto; padding: 20px; } /* line 925, ../scss/site/modules/dash/_dash-320.scss */ .gallery { column-count: 1; } /* line 928, ../scss/site/modules/dash/_dash-320.scss */ .gallery.tessellated { column-count: 2; column-gap: 0.1rem; } /* line 932, ../scss/site/modules/dash/_dash-320.scss */ .gallery > li { position: relative; flex: 0 0 auto; width: calc(100vw - 40px); list-style: none; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } /* line 941, ../scss/site/modules/dash/_dash-320.scss */ .gallery > li:hover { transform: scale(1.02); } /* line 945, ../scss/site/modules/dash/_dash-320.scss */ .gallery > li > figure { position: relative; float: left; width: 100%; margin: 0; padding: 0; text-align: center; } /* line 954, ../scss/site/modules/dash/_dash-320.scss */ .gallery > li > figure > img { position: relative; float: left; width: 100%; height: auto; display: block; } /* line 962, ../scss/site/modules/dash/_dash-320.scss */ .gallery > li > figcaption { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 20px; font-size: 1.1em; } /* line 971, ../scss/site/modules/dash/_dash-320.scss */ .gallery > li > figcaption > ul { position: relative; float: left; width: 100%; } /* line 976, ../scss/site/modules/dash/_dash-320.scss */ .gallery > li > figcaption > ul > li { position: relative; float: left; width: 30px; height: 30px; } /* line 982, ../scss/site/modules/dash/_dash-320.scss */ .gallery.tessellated li { display: inline-block; margin-bottom: 1rem; width: 100%; } /* line 987, ../scss/site/modules/dash/_dash-320.scss */ .image-modal { display: none; position: fixed; z-index: 9999; padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; } /* line 1002, ../scss/site/modules/dash/_dash-320.scss */ .image-modal img { margin: auto; display: block; max-width: 90%; max-height: 90vh; border-radius: 10px; } /* line 1010, ../scss/site/modules/dash/_dash-320.scss */ .image-modal .close { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 10000; } /* line 1021, ../scss/site/modules/dash/_dash-320.scss */ .image-modal.show { display: flex; } /* line 1025, ../scss/site/modules/dash/_dash-320.scss */ .paper-wrapper > .paper-window > aside { text-align: center; padding: 0; } /* line 1029, ../scss/site/modules/dash/_dash-320.scss */ .paper-wrapper > .paper-window > aside > h1, .gallery-wrapper > .gallery-window > aside > h1 { position: relative; float: left; width: 100%; background: #2d62b9; color: #FFFFFF; padding: 10px; margin: 0 0 10px; } /* line 1038, ../scss/site/modules/dash/_dash-320.scss */ .gallery-wrapper > .gallery-window > aside > h1 { background: rgba(0, 0, 0, 0.75); } /* line 1041, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside { position: relative; float: left; width: 100%; overflow-y: scroll; padding: 0px; } /* line 1048, ../scss/site/modules/dash/_dash-320.scss */ .paper-wrapper > .paper-window > aside > ul { padding: 20px; } /* line 1051, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul, .paper-window > aside > ul > li { position: relative; float: left; width: 100%; } /* line 1056, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li { padding: 5px 0; } /* line 1059, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul, .paper-window > aside > ul > li > h3 { font-size: 16px; } /* line 1062, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li.academics-downloads > a { position: relative; float: left; padding: 5px; } /* line 1067, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li.academics-downloads > a:nth-child(2n - 1) { background: #eff6fa8f; } /* line 1070, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li > a > .academics-item-body { width: calc(100% - 40px); float: left; margin-left: 10px; margin-right: 10px; } /* line 1076, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li > a > .academics-info-toolbar { width: calc(100% - 40px); float: left; margin-left: 20px; margin-right: 20px; } /* line 1082, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li > .papers-submitted-fe { background: #eff6fa8f; margin-top: 10px; margin-left: 0; margin-bottom: 20px; padding: 10px 20px; } /* line 1089, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li > .papers-submitted-fe > ul > li > a { text-decoration: none; } /* line 1092, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li > button { position: relative; float: left; padding: 10px 15px; width: 160px; border: none; background: #2d62b9; color: #FFFFFF; border-radius: 5px; margin: 10px 0; margin-right: calc(100% - 160px); } /* line 1104, ../scss/site/modules/dash/_dash-320.scss */ .paper-window > aside > ul > li > button > form { left: 0; cursor: pointer; } /* line 1108, ../scss/site/modules/dash/_dash-320.scss */ .paper-wrapper > .footer { height: 50px; position: absolute; bottom: 0; left: 0; width: 100%; background: #2d62b9; color: #FFFFFF; padding: 10px; } /* line 1118, ../scss/site/modules/dash/_dash-320.scss */ .paper-wrapper > .footer > button { position: relative; float: right; background: white; color: #555; cursor: pointer; border: none; border-radius: 5px; padding: 5px 10px; font-weight: 600; text-align: center; } /* line 1130, ../scss/site/modules/dash/_dash-320.scss */ .video-list { position: relative; float: left; width: 100%; } /* line 1135, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li { position: relative; float: left; width: 100%; } /* line 1140, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item { position: relative; float: left; margin: 0; width: 100%; } /* line 1146, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item > figure { position: relative; width: 50%; float: left; padding: 5px 0 0; } /* line 1152, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item > figure > em { position: absolute; height: 40px; width: 40px; font-size: 24px; color: white; background: rgba(0, 0, 0, 0.5); border-radius: 20px; left: calc(50% - 20px); top: calc(50% - 20px); padding: 5px 0 0 11px; } /* line 1164, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item > figure > em:hover { color: #99b6e6; background: black; } /* line 1168, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item > figure > img { position: relative; width: 100%; float: left; } /* line 1173, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item > figcaption { position: relative; width: 50%; float: left; padding: 0 10px; font-size: 18px; font-weight: 600; margin: 0; text-align: left; } /* line 1184, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item > figcaption > h4 { position: relative; width: 100%; float: left; font-size: 0.8em; text-align: left; color: #555; margin: 4px 0; } /* line 1193, ../scss/site/modules/dash/_dash-320.scss */ .video-list > li > .video-item > figcaption > p { position: relative; width: 100%; float: left; font-size: 0.75em; text-align: left; color: #555; } /* line 1201, ../scss/site/modules/dash/_dash-320.scss */ #videoModal { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.85); z-index: 9999; display: none; /* Hidden by default */ align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; } /* When active, show and fade in */ /* line 1214, ../scss/site/modules/dash/_dash-320.scss */ #videoModal.flex { display: flex; opacity: 1; z-index: 9999; } /* line 1219, ../scss/site/modules/dash/_dash-320.scss */ #videoModal { transition: opacity 0.3s ease; opacity: 0; } /* line 1224, ../scss/site/modules/dash/_dash-320.scss */ #videoModal.flex { opacity: 1; } /* Wrapper for positioning */ /* line 1228, ../scss/site/modules/dash/_dash-320.scss */ #videoModal .video-wrapper { position: relative; width: 90vw; max-width: 1200px; aspect-ratio: 16 / 9; background: #000; border-radius: 8px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); } /* The iframe container */ /* line 1240, ../scss/site/modules/dash/_dash-320.scss */ #videoContainer { width: 100%; height: 100%; } /* Vimeo iframe itself */ /* line 1246, ../scss/site/modules/dash/_dash-320.scss */ #videoContainer > iframe { width: 100vw; height: 100vh; border: none; display: block; } /* line 1252, ../scss/site/modules/dash/_dash-320.scss */ #closeModal { position: absolute; top: 20px; right: 20px; color: white; font-size: 2rem; background: black; height: 30px; border-radius: 20px; border: none; width: 30px; } /* line 1264, ../scss/site/modules/dash/_dash-320.scss */ .video-item > .editor-toolbox { position: relative; float: left; margin-left: 10px; } /* line 1269, ../scss/site/modules/dash/_dash-320.scss */ .video-item > .editor-toolbox > buttton.submit { display: none; } /* line 1272, ../scss/site/modules/dash/_dash-320.scss */ .video-item > .editor-toolbox > buttton.submit.active-editor { display: block; } @media screen and (min-width: 760px) { /* line 1, ../scss/site/modules/dash/_dash-760.scss */ .dash-320 > .left-sidebar { display: block; position: relative; width: 67px; } /* line 6, ../scss/site/modules/dash/_dash-760.scss */ #dash-left { width: calc(67% - 20px); margin-right: 20px; margin-left: 0; } /* line 11, ../scss/site/modules/dash/_dash-760.scss */ #dash-right { width: 33%; } /* line 14, ../scss/site/modules/dash/_dash-760.scss */ #dash-nav > ul > li { width: auto; padding: 10px 10px; margin-right: 15px; margin-bottom: 15px; } /* line 20, ../scss/site/modules/dash/_dash-760.scss */ .db-wrapper > .dash-button { width: 50%; margin: 10px 25%; } /* line 25, ../scss/site/modules/dash/_dash-760.scss */ .dash-button > span, #dash-nav > ul > li > span { width: calc(100% - 32px); border-left: solid 1px rgba(155, 155, 155, 0.4); font-size: 0.8em; padding: 5px 0px; } /* line 31, ../scss/site/modules/dash/_dash-760.scss */ #dash-nav > ul > li > span.under-760 { display: none; } /* line 34, ../scss/site/modules/dash/_dash-760.scss */ #dash-nav > ul > li > span.over-760 { display: block; } /* line 37, ../scss/site/modules/dash/_dash-760.scss */ .dash-button > em, #dash-nav > ul > li > em { width: 32px; height: 20px; font-size: 12px; line-height: 12px; text-align: center; padding: 10px 7px 8px 3px; } /* line 46, ../scss/site/modules/dash/_dash-760.scss */ #dash-msg > ul > li > ul > li > .right-block, #dash-notify > ul > li.li-msg > ul > li > .right-block { width: calc(100% - 190px); } /* line 49, ../scss/site/modules/dash/_dash-760.scss */ #dash-msg > ul > li > ul > li > .dash-button, #dash-notify > ul > li.li-msg > ul > li > .dash-button { width: 100px; } /* line 52, ../scss/site/modules/dash/_dash-760.scss */ #dash-nav > ul > li > em { display: block; } /* line 55, ../scss/site/modules/dash/_dash-760.scss */ #dash-nav > ul > li > span { padding-left: 8px; padding-right: 8px; } /* line 59, ../scss/site/modules/dash/_dash-760.scss */ #dash-notify > ul > li > ul > li > h4, #dash-msg > ul > li > ul > li > h4, #dash-feed > ul > li > ul > li > h4 { font-size: 20px; margin: 10px 10px 5px; } /* line 63, ../scss/site/modules/dash/_dash-760.scss */ #dash-notify > ul > li > ul > li > p, #dash-msg > ul > li > ul > li > p, #dash-feed > ul > li > ul > li > p { font-size: 14px; margin: 0 10px 10px; } /* line 68, ../scss/site/modules/dash/_dash-760.scss */ .paper-wrapper { width: 80%; margin-left: 10%; } /* --- Media Queries --- */ /* line 73, ../scss/site/modules/dash/_dash-760.scss */ .gallery { column-count: 3; } /* 3 per row on medium screens */ /* line 77, ../scss/site/modules/dash/_dash-760.scss */ .gallery > li { width: auto; flex: 1 1 calc(33.333% - 0.1rem); max-width: calc(33.333% - 0.1rem); } /* line 83, ../scss/site/modules/dash/_dash-760.scss */ .gallery.tessellated { column-count: 5; } } @media screen and (min-width: 1020px) { /* line 1, ../scss/site/modules/dash/_dash-1020.scss */ .dash-320 > .left-sidebar { margin-left: 0; } /* line 4, ../scss/site/modules/dash/_dash-1020.scss */ .paper-wrapper { width: 60vw; margin-left: 20vw; } /* line 9, ../scss/site/modules/dash/_dash-1020.scss */ .gallery { column-count: 5; } /* line 12, ../scss/site/modules/dash/_dash-1020.scss */ .gallery > li { flex: 1 1 calc(20% - 0.1rem); /* 4 items per row by default */ max-width: calc(20% - 0.1rem); overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); background: #fff; transition: transform 0.2s ease-in-out; } }