tjw/diyhrt
1
0
Fork 0
mirror of https://github.com/soapingtime/diyhrt.git synced 2026-03-23 07:36:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
diyhrt/groups.io/css/application-9b26dc9b8f5d198e9a6fff0c2f1ac8a7.css

6136 lines
819 KiB
CSS
Raw Normal View History

[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
/*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot%3F) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.
/*# sourceMappingURL=bootstrap.min.css.map */
/*!
* Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2024 Fonticons, Inc.
*/
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-duotone,.fa-light,.fa-regular,.fa-sharp,.fa-sharp-solid,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fasl,.fasr,.fass,.fast,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fal,.far,.fas,.fat{font-family:"Font Awesome 6 Pro"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-classic.fa-duotone,.fa-duotone,.fad{font-family:"Font Awesome 6 Duotone"}.fa-sharp,.fasl,.fasr,.fass,.fast{font-family:"Font Awesome 6 Sharp"}.fa-sharp,.fass{font-weight:900}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animati
.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-fill-drip:before{content:"\f576"}.fa-arrows-to-circle:before{content:"\e4bd"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-wagon-covered:before{content:"\f8ee"}.fa-line-height:before{content:"\f871"}.fa-bagel:before{content:"\e3d7"}.fa-transporter-7:before{content:"\e2a8"}.fa-at:before{content:"\40"}.fa-rectangles-mixed:before{content:"\e323"}.fa-phone-arrow-up-right:before,.fa-phone-arrow-up:before,.fa-phone-outgoing:before{content:"\e224"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-circle-l:before{content:"\e114"}.fa-head-side-goggles:before,.fa-head-vr:before{content:"\f6ea"}.fa-text-height:before{content:"\f034"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-face-hand-yawn:before{content:"\e379"}.fa-gauge-simple-min:before,.fa-tachometer-slowest:before{content:"\f62d"}.fa-stethoscope:before{content:"\f0f1"}.fa-coffin:before{content:"\f6c6"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-bowl-salad:before,.fa-salad:before{content:"\f81e"}.fa-info:before{content:"\f129"}.fa-robot-astromech:before{content:"\e2d2"}.fa-ring-diamond:before{content:"\e5ab"}.fa-fondue-pot:before{content:"\e40d"}.fa-theta:before{content:"\f69e"}.fa-face-hand-peeking:before{content:"\e481"}.fa-square-user:before{content:"\e283"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-explosion:before{content:"\e4e9"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-wave-square:before{content:"\f83e"}.fa-ring:before{content:"\f70b"}.fa-building-un:before{content:"\e4d9"}.fa-dice-three:before{content:"\f527"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-wifi-2:before,.fa-wifi-fair:before{content:"\f6ab"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-mp3-player:before{content:"\f8ce"}.fa-anchor-circle-check:before{content:"\e4aa"}.fa-tally-4:before{content:"\e297"}.fa-rectangle-history:before{content:"\e4a2"}.fa-building-circle-arrow-right:before{content:"\e4d1"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-sun-haze:before{content:"\f765"}.fa-text-size:before{content:"\f894"}.fa-ufo:before{content:"\e047"}.fa-fork:before,.fa-utensil-fork:before{content:"\f2e3"}.fa-arrows-up-to-line:before{content:"\e4c2"}.fa-mobile-signal:before{content:"\e1ef"}.fa-barcode-scan:before{content:"\f465"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-folder-arrow-down:before,.fa-folder-download:before{content:"\e053"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-face-icicles:before{content:"\e37c"}.fa-shovel:before{content:"\f713"}.fa-door-open:before{content:"\f52b"}.fa-films:before{content:"\e17a"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-face-glasses:before{content:"\e377"}.fa-nfc:before{content:"\e1f7"}.fa-atom:before{content:"\f5d2"}.fa-soap:before{content:"\e06e"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-closed-captioning-slash:before{content:"\e135"}.fa-calculator-alt:before,.fa-calculator-simple:before{content:"\f64c"}.fa-bridge-circle-check:before{content:"\e4c9"}.fa-sliders-up:before,.fa-sliders-v:before{content:"\f3f1"}.fa-location-minus:before,.fa-map-marker-minus:before{content:"\f609"}.fa-pump-medical:before{content:"\e06a"}.fa-fingerprint:before{content:"\f577"}.fa-ski-boot:before{content:"\e3cc"}.fa-rectangle-sd:before,.fa-standard-definition:before{content:"\e28a"}.fa-h1:before{content:"\f313"}.fa-hand-point-right:before{content:"\f0a4"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-message-bot:before{content:"\e3b8"}.fa-forward-step:before,.fa-step-forward:before{con
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-pixiv:before{content:"\e640"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-js-square:before,.fa-square-js:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-jxl:before{content:"\e67b"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-reddit-square:before,.fa-square-reddit:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-brave:before{content:"\e63c"}.fa-sistrix:before{content:"\f3ee"}.fa-instagram-square:before,.fa-square-instagram:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-threads:before{content:"\e618"}.fa-napster:before{content:"\f3d2"}.fa-snapchat-square:before,.fa-square-snapchat:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f841"}.
.fa-duotone.fa-0:after,.fad.fa-0:after{content:"\30\30"}.fa-duotone.fa-1:after,.fad.fa-1:after{content:"\31\31"}.fa-duotone.fa-2:after,.fad.fa-2:after{content:"\32\32"}.fa-duotone.fa-3:after,.fad.fa-3:after{content:"\33\33"}.fa-duotone.fa-4:after,.fad.fa-4:after{content:"\34\34"}.fa-duotone.fa-5:after,.fad.fa-5:after{content:"\35\35"}.fa-duotone.fa-6:after,.fad.fa-6:after{content:"\36\36"}.fa-duotone.fa-7:after,.fad.fa-7:after{content:"\37\37"}.fa-duotone.fa-8:after,.fad.fa-8:after{content:"\38\38"}.fa-duotone.fa-9:after,.fad.fa-9:after{content:"\39\39"}.fa-duotone.fa-fill-drip:after,.fad.fa-fill-drip:after{content:"\f576\f576"}.fa-duotone.fa-arrows-to-circle:after,.fad.fa-arrows-to-circle:after{content:"\e4bd\e4bd"}.fa-duotone.fa-chevron-circle-right:after,.fa-duotone.fa-circle-chevron-right:after,.fad.fa-chevron-circle-right:after,.fad.fa-circle-chevron-right:after{content:"\f138\f138"}.fa-duotone.fa-wagon-covered:after,.fad.fa-wagon-covered:after{content:"\f8ee\f8ee"}.fa-duotone.fa-line-height:after,.fad.fa-line-height:after{content:"\f871\f871"}.fa-duotone.fa-bagel:after,.fad.fa-bagel:after{content:"\e3d7\e3d7"}.fa-duotone.fa-transporter-7:after,.fad.fa-transporter-7:after{content:"\e2a8\e2a8"}.fa-duotone.fa-at:after,.fad.fa-at:after{content:"\40\40"}.fa-duotone.fa-rectangles-mixed:after,.fad.fa-rectangles-mixed:after{content:"\e323\e323"}.fa-duotone.fa-phone-arrow-up-right:after,.fa-duotone.fa-phone-arrow-up:after,.fa-duotone.fa-phone-outgoing:after,.fad.fa-phone-arrow-up-right:after,.fad.fa-phone-arrow-up:after,.fad.fa-phone-outgoing:after{content:"\e224\e224"}.fa-duotone.fa-trash-alt:after,.fa-duotone.fa-trash-can:after,.fad.fa-trash-alt:after,.fad.fa-trash-can:after{content:"\f2ed\f2ed"}.fa-duotone.fa-circle-l:after,.fad.fa-circle-l:after{content:"\e114\e114"}.fa-duotone.fa-head-side-goggles:after,.fa-duotone.fa-head-vr:after,.fad.fa-head-side-goggles:after,.fad.fa-head-vr:after{content:"\f6ea\f6ea"}.fa-duotone.fa-text-height:after,.fad.fa-text-height:after{content:"\f034\f034"}.fa-duotone.fa-user-times:after,.fa-duotone.fa-user-xmark:after,.fad.fa-user-times:after,.fad.fa-user-xmark:after{content:"\f235\f235"}.fa-duotone.fa-face-hand-yawn:after,.fad.fa-face-hand-yawn:after{content:"\e379\e379"}.fa-duotone.fa-gauge-simple-min:after,.fa-duotone.fa-tachometer-slowest:after,.fad.fa-gauge-simple-min:after,.fad.fa-tachometer-slowest:after{content:"\f62d\f62d"}.fa-duotone.fa-stethoscope:after,.fad.fa-stethoscope:after{content:"\f0f1\f0f1"}.fa-duotone.fa-coffin:after,.fad.fa-coffin:after{content:"\f6c6\f6c6"}.fa-duotone.fa-comment-alt:after,.fa-duotone.fa-message:after,.fad.fa-comment-alt:after,.fad.fa-message:after{content:"\f27a\f27a"}.fa-duotone.fa-bowl-salad:after,.fa-duotone.fa-salad:after,.fad.fa-bowl-salad:after,.fad.fa-salad:after{content:"\f81e\f81e"}.fa-duotone.fa-info:after,.fad.fa-info:after{content:"\f129\f129"}.fa-duotone.fa-robot-astromech:after,.fad.fa-robot-astromech:after{content:"\e2d2\e2d2"}.fa-duotone.fa-ring-diamond:after,.fad.fa-ring-diamond:after{content:"\e5ab\e5ab"}.fa-duotone.fa-fondue-pot:after,.fad.fa-fondue-pot:after{content:"\e40d\e40d"}.fa-duotone.fa-theta:after,.fad.fa-theta:after{content:"\f69e\f69e"}.fa-duotone.fa-face-hand-peeking:after,.fad.fa-face-hand-peeking:after{content:"\e481\e481"}.fa-duotone.fa-square-user:after,.fad.fa-square-user:after{content:"\e283\e283"}.fa-duotone.fa-compress-alt:after,.fa-duotone.fa-down-left-and-up-right-to-center:after,.fad.fa-compress-alt:after,.fad.fa-down-left-and-up-right-to-center:after{content:"\f422\f422"}.fa-duotone.fa-explosion:after,.fad.fa-explosion:after{content:"\e4e9\e4e9"}.fa-duotone.fa-file-alt:after,.fa-duotone.fa-file-lines:after,.fa-duotone.fa-file-text:after,.fad.fa-file-alt:after,.fad.fa-file-lines:after,.fad.fa-file-text:after{content:"\f15c\f15c"}.fa-duotone.fa-wave-square:after,.fad.fa-wave-square:after{content:"\f83e\f83e"}.fa-duotone.fa-ring:after,.fad.fa-ring:after{content:"\f70b\f70b"}.fa-duotone.fa-building-un:after,.fad.fa-building-un:after{content:"\e4d9\e4d9"}.fa-duotone.fa-dice-three:after,.fad.fa-dice-three:after{co
:host,:root{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.ttf) format("truetype")}.fa-light,.fal{font-weight:300}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:100;font-display:block;src:url(../webfonts/fa-thin-100.woff2) format("woff2"),url(../webfonts/fa-thin-100.ttf) format("truetype")}.fa-thin,.fat{font-weight:100}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Pro";font-display:block;font-weight:300;src:url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Duotone";font-display:block;font-weight:900;src:url(../webfonts/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
/*!
* Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2024 Fonticons, Inc.
*/
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:300;font-display:block;src:url(../webfonts/fa-sharp-light-300.woff2) format("woff2"),url(../webfonts/fa-sharp-light-300.ttf) format("truetype")}.fa-light,.fasl{font-weight:300}
/*!
* Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2024 Fonticons, Inc.
*/
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-sharp-regular-400.woff2) format("woff2"),url(../webfonts/fa-sharp-regular-400.ttf) format("truetype")}.fa-regular,.fasr{font-weight:400}
/*!
* Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2024 Fonticons, Inc.
*/
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-sharp-solid-900.woff2) format("woff2"),url(../webfonts/fa-sharp-solid-900.ttf) format("truetype")}.fa-solid,.fass{font-weight:900}
/*!
* bootstrap-fileinput v4.5.2
* http://plugins.krajee.com/file-input
*
* Krajee default styling for bootstrap-fileinput.
*
* Author: Kartik Visweswaran
* Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
*
* Licensed under the BSD 3-Clause
* https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
*/.btn-file input[type=file],.file-caption-icon,.file-no-browse,.file-preview .fileinput-remove,.file-zoom-dialog .btn-navigate,.file-zoom-dialog .floating-buttons,.krajee-default .file-thumb-progress{position:absolute}.file-loading input[type=file],input[type=file].file-loading{width:0;height:0}.file-no-browse{left:50%;bottom:20%;width:1px;height:1px;font-size:0;opacity:0;border:none;background:0 0;outline:0;box-shadow:none}.file-caption-icon,.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-ajax-new .no-browse .input-group-btn,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file,.file-input-new .no-browse .input-group-btn,.file-zoom-dialog .modal-header:after,.file-zoom-dialog .modal-header:before,.hide-content .kv-file-content,.kv-hidden{display:none}.btn-file,.file-caption,.file-input,.file-loading:before,.file-preview,.file-zoom-dialog .modal-dialog,.krajee-default .file-thumbnail-footer,.krajee-default.file-preview-frame{position:relative}.file-error-message pre,.file-error-message ul,.krajee-default .file-actions,.krajee-default .file-other-error{text-align:left}.file-error-message pre,.file-error-message ul{margin:0}.krajee-default .file-drag-handle,.krajee-default .file-upload-indicator{float:left;margin:5px 0 -5px;width:16px;height:16px}.krajee-default .file-thumb-progress .progress,.krajee-default .file-thumb-progress .progress-bar{height:11px;font-family:Verdana,Helvetica,sans-serif;font-size:9px}.krajee-default .file-caption-info,.krajee-default .file-size-info{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;height:15px;margin:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-image,.file-zoom-content>.file-object.type-video{max-width:100%;max-height:100%;width:auto}.file-zoom-content>.file-object.type-flash,.file-zoom-content>.file-object.type-video{height:100%}.file-zoom-content>.file-object.type-default,.file-zoom-content>.file-object.type-html,.file-zoom-content>.file-object.type-pdf,.file-zoom-content>.file-object.type-text{width:100%}.file-loading:before{content:" Loading...";display:inline-block;padding-left:20px;line-height:16px;font-size:13px;font-variant:small-caps;color:#999;background:url(../img/loading.gif) top left no-repeat}.file-object{margin:0 0 -5px;padding:0}.btn-file{overflow:hidden}.btn-file input[type=file]{top:0;left:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}.btn-file ::-ms-browse{font-size:10000px;width:100%;height:100%}.file-caption .file-caption-name{width:100%;margin:0;padding:0;box-shadow:none;border:none;background:0 0;outline:0}.file-caption.icon-visible .file-caption-icon{display:inline-block}.file-caption.icon-visible .file-caption-name{padding-left:15px}.file-caption-icon{left:8px}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#eee;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:8px;width:100%;margin-bottom:5px}.file-preview .btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.file-preview .fileinput-remove{top:1px;right:1px;line-height:10px}.file-preview .clickable{cursor:pointer}.file-preview-image{font:40px Impact,Charcoal,sans-serif;color:green}.krajee-default.file-preview-frame{margin:8px;border:1px solid rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);padding:6px;float:left;text-align:center}.krajee-default.file-preview-frame .kv-file-content{width:213px;height:160px}.krajee-default.file-preview-frame .kv-file-content.kv-pdf-rendered{width:400px}.krajee-default.file-preview-frame[data-template=audio] .kv-file-content{width:240px;height:55px}.krajee-default.file-preview-frame .file-thumbnail-footer{height:70px}.krajee-default.file-preview-frame:not(.file
/*!
* bootstrap-fileinput v4.5.2
* http://plugins.krajee.com/file-input
*
* Krajee RTL (Right To Left) default styling for bootstrap-fileinput.
*
* Author: Kartik Visweswaran
* Copyright: 2014 - 2018, Kartik Visweswaran, Krajee.com
*
* Licensed under the BSD 3-Clause
* https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
*/.kv-rtl .close,.kv-rtl .krajee-default .file-actions,.kv-rtl .krajee-default .file-other-error{float:left}.kv-rtl .krajee-default .file-drag-handle,.kv-rtl .krajee-default .file-upload-indicator,.kv-rtl .krajee-default.file-preview-frame{float:right}.kv-rtl .file-error-message pre,.kv-rtl .file-error-message ul,.kv-rtl .file-zoom-dialog{text-align:right}.kv-rtl{direction:rtl}.kv-rtl .floating-buttons{left:10px;right:auto}.kv-rtl .floating-buttons .btn-kv{margin-left:0;margin-right:3px}.kv-rtl .file-caption-icon{left:auto;right:8px}.kv-rtl .file-drop-zone{margin:12px 12px 12px 15px}.kv-rtl .btn-prev{right:1px;left:auto}.kv-rtl .btn-next{left:1px;right:auto}.kv-rtl .float-right,.kv-rtl .pull-right{float:left!important}.kv-rtl .float-left,.kv-rtl .pull-left{float:right!important}.kv-rtl .kv-zoom-title{direction:ltr}.kv-rtl .krajee-default.file-preview-frame{box-shadow:-1px 1px 5px 0 #a2958a}.kv-rtl .krajee-default.file-preview-frame:not(.file-preview-error):hover{box-shadow:-3px 3px 5px 0 #333}.kv-rtl .kv-zoom-actions .btn-kv{margin-left:0;margin-right:3px}.kv-rtl .file-caption.icon-visible .file-caption-name{padding-left:0;padding-right:15px}.kv-rtl .input-group-btn>.btn:last-child{border-radius:4px 0 0 4px}.kv-rtl .input-group .form-control:first-child{border-radius:0 4px 4px 0}.kv-rtl .btn-file input[type=file]{left:auto;right:0;text-align:left;background:100% 0 none}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+
font-weight: normal;
font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10a";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
content: "\f10b";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
content: "\f10c";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e";
}
.vjs-icon-downloading {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-downloading:before {
content: "\f10f";
}
.vjs-icon-file-download {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-file-download:before {
content: "\f110";
}
.vjs-icon-file-download-done {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-file-download-done:before {
content: "\f111";
}
.vjs-icon-file-download-off {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-file-download-off:before {
content: "\f112";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f113";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f114";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f115";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
content: "\f116";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f117";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f118";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f119";
}
.vjs-icon-repeat {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-repeat:before {
content: "\f11a";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f11b";
}
.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
content: "\f11c";
}
.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
content: "\f11d";
}
.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
content: "\f11e";
}
.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
content: "\f11f";
}
.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
content: "\f120";
}
.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
content: "\f121";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f122";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f123";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f124";
}
.vjs-icon-shuffle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-shuffle:before {
content: "\f125";
}
.vjs-icon-cast {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cast:before {
content: "\f126";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f127";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f128";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f129";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f12a";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f12b";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f12c";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f12d";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f12e";
}
.video-js {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex="-1"] {
outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
width: 100%;
max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
display: none;
}
body.vjs-full-window,
body.vjs-pip-window {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-pip-container .vjs-pip-text {
position: absolute;
bottom: 10%;
font-size: 2em;
background-color: rgba(0, 0, 0, 0.7);
padding: 0.5em;
text-align: center;
width: 100%;
}
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
bottom: 0;
font-size: 1.4em;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 50%;
left: 50%;
padding: 0;
margin-top: -0.81666em;
margin-left: -1.5em;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto;
}
.video-js .vjs-modal-dialog > * {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
left: unset;
right: 1em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
pointer-events: none;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;
}
.video-js .vjs-control.vjs-visible-text {
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center;
}
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
line-height: 0.35em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
/* iOS Safari */
-webkit-touch-callout: none;
/* Safari */
-webkit-user-select: none;
/* Konqueror HTML */
/* Firefox */
-moz-user-select: none;
/* Internet Explorer/Edge */
/* Non-prefixed version, currently supported by Chrome and Opera */
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em;
transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
line-height: 0.35em;
right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
left: 1em;
top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-volume-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
display: block;
}
.vjs-poster img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
align-items: center;
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
display: none;
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: rgb(255, 255, 255);
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: rgb(255, 255, 255);
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
display: none;
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10c";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f12e";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
width: auto;
width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
flex: auto;
display: block;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
margin: 10px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
padding: 0 6px 8px;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
font-weight: bold;
font-size: 14px;
}
.vjs-text-track-settings .vjs-label {
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
margin: 0 5px 5px 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
.vjs-title-bar {
background: rgba(0, 0, 0, 0.9);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
font-size: 1.2em;
line-height: 1.5;
transition: opacity 0.1s;
padding: 0.666em 1.333em 4em;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.vjs-title-bar-title,
.vjs-title-bar-description {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vjs-title-bar-title {
font-weight: bold;
margin-bottom: 0.333em;
}
.vjs-playing.vjs-user-inactive .vjs-title-bar {
opacity: 0;
transition: opacity 1s;
}
.video-js .vjs-skip-forward-5 {
cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
cursor: pointer;
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none;
}
.video-js *:focus:not(:focus-visible) {
outline: none;
}
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
/*rtl:begin:ignore*/left:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
/*rtl:begin:ignore*/right:0/*
/*rtl:end:ignore*/}/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-select
/*
* A colorselector for Twitter Bootstrap which lets you select a color from a predefined set of colors only.
* https://github.com/flaute/bootstrap-colorselector
*
* Copyright (C) 2014 Flaute
*
* Licensed under the MIT license
*/
/* colorselector dropdown */
.dropdown-colorselector>.dropdown-menu {
top: 80%;
left: -7px;
padding: 4px;
/* min-width: 130px; MAF */
/* max-width: 130px; MAF */
}
/*
.dropdown-colorselector>.dropdown-menu.pull-right {
right: -7px;
left: auto;
}
*/
.dropdown-colorselector>.dropdown-menu>li {
display: block;
float: left;
width: 30px;
height: 30px;
margin: 2px;
}
.dropdown-colorselector>.dropdown-menu>li>.color-btn {
display: block;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
border-radius: 0;
position: relative;
-webkit-transition: all ease 0.1s;
transition: all ease 0.1s;
}
.dropdown-colorselector>.dropdown-menu>li>.color-btn:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity = 80);
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after {
content: "\e013";
font-family: 'Glyphicons Halflings';
display: inline-block;
font-size: 11px;
color: #FFF;
position: absolute;
left: 0;
right: 0;
text-align: center;
line-height: 30px;
}
.btn-colorselector {
display: inline-block;
width: 30px;
height: 30px;
background-color: #DDD;
vertical-align: middle;
border-radius: 0;
}
.dropdown-menu.dropdown-caret:before {
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: inline-block;
left: 9px;
position: absolute;
top: -7px;
}
.dropdown-menu.dropdown-caret:after {
border-bottom: 6px solid #FFFFFF;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: inline-block;
left: 10px;
position: absolute;
top: -6px;
}
/*
.dropdown-menu.pull-right.dropdown-caret:before {
left: auto;
right: 9px;
}
.dropdown-menu.pull-right.dropdown-caret:after {
left: auto;
right: 10px;
}
*/
/*
* Social Buttons for Bootstrap
*
* Copyright 2013-2014 Panayiotis Lipiridis
* Licensed under the MIT License
*
* https://github.com/lipis/bootstrap-social
*/
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
.btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
.btn-adn .badge{color:#d87a68;background-color:#fff}
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket .badge{color:#205081;background-color:#fff}
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-dropbox .badge{color:#1087dd;background-color:#fff}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-flickr .badge{color:#ff0084;background-color:#fff}
.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}
.btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)}
.btn-foursquare .badge{color:#f94877;background-color:#fff}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-github .badge{color:#444;background-color:#fff}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google-plus .badge{color:#dd4b39;background-color:#fff}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-instagram .badge{color:#3f729b;background-color:#fff}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-linkedin .badge{color:#007bb6;background-color:#fff}
.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}
.btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-microsoft .badge{color:#2672ec;background-color:#fff}
.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}
.btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
.btn-openid .badge{color:#f7931e;background-color:#fff}
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}
.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}
.btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}
.btn-reddit .badge{color:#eff7ff;background-color:#000}
.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}
.btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud .badge{color:#f50;background-color:#fff}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-tumblr .badge{color:#2c4762;background-color:#fff}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}
.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}
.btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}
.btn-vk .badge{color:#587ea3;background-color:#fff}
.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}
.btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)}
.btn-yahoo .badge{color:#720e9e;background-color:#fff}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.navbar-head {
background-color: #337ab7;
/*
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
*/
border-color: #245580;
}
.navbar-head .navbar-brand {
color: #ecf0f1;
}
.navbar-head .navbar-brand:hover,
.navbar-head .navbar-brand:focus {
color: #ecf0f1;
}
.navbar-head .navbar-text {
color: #ecf0f1;
}
.navbar-head .navbar-nav > li > a {
color: #ecf0f1;
text-shadow: 0 -1px 0 #286090;
background-color: transparent;
}
.navbar-head .navbar-nav > li > a:hover,
.navbar-head .navbar-nav > li > a:focus {
color: #ecf0f1;
}
.navbar-head .navbar-nav > .active > a,
.navbar-head .navbar-nav > .active > a:hover,
.navbar-head .navbar-nav > .active > a:focus {
color: #ecf0f1;
background-color: #3673ac;
}
.navbar-head .navbar-nav > .open > a,
.navbar-head .navbar-nav > .open > a:hover,
.navbar-head .navbar-nav > .open > a:focus {
color: #ecf0f1;
background-color: #3673ac;
}
.navbar-head .navbar-toggle {
border-color: #3673ac;
}
.navbar-head .navbar-toggle:hover,
.navbar-head .navbar-toggle:focus {
background-color: #3673ac;
}
.navbar-head .navbar-toggle .icon-bar {
background-color: #ecf0f1;
}
.navbar-head .navbar-collapse,
.navbar-head .navbar-form {
border-color: #ecf0f1;
}
.navbar-head .navbar-link {
color: #ecf0f1;
}
.navbar-head .navbar-link:hover {
color: #ecf0f1;
}
@media (max-width: 767px) {
.navbar-head .navbar-nav .open .dropdown-menu > li > a {
color: #ecf0f1;
}
.navbar-head .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-head .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ecf0f1;
}
.navbar-head .navbar-nav .open .dropdown-menu > .active > a,
.navbar-head .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-head .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ecf0f1;
background-color: #3673ac;
}
.navbar-head .navbar-nav .dropdown-header {
color: #ecf0f1;
font-size: 14px;
}
}
hr {
border-top-color: #a9a9a9;
}
.navbar {
border-radius: 0px;
}
.navbar-inverse .navbar-brand {
color: #eeeeee;
}
.navbar-inverse .navbar-nav>li>a {
color: #eeeeee;
}
:root {
--light-mode-body-color: #fafafa;
--light-mode-primary-color: #fff;
--light-mode-highlight-color: #eeeeee;
--light-mode-input-color: #fff;
--light-mode-text-color: #555;
--light-mode-light-text-color: #707070;
--light-mode-divider: #ccc;
--dark-mode-body-color: #141414;
--dark-mode-primary-color: rgb(36, 37, 38);
--dark-mode-highlight-color: rgb(58, 59, 60);
--dark-mode-input-color: #141414;
--dark-mode-text-color: rgb(222, 226, 230);
--dark-mode-reverse-text-color: #141414;
--dark-mode-light-text-color: #999;
--dark-mode-divider: rgb(62, 64, 66);
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
--fc-border-color: #ccc;
--fc-page-bg-color: #fff;
}
body.dark-mode {
--fc-border-color: rgb(62, 64, 66);
--fc-page-bg-color: rgb(36, 37, 38);
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
@media print {
#maincontent {
margin-left:0px !important;
}
a[href]:after {
content: none !important;
}
}
.modal-dialog {
margin-top: calc(10px + env(safe-area-inset-top))
}
th {
font-weight: normal;
}
@media (min-width: 768px) {
.modal-dialog {
margin-top: calc(30px + env(safe-area-inset-top))
}
}
a.button-link {
padding: 8px 12px;
}
.button-link-group a.button-link {
padding-right: 15px;
}
/* otherwise selects extend to the entire width, which is too wide */
select.form-control {
width: auto;
}
.scrollable-groups-menu {
height: auto;
max-height: 400px;
overflow-x: hidden;
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
.close {
opacity: .5;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
/* normal img-responsive is display: block, which doesn't allow images to be centered when in a
text-align: center span, which is what summernote does to align things. so we use inline-block
instead. */
.myimg-responsive {
display: inline-block;
max-width: 100%;
height: auto;
}
.table {
border-radius: 4px;
border-color: #f8f8f8;
}
.table>tbody>tr:last-child>td:first-child {
border-bottom-left-radius: 4px;
}
.table>tbody>tr:last-child>td:last-child {
border-bottom-right-radius: 4px;
}
/* snug up breadcrumb bottom */
.breadcrumb {
margin-bottom: 10px;
}
/* fix for Microsoft Outlook */
p.MsoNormal {
margin: 0px;
}
p.MsoListParagraph {
margin-bottom: 0px;
}
.the-table {
table-layout: fixed;
word-wrap: break-word;
}
blockquote {
font-size: 16px;
border-left: 5px solid #e0e0e0;
}
.hidden-label {
font-size: 0;
height: 1px;
overflow: hidden;
display: block;
}
.scroll-top-wrapper {
position: fixed;
opacity: 0;
visibility: hidden;
overflow: hidden;
text-align: center;
z-index: 99999999;
background-color: #707070;
color: #eeeeee;
width: 50px;
height: 48px;
line-height: 48px;
right: 10px;
bottom: 0px;
padding-top: 2px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
background-color: #888888;
}
.scroll-top-wrapper.show {
visibility: visible;
cursor: pointer;
opacity: 0.4;
}
.scroll-top-wrapper i.fa {
line-height: inherit;
}
.dropdown-wide {
display: block;
}
.dropdown-narrow {
display: none;
}
/* subject font size */
.subject {
font-size: 17px;
}
a,
.pagination>li>a,
.pagination>li>span {
color: #2f6fa7;
}
.navbar-head,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover,
body.dark-mode .list-group-item.active,
body.dark-mode .list-group-item.active:focus,
body.dark-mode .list-group-item.active:hover {
background-color: #2f6fa7;
}
body:not(.dark-mode) .groupmaincontent ul.dropdown-menu a,
body:not(.dark-mode) .panel-default>.panel-heading a {
color: #333 !important;
}
body:not(.dark-mode) a.showvisited:visited,
body:not(.dark-mode) .thread-attribution,
body:not(.dark-mode) .text-muted,
body:not(.dark-mode) .breadcrumb>.active,
body:not(.dark-mode) .help-block,
body:not(.dark-mode) span[id*="likestats"] {
color: #707070 !important;
}
.likestats {
font-size:14px;
color:#707070;
}
.thread-attribution {
font-size:14px;
color:#707070;
}
body {
font-family: system-ui,
"Segoe UI",
Roboto,
"Helvetica Neue",
"Noto Sans",
"Liberation Sans",
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
font-size: 16px;
font-weight: 400;
background-color: var(--light-mode-body-color);
}
#body {
padding-top: calc(60px + env(safe-area-inset-top));
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.dropdown-menu {
font-size: 16px;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.list-group-item {
background-color: var(--light-mode-body-color);
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
.icon-background {
color: var(--light-mode-highlight-color);
}
[automated] update groups.io wiki
2024-05-15 00:28:33 +00:00
#maincontent-column {
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
padding-bottom: 50px;
[automated] update groups.io wiki
2024-05-15 00:28:33 +00:00
}
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
.breadcrumb-row {
background-color: rgb(245, 245, 245);
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
margin-left: 0px;
margin-right: 0px;
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
}
.breadcrumb-container {
overflow-x: auto;
white-space: nowrap;
background-color: rgb(245, 245, 245);
}
.scroll-breadcrumb {
display: inline-block !important;
width: 100% !important;
background-color: rgb(245,245,245);
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
padding-left: 0px;
padding-right: 0px;
}
.breadcrumb-container::-webkit-scrollbar {
height: 0px;
}
/*
.breadcrumb-container::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 4px;
}
.breadcrumb-container::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
*/
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
/*
This is to prevent the header and footer on Safari from moving when scrolling the
page.
*/
@media (max-width: 992px) {
#maincontent {
position: absolute;
top: calc(55px + env(safe-area-inset-top));
bottom: 80px;
right: 0;
left: 0;
[automated] update groups.io wiki
2024-07-03 00:30:22 +00:00
/* COMMENTED OUT for now because it causes HTMX to not handle infinite scrolling correctly. It causes a jump back to the top of the page. */
/*overflow-y: auto !important;*/
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
[automated] update groups.io wiki
2024-07-03 00:30:22 +00:00
/* added this in when we commented out overflow-y above. */
#maincontent-column {
padding-bottom: 100px;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.maincontent-chat-column {
top: 0px !important;
left: 0px !important;
width: 100% !important;
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
padding-bottom: 0px !important;
padding-left: 0px;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
}
[automated] update groups.io wiki
2024-05-15 00:28:33 +00:00
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
#maincontent-refresh {
scroll-margin-top: 60px;
}
.groupmaincontent {
margin-left: 225px;
}
.btn-xs {
font-size:12px !important;
}
.btn-default {
font-size: 14px;
color: rgb(51, 51, 51);
background-color: #ccc;
/*line-height: 15px;*/
border: 1px solid #ccc;
border-radius: 6px;
transition: all 0.3s ease 0s;
}
.btn-default:hover {
background-color: #bbb;
border: 1px solid #bbb;
color: rgb(41, 41, 41);
}
.btn-outline-default {
font-size: 14px;
color: #ccc;
/*line-height: 15px;*/
border: 2px solid #ccc;
border-radius: 6px;
background: transparent;
transition: all 0.3s ease 0s;
}
.btn-outline-default:hover {
color: #FFF;
background-color: #ccc;
border: 2px solid #ccc;
}
.btn-sm {
line-height: 18px;
}
.btn-primary {
font-size: 14px;
color: #FFF;
/*line-height: 18px;*/
border: 1px solid #337ab7;
background-color: #337ab7;
border-radius: 6px;
transition: all 0.3s ease 0s;
}
.btn-primary.active {
background-color: #337ab7;
border-color: #337ab7;
}
.btn-outline-primary {
font-size: 14px;
color: #337ab7;
/*line-height: 15px;*/
border: 1px solid #337ab7;
background-color: #337ab7;
border-radius: 6px;
background: transparent;
transition: all 0.3s ease 0s;
}
.btn-outline-primary.active {
background-color: #337ab7;
border-color: #337ab7;
}
.btn-outline-primary:hover {
color: #FFF;
background: #337ab7;
border: 1px solid #337ab7;
}
.btn-success {
font-size: 14px;
color: #FFF;
background-color: #419641;
/*line-height: 15px;*/
border: 1px solid #419641;
border-radius: 6px;
transition: all 0.3s ease 0s;
}
.btn-success:hover {
background-color: #307d30;
border: 1px solid #307d30;
}
.btn-outline-success {
font-size: 14px;
color: #419641;
/*line-height: 15px;*/
border: 1px solid #419641;
border-radius: 6px;
background: transparent;
transition: all 0.3s ease 0s;
}
.btn-outline-success:hover {
color: #FFF;
background: #419641;
border: 1px solid #419641;
}
.btn-outline-success:hover {
color: #FFF;
background: #419641;
border: 1px solid #419641;
}
.btn-info {
font-size: 14px;
color: #FFF;
background-color: #5bc0de;
/*line-height: 15px;*/
border: 1px solid #5bc0de;
border-radius: 6px;
transition: all 0.3s ease 0s;
}
.btn-info:hover {
background-color: #2188a0;
border: 1px solid #2188a0;
}
.btn-outline-info {
font-size: 14px;
color: #5bc0de;
/*line-height: 15px;*/
border: 1px solid #5bc0de;
border-radius: 6px;
background: transparent;
transition: all 0.3s ease 0s;
}
.btn-outline-info:hover {
color: #FFF;
background: #5bc0de;
border: 1px solid #5bc0de;
}
.btn-warning {
font-size: 14px;
color: #FFF;
background-color: rgb(245, 128, 62);
/*line-height: 15px;*/
border: 1px solid rgb(245, 128, 62);
border-radius: 6px;
transition: all 0.3s ease 0s;
}
.btn-warning:hover {
background-color: #d67f0c;
border: 1px solid #d67f0c;
}
.btn-outline-warning {
font-size: 14px;
color: rgb(245, 128, 62);
/*line-height: 15px;*/
border: 1px solid rgb(245, 128, 62);
border-radius: 6px;
background: transparent;
transition: all 0.3s ease 0s;
}
.btn-outline-warning:hover {
color: #FFF;
background: rgb(245, 128, 62);
border: 1px solid rgb(245, 128, 62);
}
.btn-danger {
font-size: 14px;
color: #FFF;
background-color: #d9534f;
/*line-height: 15px;*/
border: 1px solid #d9534f;
border-radius: 6px;
transition: all 0.3s ease 0s;
}
.btn-danger:hover {
background-color: #a0211d;
border: 1px solid #a0211d;
}
.btn-outline-danger {
font-size: 14px;
color: #d9534f;
/*line-height: 15px;*/
border: 1px solid #d9534f;
border-radius: 6px;
background: transparent;
transition: all 0.3s ease 0s;
}
.btn-outline-danger:hover {
color: #FFF;
background: #d9534f;
border: 1px solid #d9534f;
}
.scrolling-wrapper {
overflow-x: auto;
white-space: nowrap;
}
.scrolling-wrapper .btn {
display: inline-block;
white-space: normal;
}
.Xmce-tinymce {
box-shadow: none !important;
}
.Xmce-content-body {
margin-top: 10px;
margin-left: 10px;
}
[automated] update groups.io wiki
2024-07-17 00:31:19 +00:00
.XXmce-content-body {
white-space: pre-wrap;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.Xmce-panel {
border-color: #ccc !important;
}
.scrollbar {
overflow-y: auto;
max-height: calc(100vh - 61px);
/*visibility: hidden;*/
}
.scrollbar-content,
.scrollbar:hover,
.scrollbar:focus {
/*visibility: visible !important;
-webkit-overflow-scrolling: touch;*/
overflow-y: auto;
}
.scrollbar::-webkit-scrollbar {
/*-webkit-appearance: none;*/
width: 6px;
height: 6px;
background-color: rgba(0, 0, 0, 0);
}
.scrollbar::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #ccc;
}
#groupsidebar {
padding-right:0px;
position:fixed;
max-width:220px;
width:100%;
top: calc(60px + env(safe-area-inset-top));
}
/* force a passage without spaces to be broken up to fit a fixed width container */
.forcebreak, .forcebreak * {
/*
word-break: break-all;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
*/
word-wrap: break-word !important;
overflow-wrap: break-word !important;
/*white-space: normal !important;*/
}
@media screen and (max-width: 992px) {
/*
.groupmaincontent {
position: absolute;
top: calc(55px + env(safe-area-inset-top));
bottom: 80px;
right: 0;
left: 0;
overflow-y: auto !important;
margin-left: 0px;
margin-right: 0px;
}
*/
.groupmaincontent {
margin-left: 0px;
}
#groupsidebar {
display: none;
}
#staticcontent {
overflow-y: auto !important;
}
.dropdown-wide {
display: none;
}
.dropdown-narrow {
display: block;
}
/* fix chat */
#chat-container {
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
height: calc(100% - 35px) !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.nav-pills>li {
float: none;
}
.navbar-fixed-bottom {
margin-bottom: 0px;
}
.table-responsive {
border: 0px;
}
/* subject font size bigger than desktop*/
.subject {
font-size: 18px;
}
.scroll-top-wrapper {
right: 0px;
bottom: 72px;
}
/* fix for auto zoom in summernote */
.note-editor .note-editable {
font-size: 17px;
}
/* undo this from above because it causes horizontal scrolling */
select.form-control {
width: 100%;
}
}
a.showvisited:visited {
/* visited link */
color: #787878;
}
.navbar.center .navbar-inner {
text-align: center;
}
.navbar.center .navbar-inner .nav {
float: none;
display: inline-block;
vertical-align: middle;
}
.noborderitem:first-child {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.noborderitem:last-child {
border-bottom: 0px !important;
}
.noborderitem {
border-right-width: 0px;
border-left-width: 0px;
}
table.table-fixed {
table-layout: fixed;
width: 100%;
}
/* spacing used for buttons that may wrap to the next line */
.top5 {
margin-top: 5px;
}
.top7 {
margin-top: 7px;
}
.top10 {
margin-top: 10px;
}
.top15 {
margin-top: 15px;
}
.top17 {
margin-top: 17px;
}
.top30 {
margin-top: 30px;
}
.bottom5 {
margin-bottom: 5px;
}
.bottom7 {
margin-bottom: 7px;
}
.bottom10 {
margin-bottom: 10px;
}
.bottom15 {
margin-bottom: 15px;
}
.bottom17 {
margin-bottom: 17px;
}
.bottom30 {
margin-bottom: 30px;
}
.list-group-submenu {
margin-left: 20px;
}
.list-group-subsubmenu {
margin-left: 40px;
}
/* hashtag color definitions */
.hashtag-btn {
color: #fff;
}
.hashtag-label-white {
background-color: #fff;
border-color: #ccc;
}
.hashtag-label-green-lantern {
background-color: #61b16c;
}
.hashtag-label-cucumber {
background-color: #91d09a;
}
.hashtag-label-cerulean-blue {
background-color: #4191d6;
}
.hashtag-label-bluejean {
background-color: #8ec2ee;
}
.hashtag-label-capri-blue {
background-color: #88ddf7;
}
.hashtag-label-aquamute {
background-color: #60d2b8;
}
.hashtag-label-emerald-green {
background-color: #11adb1;
}
.hashtag-label-apricot {
background-color: #fe904b;
}
.hashtag-label-orange {
background-color: #faa849;
}
.hashtag-label-yellow {
background-color: #fecd0f;
}
.hashtag-label-cherry-blossom {
background-color: #f96ab0;
}
.hashtag-label-peony {
background-color: #fb9bc4;
}
.hashtag-label-tomato {
background-color: #f85347;
}
.hashtag-label-melon {
background-color: #fa8287;
}
.hashtag-label-orchid {
background-color: #df6cca;
}
.hashtag-label-pink {
background-color: #f39de4;
}
.hashtag-label-lilac {
background-color: #9f8cd5;
}
.hashtag-label-purple {
background-color: #837fd5;
}
.hashtag-label-dark-grey {
background-color: #4c4c4c;
}
.hashtag-label-light-grey {
background-color: #8c8c8c;
}
.hashtag-label-military {
background-color: #938953;
}
.hashtag-label-light-brown {
background-color: #c4bd97;
}
.hashtag-label-moss-green {
background-color: #93ad59;
}
.hashtag-label-grey-blue {
background-color: #83adb5;
}
.hashtag-label-green-sage {
background-color: #9fc4ac;
}
.hashtag-label-sage {
background-color: #89bfbd;
}
.hashtag-label-blush {
background-color: #ee836f;
}
.hashtag-label-mustard {
background-color: #cb9228;
}
.hashtag-label-mulbery {
background-color: #d55d75;
}
.hashtag-label-dusty-mauve {
background-color: #655251;
}
.hashtag-label-dark-orange {
background-color: #e76239;
}
.hashtag-label-burnt-yellow {
background-color: #dab71f;
}
.hashtag-label-antique-pink {
background-color: #e5b9b7;
}
.hashtag-label-lips {
background-color: #c97586;
}
.hashtag-label-terracotta {
background-color: #a7605f;
}
.hashtag-label-cloudy-blue {
background-color: #6381b4;
}
.hashtag-label-purple-grey {
background-color: #8593ab;
}
.hashtag-label-light-lilac {
background-color: #ccc1d9;
}
.hashtag-label-grape {
background-color: #5e3c58;
}
.hashtag-label-purple-blue {
background-color: #4853a1;
}
.hashtag-label-sky {
background-color: #9cc7df;
}
.hashtag-label-beige {
background-color: #dcc39c;
}
.hashtag-box-white {
background-color: #fff !important;
border-color: #ccc;
}
.hashtag-box-green-lantern {
color: #333 !important;
background-color: #61b16c !important;
}
.hashtag-box-cucumber {
color: #333 !important;
background-color: #91d09a !important;
}
.hashtag-box-cerulean-blue {
color: #333 !important;
background-color: #4191d6 !important;
}
.hashtag-box-bluejean {
color: #333 !important;
background-color: #8ec2ee !important;
}
.hashtag-box-capri-blue {
color: #333 !important;
background-color: #88ddf7 !important;
}
.hashtag-box-aquamute {
color: #333 !important;
background-color: #60d2b8 !important;
}
.hashtag-box-emerald-green {
color: #333 !important;
background-color: #11adb1 !important;
}
.hashtag-box-apricot {
color: #333 !important;
background-color: #fe904b !important;
}
.hashtag-box-orange {
color: #333 !important;
background-color: #faa849 !important;
}
.hashtag-box-yellow {
color: #333 !important;
background-color: #fecd0f !important;
}
.hashtag-box-cherry-blossom {
color: #333 !important;
background-color: #f96ab0 !important;
}
.hashtag-box-peony {
color: #333 !important;
background-color: #fb9bc4 !important;
}
.hashtag-box-tomato {
color: #333 !important;
background-color: #f85347 !important;
}
.hashtag-box-melon {
color: #333 !important;
background-color: #fa8287 !important;
}
.hashtag-box-orchid {
color: #333 !important;
background-color: #df6cca !important;
}
.hashtag-box-pink {
color: #333 !important;
background-color: #f39de4 !important;
}
.hashtag-box-lilac {
color: #333 !important;
background-color: #9f8cd5 !important;
}
.hashtag-box-purple {
color: #333 !important;
background-color: #837fd5 !important;
}
.hashtag-box-dark-grey {
color: #eee !important;
background-color: #4c4c4c !important;
}
.hashtag-box-light-grey {
color: #333 !important;
background-color: #8c8c8c !important;
}
.hashtag-box-military {
color: #333 !important;
background-color: #938953 !important;
}
.hashtag-box-light-brown {
color: #333 !important;
background-color: #c4bd97 !important;
}
.hashtag-box-moss-green {
color: #333 !important;
background-color: #93ad59 !important;
}
.hashtag-box-grey-blue {
color: #333 !important;
background-color: #83adb5 !important;
}
.hashtag-box-green-sage {
color: #333 !important;
background-color: #9fc4ac !important;
}
.hashtag-box-sage {
color: #333 !important;
background-color: #89bfbd !important;
}
.hashtag-box-blush {
color: #333 !important;
background-color: #ee836f !important;
}
.hashtag-box-mustard {
color: #333 !important;
background-color: #cb9228 !important;
}
.hashtag-box-mulbery {
color: #333 !important;
background-color: #d55d75 !important;
}
.hashtag-box-dusty-mauve {
color: #eee !important;
background-color: #655251 !important;
}
.hashtag-box-dark-orange {
color: #333 !important;
background-color: #e76239 !important;
}
.hashtag-box-burnt-yellow {
color: #333 !important;
background-color: #dab71f !important;
}
.hashtag-box-antique-pink {
color: #333 !important;
background-color: #e5b9b7 !important;
}
.hashtag-box-lips {
color: #333 !important;
background-color: #c97586 !important;
}
.hashtag-box-terracotta {
color: #eee !important;
background-color: #a7605f !important;
}
.hashtag-box-cloudy-blue {
color: #333 !important;
background-color: #6381b4 !important;
}
.hashtag-box-purple-grey {
color: #333 !important;
background-color: #8593ab !important;
}
.hashtag-box-light-lilac {
color: #333 !important;
background-color: #ccc1d9 !important;
}
.hashtag-box-grape {
color: #eee !important;
background-color: #5e3c58 !important;
}
.hashtag-box-purple-blue {
color: #eee !important;
background-color: #4853a1 !important;
}
.hashtag-box-sky {
color: #333 !important;
background-color: #9cc7df !important;
}
.hashtag-box-beige {
color: #333 !important;
background-color: #dcc39c !important;
}
.fa-6x {
font-size: 6em;
}
.template {
display: none;
}
.alert-gray {
background-color: #e6e6e6;
color: #333;
}
.Xmce-ico.Xmce-i-fa {
display: inline-block;
font: normal normal normal 14px/1;
font-family: 'Font Awesome\ 5 Pro';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mobilebadge {
position: absolute;
top: -5px;
right: -10px;
color: white;
background-color: #d43f3a;
border: 2px solid white;
}
.groupsbadge {
background-color: #d43f3a;
position: absolute;
top: 0px;
}
@media screen and (max-width: 515px) {
.Xmce-window {
max-width: 320px !important;
left: calc(50% - 160px) !important;
}
.Xmce-window-body {
max-width: 100% !important;
min-height: 230px !important;
}
.Xmce-container.Xmce-panel.Xmce-abs-layout-item,
.Xmce-container.Xmce-panel.Xmce-abs-layout-item .Xmce-container-body.Xmce-abs-layout {
max-width: 100% !important;
min-height: 190px !important;
}
.Xmce-flow-layout {
text-align: center !important;
}
.Xmce-flow-layout-item.Xmce-btn-group {
border-left: none !important;
}
.Xmce-floatpanel,
.Xmce-floatpanel>.Xmce-container-body,
.Xmce-foot,
.Xmce-foot>.Xmce-abs-layout {
max-width: 320px !important;
text-align: center;
}
.Xmce-formitem {
width: 300px !important;
left: 10px !important;
display: block !important;
}
.Xmce-formitem:nth-child(2) {
top: 10px !important;
}
.Xmce-formitem:nth-child(3) {
top: 50px !important;
}
.Xmce-formitem:nth-child(4) {
top: 90px !important;
}
.Xmce-formitem:nth-child(5) {
top: 130px !important;
}
.Xmce-formitem:nth-child(6) {
top: 170px !important;
}
.Xmce-container.Xmce-form.Xmce-abs-layout-item .Xmce-container-body.Xmce-abs-layout .Xmce-container.Xmce-form.Xmce-abs-layout-item {
top: 40px !important;
left: 0 !important;
height: 160px !important;
}
.Xmce-formitem label {
width: 106px !important;
font-size: 14px !important;
left: 0px !important;
}
.Xmce-multiline {
max-width: 290px !important;
}
.Xmce-checkbox {
top: 40px !important;
left: 0 !important;
}
.Xmce-label {
font-size: 14px !important;
}
.Xmce-foot .Xmce-btn-has-text {
position: relative !important;
top: 0 !important;
left: 0 !important;
display: inline-block !important;
margin: 10px 5px !important;
}
.Xmce-abs-layout-item input {
max-width: 150px !important;
}
.Xmce-abs-layout-item.Xmce-has-open input {
max-width: 118px !important;
}
}
.toc ol {
counter-reset: item
}
.toc li {
display: block;
color: #aaa;
}
.toc li:before {
content: counters(item, ".") " ";
counter-increment: item;
color: #000;
}
.wikidisplay a {
text-decoration: underline;
}
.wikidisplay a:visited {
color: #787878;
}
.StripeElement--focus.StripeElement--invalid {
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px;
border-color: rgb(132, 53, 52);
}
.StripeElement--focus {
border-color: #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.strike {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
}
.strike>span {
position: relative;
display: inline-block;
}
.strike>span:before,
.strike>span:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
height: 1px;
background: #d3d3d3;
}
.strike>span:before {
right: 100%;
margin-right: 15px;
}
.strike>span:after {
left: 100%;
margin-left: 15px;
}
.scrollable-menu {
height: auto;
max-height: 200px;
overflow-x: hidden;
}
.nomargin {
margin-bottom: 0px;
}
.help-block {
[automated] update groups.io wiki
2024-05-15 00:28:33 +00:00
margin-top: 0px;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
margin-bottom: 0px;
}
[automated] update groups.io wiki
2024-05-15 00:28:33 +00:00
.radio .help-block {
padding-left: 20px;
}
.checkbox .help-block {
padding-left: 20px;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.filetype-text {
font-size: .7em;
font-weight: 700;
font-family: 'Oswald';
}
/* remove extra file upload icon, make placeholder text smaller, for file upload widget */
.kv-file-upload {
display: none
}
.file-drop-zone-title {
font-size: 30px;
}
.btn-file {
position: relative;
overflow: hidden;
font-size: 14px !important;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
font-size: 14px;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.options {
margin-bottom: 8px;
}
.wrapper {
max-width: 140px;
max-height: 140px;
}
.imgthumb {
max-width: 100%;
max-height: 100%;
width: auto;
}
.btn-colorselector {
border-style: solid;
border-color: black;
}
.popover {
max-width: 100%;
width: 500px;
}
.hideme {
display: none;
}
.fc-list-table {
word-break: break-word;
}
.fc-h-event .fc-event-time {
overflow: visible;
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
.fc-h-event {
cursor: pointer;
}
.fc .fc-popover {
z-index: 1049;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.F {
table-layout: fixed;
width: 100%;
}
.panel-collapsable a:after {
font-family: 'Glyphicons Halflings';
content: "\e114";
float: right;
color: grey;
}
.panel-collapsable a.collapsed:after {
content: "\e080";
}
/* feed page */
.feed-square {
position: relative;
width: 100px;
height: 100px;
margin: 0.50%;
overflow: hidden;
}
.feed-mycontent {
position: absolute;
height: 100%;
/* = 100% - 2*5% padding */
width: 100%;
/* = 100% - 2*5% padding */
padding-left: 2%;
}
.feed-mytable {
display: table;
width: 100%;
height: 100%;
}
.feed-table-cell {
display: table-cell;
vertical-align: bottom;
}
/* For responsive images */
.feed-mycontent .rs {
width: auto;
height: auto;
max-height: 90%;
max-width: 100%;
}
/* For responsive images as background */
.feed-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* you change this to "contain" if you don't want the images to be cropped */
}
.feed-mylink {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
/* album page */
.album-header {
float: left;
position: relative;
width: 100%;
min-height: 250px;
margin-bottom: 10px;
overflow: hidden;
}
.photos-square {
float: left;
position: relative;
width: 24%;
padding-bottom: 24%;
/* = width for a 1:1 aspect ratio */
margin: 0.50%;
overflow: hidden;
border-radius:4px;
}
.photos-mycontent {
position: absolute;
height: 100%;
/* = 100% - 2*5% padding */
width: 100%;
/* = 100% - 2*5% padding */
padding: 5%;
}
.photos-mytable {
display: table;
width: 100%;
height: 100%;
}
.photos-table-cell {
display: table-cell;
vertical-align: bottom;
}
/* For responsive images */
.photos-mycontent .rs {
width: auto;
height: auto;
max-height: 90%;
max-width: 100%;
}
/* For responsive images as background */
.photos-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* you change this to "contain" if you don't want the images to be cropped */
}
.photos-mylink {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
/* single photo */
.singlephoto-square {
float: left;
position: relative;
width: 100%;
padding-bottom: 70%;
/* = width for a 1:1 aspect ratio */
min-height: 200px;
margin: 0.50%;
}
.singlephoto-mycontent {
position: absolute;
height: 100%;
/* = 100% - 2*5% padding */
width: 100%;
/* = 100% - 2*5% padding */
}
.singlephoto-mytable {
display: table;
width: 100%;
height: 100%;
}
.singlephoto-table-cell {
display: table-cell;
vertical-align: middle;
}
.singlephoto-table-cell a {
color: white;
display: block;
min-height: 100%;
width: 100%;
}
/* For responsive images */
.singlephoto-mycontent .rs {
width: auto;
height: auto;
max-height: 90%;
max-width: 100%;
}
/* For responsive images as background */
.singlephoto-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
/* you change this to "contain" if you don't want the images to be cropped */
}
/* edit wiki page */
.wikiphoto-modal-body {
max-height: calc(100vh - 212px);
overflow-y: auto;
}
.wikiphoto-square {
float: left;
position: relative;
width: 30%;
padding-bottom: 30%;
/* = width for a 1:1 aspect ratio */
margin: 1.66%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* you change this to "contain" if you don't want the images to be cropped */
border: 4px solid #ffffff;
}
.wikiphoto-selected {
border: 4px solid #668eaa;
}
/* group home */
.grouphome-fit {
max-width: 100%;
max-height: 100%;
}
.grouphome-center {
display: block;
margin: auto;
}
/* database table */
.dbtable {
border-top: none;
border-bottom: none;
background-color: #FFF;
}
/* chat page autocomplete */
.ui-autocomplete {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
max-height: 400px;
overflow-y: scroll;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.ui-autocomplete>li>div {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.ui-state-hover,
.ui-state-active,
.ui-state-focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
cursor: pointer;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.event-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
}
.album-owner a {
color: white;
}
/* mobile hamburger drawer */
.drawer {
display: none;
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer-header {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
padding: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ddd;
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer-close {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
margin: 0;
padding: 0;
border: none;
background-color: transparent;
cursor: pointer;
background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='16px' viewBox='0 0 15 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.-Menu' transform='translate(-15.000000, -13.000000)' stroke='%23000000'%3E%3Cg id='Group' transform='translate(15.000000, 13.521000)'%3E%3Cpath d='M0,0.479000129 L15,14.2971819' id='Path-3'%3E%3C/path%3E%3Cpath d='M0,14.7761821 L15,-1.24344979e-14' id='Path-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
width: 15px;
height: 15px;
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer-wrapper {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
position: fixed;
top: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
max-width: 500px;
z-index: 9999;
overflow: auto;
transition: transform 0.3s;
will-change: transform;
background-color: #fff;
display: flex;
flex-direction: column;
-webkit-transform: translateX(103%);
transform: translateX(103%);
/* extra 3% because of box-shadow */
-webkit-overflow-scrolling: touch;
/* enables momentum scrolling in iOS overflow elements */
box-shadow: 0 2px 6px #707070;
padding-top: max(0px, env(safe-area-inset-top));
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer-content {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
position: relative;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
flex-grow: 1;
padding: 1.5rem;
}
.drawer.is-active {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
display: inline;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer.is-visible .drawer-wrapper {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
-webkit-transform: translateX(0);
transform: translateX(0);
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer.is-visible .drawer-overlay {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
opacity: 0.5;
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer-overlay {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 200;
opacity: 0;
transition: opacity 0.3s;
will-change: opacity;
background-color: #000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer-left .drawer-wrapper {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
left: 0;
right: auto;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
.drawer-bottom .drawer-wrapper {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
top: auto;
right: 0;
bottom: 0;
left: 0;
height: auto;
width: 100%;
max-height: 500px;
max-width: none;
-webkit-transform: translateY(103%);
transform: translateY(103%);
/* extra 3% because of box-shadow */
}
body.app .navbar-fixed-top {
padding-top: max(0px, env(safe-area-inset-top));
/*padding-bottom: max(20px, env(safe-area-inset-bottom));*/
}
/* attachment display */
.attachment-box {
border: 1px solid #f5f5f5;
margin: 10px;
text-align: center;
height: 100px;
width: 150px;
position: relative;
transition: background-color 0.3s ease;
}
.attachment-box:hover {
background-color: #f5f5f5;
}
.attachment-icon,
.attachment-image {
transition: opacity 0.3s ease;
}
.attachment-icon {
font-size: 40px;
margin-top: 15px;
}
.attachment-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.attachment-box:hover .attachment-icon,
.attachment-box:hover .attachment-image {
opacity: 0;
}
.attachment-name,
.attachment-name-hover {
background-color: #f5f5f5;
padding: 5px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 12px;
transition: opacity 0.3s ease;
}
.attachment-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.attachment-name-hover {
opacity: 0;
}
.attachment-box:hover .attachment-name {
opacity: 0;
}
.attachment-box:hover .attachment-name-hover {
opacity: 1;
}
.delete-checkbox {
position: absolute;
top: 5px;
right: 5px;
}
/* files move tree */
.tree,
.tree ul {
margin: 0;
padding: 0;
list-style: none
}
.tree ul {
margin-left: 1em;
position: relative
}
.tree ul ul {
margin-left: .5em
}
.tree ul:before {
content: "";
display: block;
width: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-left: 1px solid
}
.tree li {
margin: 0;
padding: 0 1em;
line-height: 2em;
font-weight: 700;
position: relative
}
.tree ul li:before {
content: "";
display: block;
width: 10px;
height: 0;
border-top: 1px solid;
margin-top: -1px;
position: absolute;
top: 1em;
left: 0
}
.tree ul li:last-child:before {
background: #fff;
height: auto;
top: 1em;
bottom: 0
}
.treeindicator {
margin-right: 5px;
}
.tree li a {
text-decoration: none;
}
.tree li button,
.tree li button:active,
.tree li button:focus {
text-decoration: none;
border: none;
background: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
outline: 0;
}
.maincontent-column {
height:100%;
}
.maincontent-chat-column {
position: absolute;
top: calc(55px + env(safe-area-inset-top));
bottom: 10px;
right: 0;
left: 225px;
width: calc(100vw - 225px);
padding-right:0px;
[automated] update groups.io wiki
2024-05-15 00:28:33 +00:00
margin-bottom: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
/* chat */
#chat-container {
display: flex;
flex-direction: column;
width: 100%;
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
height: calc(100% - 0px);
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
margin: 0 auto;
box-sizing: border-box;
font-size: 17px;
}
#chat-messages {
flex: 1;
overflow-y: auto;
padding: 10px;
display: flex;
flex-direction: column;
}
#chat-messages-wrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
}
#chat-preview {
padding: 10px;
align-items: center;
}
.chat-form {
display: flex;
padding: 10px;
align-items: center;
background-color: #f8f8f8;
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
.chat-button-color {
background-color: #f8f8f8
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.chat-message-content-wrapper {
display: flex;
flex-direction: row;
}
.chat-message {
position: relative;
margin-bottom: 10px;
display: flex;
flex-direction: row;
max-width: 80%;
}
.chat-message-content {
display: flex;
flex-direction: column;
padding: 5px;
border-radius: 10px;
word-break: break-word;
}
.chat-message.received .chat-message-content {
background-color: rgb(233, 233, 233);
}
.chat-message.received .chat-message-content a {
text-decoration: underline;
}
.chat-message.sent .chat-message-content {
background-color: rgb(5, 133, 148);
color: rgb(224, 231, 243);
}
.chat-message.sent .chat-message-content a {
color: rgb(224, 231, 243);
text-decoration: underline;
}
.chat-message.received {
align-self: flex-start;
}
.chat-message.date .chat-message-content {
background-color: rgb(233, 233, 233);
}
.chat-message.date {
align-self: center;
}
.chat-message.sent {
align-self: flex-end;
}
.chat-message.emojimargin {
margin-bottom: 30px;
}
.chat-profile-picture {
border-radius: 6px;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
margin-right: 10px;
align-self: flex-end;
object-fit: cover;
}
.chat-message.show-picture .chat-profile-picture {
display: block;
}
.chat-profile-picture-wrapper {
display: flex;
width: 50px;
min-width: 50px;
align-self: flex-end;
}
.chat-timestamp-sent {
font-size: 12px;
margin-top: 3px;
align-self: flex-end;
}
.chat-timestamp-received {
font-size: 12px;
margin-top: 3px;
align-self: flex-end;
color: rgb(152, 150, 150);
}
.chat-emoji-box {
position: absolute;
display: flex;
background-color: #ececec;
border-radius: 10px;
padding: 3px 7px;
bottom: -20px;
right: 0;
z-index: 10;
}
.chat-emoji-box a {
text-decoration: none !important;
}
.chat-emoji {
font-size: 1.4rem;
margin-right: 5px;
}
#chat-unread-counter {
position: absolute;
bottom: 70px;
right: 20px;
display: none;
justify-content: center;
align-items: flex-start;
z-index: 1000;
}
#chat-unread-badge {
position: absolute;
background-color: #337ab7;
top: -13px;
/* Adjust the position of the badge */
left: 50%;
/* Center the badge horizontally */
transform: translateX(-50%);
/* Adjust the position to account for the badge's width */
z-index: 10;
/* Make sure the badge appears above the icon */
}
.upper-wrapper {
/* New class */
display: block;
width: 100%;
}
#chat-message-input {
flex: 1;
padding: 5px;
border-radius: 10px;
border: 1px solid #ccc;
overflow: hidden;
min-height: 34px;
outline: none;
}
#chat-username-popup {
position: absolute;
max-height: 200px;
overflow-y: auto;
bottom: 50px;
left: 80px;
z-index: 1000;
}
.chat-reply-bubble-them {
padding: 0px 10px 0px 10px;
background-color: rgb(245, 245, 245);
width: 100%
}
.chat-reply-bubble-us {
padding: 0px 10px 0px 10px;
color: rgb(51, 51, 51);
background-color: rgb(245, 245, 245);
width: 100%
}
#chat-reply-preview {
display: none;
padding: 10px 10px 0px 10px;
margin-bottom: 0px;
background-color: #f8f8f8;
}
#chat-reply-preview .chat-message-content-wrapper {
width: 100%;
}
#chat-reply-preview .cancel-reply {
position: absolute;
right: 20px;
top: 15px;
cursor: pointer;
}
/*
.chat-html {
height: 100%;
}
.chat-body {
overflow: hidden;
height: 100%;
}
.chat-mainrow {
height: 100%;
}
.chat-content {
flex-grow: 1;
margin: 0;
height: 100%;
}
.chat-maincontent {
height: 100vh;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
*/
.expanded-message {
border-radius:4px;
padding:10px;
border-width:1px;
border-style:solid;
border-color:#f8f8f8;
}
/* htmx */
.load-indicator {
display: none;
}
.htmx-request .load-indicator {
display: inline;
}
.htmx-request.load-indicator {
display: inline;
}
.stepwizard-step p {
margin-top: 0px;
color: #666;
}
.stepwizard-row {
display: table-row;
}
.stepwizard {
display: table;
width: 100%;
position: relative;
}
.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
opacity: 1 !important;
color: #bbb;
}
.stepwizard-row:before {
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
z-index: 0;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
/* Custom styling for OpenGraph Card */
.og-card {
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
max-width: 400px;
}
.og-card-header {
width: 100%;
}
.og-image {
width: 100%;
height: auto;
}
.og-card-body {
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.og-title {
font-size: 18px;
margin-bottom: 10px;
}
.og-description {
font-size: 14px;
margin-bottom: 10px;
}
.og-url {
font-size: 14px;
text-decoration: none;
}
/* image viewer */
.viewer-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 9999;
}
.viewer-overlay.visible {
display: flex;
justify-content: center;
align-items: center;
}
.viewer-overlay-controls {
position: absolute;
top: 25px;
right: 25px;
padding-top: env(safe-area-inset-top);
z-index: 1000;
}
.viewer-image-container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 80vh;
width: 80vw;
/* Reduced width */
padding: 0 40px;
/* Padding added */
padding-top: env(safe-area-inset-top);
}
.viewer-arrow {
color: #FFF;
position: absolute;
top: 50%;
z-index: 1001;
/* Increased z-index */
transform: translateY(-50%);
cursor: pointer;
}
.viewer-overlay img {
max-height: 100%;
max-width: 100%;
margin: auto;
}
.viewer-image-info {
position: absolute;
top: 10px;
left: 10px;
padding-top: env(safe-area-inset-top);
color: #FFF;
z-index: 1000;
}
.viewer-image-info b {
font-size: 18px;
}
.viewer-thumbnail-outer-container {
position: absolute;
bottom: 0;
width: 100%;
height: 100px;
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
/* Prevent line breaks */
}
.viewer-thumbnail-container {
display: inline-flex;
position: relative;
}
.viewer-thumbnail {
width: 80px;
height: 80px;
display: inline-block;
/* Display thumbnails inline */
margin: 10px;
cursor: pointer;
vertical-align: top;
/* Align tops of thumbnails */
background-color: rgb(0, 0, 0);
border: 0;
}
.viewer-thumbnail.selected {
border: 2px solid #FFF;
}
/* chat image grid */
.image-grid {
width: 280px;
height: 280px;
position: relative;
}
.image-grid-cell {
position: absolute;
overflow: hidden;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease;
}
.image-grid-cell img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.image-grid-dark-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.image-grid-more-number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 32px;
color: white;
}
.truncate-one-line {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.truncate-two-lines {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.truncate-three-lines {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.truncate-four-lines {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
[automated] update groups.io wiki
2024-05-15 00:28:33 +00:00
.stickywiki {
max-height: 100px;
overflow: hidden;
line-height: 20px;
word-wrap: break-word;
}
.stickywiki>p {
margin-bottom: 20px;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.database-truncate-cell {
position: relative;
line-height: 1.2em;
/* Example line height */
max-height: 2.4em;
/* Adjust this to be twice the line height for exactly two lines */
overflow: hidden;
padding-bottom: 1.2em;
/* Equal to line height to make space for 'Show More' link */
}
.database-text-container {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.database-show-more {
display: none;
}
.list-group-item.sidebar-item {
border: none !important;
padding-top: 8px;
padding-bottom: 8px;
}
.list-group-item.sidebar-section {
border: none !important;
padding-top: 8px;
padding-bottom: 8px;
}
.list-group-item.sidebar-section:hover {
background-color: transparent;
}
.list-group-item>.badge {
float: none;
}
.sidebar-divider-padding {
padding-top:8px;
padding-bottom:8px;
}
.sidebar-item-divider {
border: none;
height: 1px;
background-color: #ccc;
padding-top: 1px;
padding-bottom: 1px;
}
.sidebar-item-divider-label {
font-size:12px;
margin-left:20px;
margin-right:0px;
color: #707070;
}
.sidebar-item-divider-hr {
margin-top: 10px;
margin-bottom: 0px;
border-top-color: #ccc;
}
.sidebar-item-smalldivider {
border: none;
height: 1px;
background-color: #ccc;
padding-top: 1px;
padding-bottom: 1px;
width: 90%;
margin: auto;
}
.autocomplete-highlight {
font-weight: bold;
}
.autocomplete-list-item {
padding: 5px;
cursor: pointer;
font-size: 16px;
border: 0px;
}
.autocomplete-list-item:not(.no-hover):hover {
background-color: #337ab7;
color: #fff;
}
.tooltip-inner {
text-align: left;
background-color: rgb(36,37,38);
}
.tooltip-arrow {
border-top-color: rgb(36,37,38) !important;
}
.large-tooltip + .tooltip .tooltip-inner {
min-width: 400px !important;
}
.hashtag-position {
position: relative;
top: -2px;
}
.list-group-item-nohover:hover {
background-color: transparent !important;
}
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
@media (min-width: 1280px) {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
float: left;
}
.col-xl-12 {
width: 100%;
}
.col-xl-11 {
width: 91.66666667%;
}
.col-xl-10 {
width: 83.33333333%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-8 {
width: 66.66666667%;
}
.col-xl-7 {
width: 58.33333333%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-5 {
width: 41.66666667%;
}
.col-xl-4 {
width: 33.33333333%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 16.66666667%;
}
.col-xl-1 {
width: 8.33333333%;
}
}
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
.justify-buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.justify-buttons .btn {
flex: 1;
margin-right: 5px;
margin-left: 5px;
}
.justify-buttons .btn:first-child {
margin-left: 0;
}
.justify-buttons .btn:last-child {
margin-right: 0;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.calendar-date {
width: 65px;
text-align: center;
border-radius: 4px;
display:inline-block;
vertical-align:top;
}
.calendar-date .calendar-month {
background-color: rgb(230, 55, 87);
border-radius: 4px 4px 0 0;
padding: 2px;
font-weight: 600;
}
.calendar-date .calendar-day {
border: 2px solid rgba(230, 55, 87, 0.3);
border-top: 0;
border-radius: 0 0 4px 4px;
font-weight: 700;
}
.sticky-sidebar {
position: -webkit-sticky;
position: sticky;
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
top: calc(60px + env(safe-area-inset-top));
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
/* pulled in from Bootstrap 5 */
.fs-1 {
font-size: 40px;
}
.fs-2 {
font-size: 32px;
}
.fs-3 {
font-size: 28px;
}
.fs-4 {
font-size: 24px;
}
.fs-5 {
font-size: 20px;
}
.fs-6 {
font-size: 16px;
}
.fs-7 {
font-size: 14px;
}
.mt-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
margin-top: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.mb-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
margin-bottom: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.my-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
margin-top: 0px !important;
margin-bottom: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.ms-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
margin-left: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.me-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
margin-right: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.mx-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
margin-left: 0px !important;
margin-right: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.pt-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
padding-top: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.pb-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
padding-bottom: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.py-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
padding-top: 0px !important;
padding-bottom: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.ps-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
padding-left: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.pe-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
padding-right: 0px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.px-0 {
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
padding-left: 0px !important;
padding-right: 0px !important;
}
.pt-1 {
padding-top: 15px !important;
}
.pb-1 {
padding-bottom: 15px !important;
}
.py-1 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.ps-1 {
padding-left: 15px !important;
}
.pe-1 {
padding-right: 15px !important;
}
.px-1 {
padding-left: 15px !important;
padding-right: 15px !important;
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
}
.Xmce-statusbar {
border:0 !important;
}
.Xmce-panel {
border-color: rgb(204,204,204);
}
.select2-selection,
.select2-selection__arrow {
height: 33px !important;
}
.select2-selection__rendered {
line-height: 31px !important
}
.background-color {
background-color: var(--light-mode-body-color) !important;
}
.primary-background-color {
background-color: var(--light-mode-primary-color);
}
.highlight-background-color {
background-color: var(--light-mode-highlight-color);
}
.table-background-color {
background-color: var(--light-mode-primary-color);
}
.table-highlight-background-color {
background-color: var(--light-mode-highlight-color);
}
.panel {
background-color: var(--light-mode-primary-color);
}
.panel-default {
background-color: var(--light-mode-primary-color);
border-color: var(--light-mode-primary-color);
}
.panel-interior {
background-color: var(--light-mode-body-color) !important;
}
.panel-default .panel-heading {
background-color: var(--light-mode-highlight-color);
border-color: var(--light-mode-divider);
border-bottom-width:0px;
}
.panel-default .panel-footer {
background-color: var(--light-mode-highlight-color);
border-color: var(--light-mode-divider);
}
.table {
background-color: var(--light-mode-primary-color);
border-color: var(--light-mode-divider);
}
thead {
background-color: var(--light-mode-highlight-color);
}
/* Striped Table Rows */
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: var(--light-mode-primary-color);
/* Darker stripe for odd rows */
}
.table-striped>tbody>tr:nth-of-type(even) {
background-color: var(--light-mode-highlight-color);
/* Lighter stripe for even rows */
}
.table th,
.table td {
border-color: var(--light-mode-divider);
}
/* Target the first th of thead for top-left corner */
.table thead th:first-child {
border-top-left-radius: 4px;
/* Adjust this value as needed */
}
/* Target the last th of thead for top-right corner */
.table thead th:last-child {
border-top-right-radius: 4px;
/* Adjust this value as needed */
}
/* Step 1: Style the <td> elements of the first row of every table */
.table>tbody>tr:first-child>td {
border-radius: 4px;
border-top-width: 0px;
}
.table>thead>tr>th,
.table>thead>tr>td {
border-bottom-width: 0px;
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
.table-borderless>tbody>tr>td,
.table-borderless>tbody>tr>th,
.table-borderless>tfoot>tr>td,
.table-borderless>tfoot>tr>th,
.table-borderless>thead>tr>td,
.table-borderless>thead>tr>th {
border: none;
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
.transparent-editor {
opacity: 0.4;
}
.tox-textfield,
.tox-toolbar-textfield {
background-color: rgb(255,255,255) !important;
}
.feed-border {
border-bottom: 1px solid #eee;
}
.navbar-vertical .dropdown-indicator {
padding-right: 1rem !important;
}
.dropdown-indicator {
position: relative;
}
.dropdown-indicator[aria-expanded=true]:after {
-webkit-transform: translateY(-50%) rotate(225deg);
-ms-transform: translateY(-50%) rotate(225deg);
transform: translateY(-50%) rotate(225deg);
}
.dropdown-indicator:after {
content: "";
display: block;
position: absolute;
left: 190px;
height: .8rem;
width: .8rem;
border-right: 2px solid var(--light-mode-text-color);
border-bottom: 2px solid var(--light-mode-text-color);
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: border-color, -webkit-transform;
transition-property: border-color, -webkit-transform;
-o-transition-property: transform, border-color;
transition-property: transform, border-color;
transition-property: transform, border-color, -webkit-transform;
}
body.dark-mode .dropdown-indicator:after {
border-right-color: var(--dark-mode-text-color);
border-bottom-color: var(--dark-mode-text-color);
}
body.dark-mode .feed-border {
border-bottom: 1px solid var(--dark-mode-divider);
}
body.dark-mode .label-primary {
color: rgb(255,255,255) !important;
}
body.dark-mode .label-info {
background-color: #3da8c0;
border-color: #3da8c0;
}
body.dark-mode {
background-color: var(--dark-mode-body-color);
color: var(--dark-mode-text-color);
}
body.dark-mode .background-color {
background-color: var(--dark-mode-body-color) !important;
}
body.dark-mode .primary-background-color {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .highlight-background-color {
background-color: var(--dark-mode-highlight-color);
}
body.dark-mode .table-background-color {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .table-highlight-background-color {
background-color: var(--dark-mode-highlight-color);
}
body.dark-mode a {
color: #7da8d4;
}
body.dark-mode a:hover,
body.dark-mode a:focus {
color: #4a7ca3;
}
body.dark-mode a.showvisited:visited,
body.dark-mode .wikidisplay a:visited,
body.dark-mode .thread-attribution,
body.dark-mode .truncate-two-lines+div,
body.dark-mode .text-muted,
body.dark-mode .breadcrumb>.active,
body.dark-mode .help-block {
color: #999999 !important;
}
body.dark-mode pre {
color: var(--dark-mode-text-color);
background-color: var(--dark-mode-primary-color);
}
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
color: var(--dark-mode-text-color);
}
body.dark-mode .text-muted,
body.dark-mode .breadcrumb>.active,
body.dark-mode .help-block,
body.dark-mode .dropdown-header {
color: #999;
}
body.dark-mode .jumbotron {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .form-control {
background-color: var(--dark-mode-input-color);
color: var(--dark-mode-text-color);
border-color: var(--dark-mode-divider);
}
body.dark-mode .form-control:focus {
border-color: #337ab7;
box-shadow: 0 0 5px rgba(98, 0, 238, 0.5);
}
body.dark-mode .form-control:focus {
border-color: #337ab7;
box-shadow: 0 0 5px rgba(98, 0, 238, 0.5);
}
body.dark-mode .input-group-addon {
background-color: #444;
border-color: #444;
color: var(--dark-mode-text-color);
}
body.dark-mode input[type="text"],
body.dark-mode input[type="file"],
body.dark-mode textarea,
body.dark-mode input[type="password"] {
background-color: var(--dark-mode-input-color);
}
body.dark-mode .Xmce-widget,
body.dark-mode .Xmce-txt,
body.dark-mode .Xmce-ico {
color: var(--dark-mode-text-color) !important;
background-color: var(--dark-mode-primary-color) !important;
border-color: rgba(0,0,0,0) !important;
}
body.dark-mode .Xmce-panel {
color: var(--dark-mode-text-color) !important;
background-color: var(--dark-mode-primary-color) !important;
border-color: #555 !important;
}
body.dark-mode.Xmce-content-body {
background-color: var(--dark-mode-input-color) !important;
border-color: #555;
}
/* Checkboxes */
body.dark-mode input[type="checkbox"] {
color: var(--dark-mode-input-color);
background-color: var(--dark-mode-input-color);
border-color: #555;
}
/* If you're using labels alongside checkboxes */
body.dark-mode label {
color: var(--dark-mode-text-color);
}
/* Hover State */
body.dark-mode input[type="checkbox"]:hover,
body.dark-mode input[type="checkbox"]:focus {
border-color: #bb86fc;
outline: none;
/* Remove the default browser outline */
}
/* Checked State */
body.dark-mode input[type="checkbox"]:checked {
background-color: #555;
border-color: #bb86fc;
/* A brighter border color for checked state */
}
body.dark-mode .panel {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .panel-default {
background-color: var(--dark-mode-primary-color);
border-color: var(--dark-mode-primary-color);
}
body.dark-mode .panel-interior {
background-color: var(--dark-mode-body-color) !important;
}
body.dark-mode .panel-default .panel-heading {
background-color: var(--dark-mode-highlight-color);
color: var(--dark-mode-text-color);
border-color: var(--dark-mode-divider);
}
body.dark-mode .panel-default .panel-footer {
background-color: var(--dark-mode-highlight-color);
color: var(--dark-mode-text-color);
border-color: var(--dark-mode-divider);
}
body.dark-mode .note-toolbar {
background-color: var(--dark-mode-primary-color) !important;
color: var(--dark-mode-text-color) !important;
border-color: var(--dark-mode-primary-color) !important;
}
body.dark-mode .hashtag-btn {
color: var(--dark-mode-text-color);
}
body.dark-mode .label {
color: var(--dark-mode-reverse-text-color);
}
body.dark-mode .well {
background-color: #333;
border-color: #444;
color: var(--dark-mode-text-color);
}
body.dark-mode .close {
color: var(--dark-mode-text-color);
}
body.dark-mode .likestats {
color: var(--dark-mode-light-text-color);
}
body.dark-mode .alert-success {
color: #d3e9d4;
background-color: #254119;
border-color: #254119;
}
body.dark-mode .alert-info {
color: #c0e1f1;
background-color: #1b6082;
border-color: #1b6082;
}
body.dark-mode .alert-warning {
background-color: rgb(51, 39, 1);
border-color: rgb(51, 39, 1);
color: rgb(255, 218, 106);
}
body.dark-mode .alert-danger {
background-color: rgb(44, 11, 14);
border-color: rgb(44, 11, 14);
color: rgb(234, 134, 143);
}
/* Badge */
body.dark-mode .badge {
background-color: #a5a5a5;
color: var(--dark-mode-primary-color);
}
body.dark-mode .navbar .badge {
background-color: #a5a5a5;
color: var(--dark-mode-primary-color);
}
body.dark-mode .navbar-default {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .navbar-default {
border-color: #000;
}
body.dark-mode .navbar-default .navbar-nav>li>a {
color: var(--dark-mode-text-color);
}
body.dark-mode .navbar-default .navbar-nav>li>a:hover,
body.dark-mode .navbar-default .navbar-nav>li>a:focus {
color: var(--dark-mode-text-color);
background-color: #555;
}
body.dark-mode ul,
body.dark-mode ol {
color: var(--dark-mode-text-color);
}
body.dark-mode li {
border-color: var(--dark-mode-divider);
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
body.dark-mode .icon-background {
color: var(--dark-mode-highlight-color);
}
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
/* List Groups */
body.dark-mode .list-group-item {
color: var(--dark-mode-text-color);
background-color: var(--dark-mode-body-color);
border: 1px solid var(--dark-mode-highlight-color);
}
body.dark-mode .list-group-item.active,
body.dark-mode .list-group-item.active:hover,
body.dark-mode .list-group-item.active:focus {
/*color: var(--dark-mode-text-color);*/
color: #ffffff;
background-color: #337ab7;
border-color: #5393d1;
}
body.dark-mode .list-group-item.sidebar-section:hover {
background-color: var(--dark-mode-primary-color) !important;
}
body.dark-mode .sidebar-divider-padding {
background-color: var(--dark-mode-body-color);
}
body.dark-mode .sidebar-item-divider {
background-color: var(--dark-mode-highlight-color);
}
body.dark-mode .sidebar-item-smalldivider {
background-color: var(--dark-mode-highlight-color);
}
/* If using list group with links */
body.dark-mode .list-group-item:hover {
background-color: var(--dark-mode-highlight-color);
}
body.dark-mode .list-group-item-heading {
color: var(--dark-mode-text-color);
/* Making headings more prominent */
}
body.dark-mode .list-group-item-text {
color: #b0b0b0;
/* Slightly muted text */
}
body.dark-mode a.list-group-item {
color: rgb(224, 224, 224);
}
body.dark-mode th {
font-weight: 300;
}
/*
a.list-group-item:hover,
a.list-group-item:focus {
color: rgb(85, 85, 85);
}
*/
body.dark-mode .scrollbar::-webkit-scrollbar-thumb {
background-color: var(--dark-mode-divider)
}
/* Pagination */
body.dark-mode .pagination>li>a,
body.dark-mode .pagination>li>span {
color: var(--dark-mode-text-color);
background-color: var(--dark-mode-primary-color);
border: 1px solid var(--dark-mode-highlight-color);
}
body.dark-mode .pagination>li>a:hover,
body.dark-mode .pagination>li>span:hover {
color: var(--dark-mode-text-color);
background-color: var(--dark-mode-highlight-color);
border-color: #444;
}
body.dark-mode .pagination>.active>a,
body.dark-mode .pagination>.active>span,
body.dark-mode .pagination>.active>a:hover,
body.dark-mode .pagination>.active>span:hover,
body.dark-mode .pagination>.active>a:focus,
body.dark-mode .pagination>.active>span:focus {
color: var(--dark-mode-text-color);
background-color: #337ab7;
border-color: #5393d1;
}
body.dark-mode .pagination>.disabled>span,
body.dark-mode .pagination>.disabled>span:hover,
body.dark-mode .pagination>.disabled>a,
body.dark-mode .pagination>.disabled>a:hover,
body.dark-mode .pagination>.disabled>a:focus {
color: #999999;
background-color: var(--dark-mode-primary-color);
border-color: var(--dark-mode-divider);
cursor: not-allowed;
}
body.dark-mode .label>a,
body.dark-mode .label>a:hover {
color: var(--dark-mode-text-color);
}
/* Breadcrumbs */
[automated] update groups.io wiki
2024-06-05 00:29:15 +00:00
body.dark-mode .breadcrumb,
body.dark-mode .breadcrumb-row,
body.dark-mode .breadcrumb-container {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
background-color: var(--dark-mode-primary-color);
color: var(--dark-mode-text-color);
}
body.dark-mode .breadcrumb>li+li:before {
color: #999999;
}
body.dark-mode .table {
background-color: var(--dark-mode-primary-color);
border-color: var(--dark-mode-divider);
}
body.dark-mode thead {
background-color: var(--dark-mode-highlight-color);
}
/*
body.dark-mode tr:hover {
background-color: var(--dark-mode-highlight-color);
}
*/
/* Striped Table Rows */
body.dark-mode .table-striped>tbody>tr:nth-of-type(odd) {
background-color: var(--dark-mode-primary-color);
/* Darker stripe for odd rows */
}
body.dark-mode .table-striped>tbody>tr:nth-of-type(even) {
background-color: var(--dark-mode-highlight-color);
/* Lighter stripe for even rows */
}
body.dark-mode .table th,
body.dark-mode .table td {
border-color: var(--dark-mode-divider);
}
/* Target the first th of thead for top-left corner */
body.dark-mode .table thead th:first-child {
border-top-left-radius: 4px;
/* Adjust this value as needed */
}
/* Target the last th of thead for top-right corner */
body.dark-mode .table thead th:last-child {
border-top-right-radius: 4px;
/* Adjust this value as needed */
}
/* Step 1: Style the <td> elements of the first row of every table */
body.dark-mode .table>tbody>tr:first-child>td {
border-radius: 4px;
border-top-width: 0px;
}
/* Step 2: Override that style for tables with a <thead> */
body.dark-mode .table>thead+tbody>tr:first-child>td {
border-topXX: 0px;
}
body.dark-mode .table>thead>tr>th,
body.dark-mode .table>thead>tr>td {
border-bottom-width: 0px;
border-color: #666;
/* Making header borders slightly brighter */
}
/* Default Button */
body.dark-mode .btn-default {
background-color: #444;
border-color: #444;
color: var(--dark-mode-text-color);
}
body.dark-mode .btn-default:hover,
body.dark-mode .btn-default:focus,
body.dark-mode .btn-default:active {
background-color: #555;
border-color: #444;
}
/* Primary Button */
body.dark-mode .btn-primary {
background-color: #337ab7;
border-color: #337ab7;
color: var(--dark-mode-text-color);
}
body.dark-mode .btn-primary:hover,
body.dark-mode .btn-primary:focus,
body.dark-mode .btn-primary:active {
background-color: #5393d1;
border-color: #5393d1;
}
/* Success Button */
[automated] update groups.io wiki
2024-06-26 00:29:53 +00:00
body.dark-mode .btn-success,
body.dark-mode .panel-success {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
background-color: #388e3c;
border-color: #2e7d32;
color: var(--dark-mode-text-color);
}
body.dark-mode .btn-success:hover,
body.dark-mode .btn-success:focus,
body.dark-mode .btn-success:active {
background-color: #2e7d32;
border-color: #1b5e20;
}
/* Info Button */
[automated] update groups.io wiki
2024-06-26 00:29:53 +00:00
body.dark-mode .btn-info,
body.dark-mode .panel-info {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
color: var(--dark-mode-reverse-text-color);
background-color: #3da8c0;
border-color: #3da8c0;
}
body.dark-mode .btn-info:hover,
body.dark-mode .btn-info:focus,
body.dark-mode .btn-info:active {
background-color: #308a9e;
border-color: #308a9e;
}
/* Warning Button */
body.dark-mode .btn-warning {
background-color: rgb(245, 128, 62);
border-color: rgb(245, 128, 62);
color: var(--dark-mode-reverse-text-color);
}
body.dark-mode .btn-warning:hover,
body.dark-mode .btn-warning:focus,
body.dark-mode .btn-warning:active {
background-color: rgb(245, 128, 62);
border-color: rgb(245, 128, 62);
}
/* Danger Button */
body.dark-mode .btn-danger {
background-color: #d32f2f;
border-color: #c62828;
color: var(--dark-mode-text-color);
}
body.dark-mode .btn-danger:hover,
body.dark-mode .btn-danger:focus,
body.dark-mode .btn-danger:active {
background-color: #c62828;
border-color: #b71c1c;
}
/* Dropdown Menus */
body.dark-mode .dropdown-menu {
background-color: var(--dark-mode-primary-color);
border-color: var(--dark-mode-divider);
}
body.dark-mode .dropdown-menu>li>a {
color: var(--dark-mode-text-color);
}
body.dark-mode .dropdown-menu>li>a:hover,
body.dark-mode .dropdown-menu>li>a:focus {
color: var(--dark-mode-text-color);
background-color: var(--dark-mode-highlight-color);
}
body.dark-mode .dropdown-menu>.active>a,
body.dark-mode .dropdown-menu>.active>a:hover,
body.dark-mode .dropdown-menu>.active>a:focus {
color: var(--dark-mode-text-color);
background-color: #6200ee;
}
body.dark-mode .dropdown-menu>.disabled>a,
body.dark-mode .dropdown-menu>.disabled>a:hover,
body.dark-mode .dropdown-menu>.disabled>a:focus {
color: #999999;
background-color: transparent;
}
body.dark-mode .divider {
background-color: #444;
}
body.dark-mode .modal-content {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .modal-header {
background-color: var(--dark-mode-highlight-color);
border-color: var(--dark-mode-divider);
}
body.dark-mode .modal-footer {
background-color: var(--dark-mode-primary-color);
border-color: var(--dark-mode-divider);
}
[automated] update groups.io wiki
2024-06-12 00:30:01 +00:00
body.dark-mode .chat-form,
body.dark-mode .chat-button-color {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .chat-message.received .chat-message-content,
body.dark-mode .chat-message.date .chat-message-content,
body.dark-mode .chat-timestamp-received,
body.dark-mode .chat-emoji-box {
background-color: rgb(200, 200, 200);
color: #333;
}
/*
body.dark-mode .chat-message.sent .chat-message-content {
background-color: rgb(5, 133, 148);
color: #333;
}
*/
body.dark-mode #chat-unread-counter i {
color: rgb(200, 200, 200) !important;
}
body.dark-mode .expanded-message {
border-style: none;
}
body.dark-mode .dropdown-menu {
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .5);
box-shadow: 0 6px 12px rgba(0, 0, 0, .5);
}
body.dark-mode .modal-header {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.dark-mode .modal-footer {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
body.dark-mode .mobilebadge {
background-color: #d43f3a !important;
border: 0px;
}
[automated] update groups.io wiki
2024-06-19 00:30:22 +00:00
body.dark-mode .drawer-wrapper {
[automated] update groups.io wiki
2024-05-08 00:23:09 +00:00
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .thumbnail {
border: 0px;
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .alert-gray {
color: var(--dark-mode-text-color);
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .autocomplete-list-item:not(.no-hover):hover {
color: var(--dark-mode-text-color);
}
body.dark-mode .thread-attribution {
color: var(--dark-mode-light-text-color);
}
body.dark-mode .hashtag-box-white {
background-color: var(--dark-mode-primary-color) !important;
}
body.dark-mode .flatpickr-calendar * {
color: var(--dark-mode-text-color) !important;
fill: var(--dark-mode-text-color) !important;
background-color: var(--dark-mode-primary-color) !important;
}
body.dark-mode .popover {
background-color: var(--dark-mode-primary-color) !important;
border-bottom-color: var(--dark-mode-primary-color) !important;
border: 1px solid var(--dark-mode-primary-color) !important
}
body.dark-mode .popover-title {
background-color: var(--dark-mode-primary-color) !important;
}
body.dark-mode .popover.bottom>.arrow:after {
border-bottom-color: var(--dark-mode-primary-color) !important;
}
body.dark-mode .popover.top>.arrow:after {
border-top-color: var(--dark-mode-primary-color) !important;
}
body.dark-mode .fc-list-event:hover * {
background-color: var(--dark-mode-body-color) !important;
}
body.dark-mode .list-group-item-nohover:hover {
background-color: var(--dark-mode-body-color) !important;
}
body.dark-mode .table-hover>tbody>tr:hover {
background-color: var(--dark-mode-body-color) !important;
}
body.dark-mode .Xmce-btn.Xmce-active * {
background-color: var(--dark-mode-highlight-color) !important;
}
body.dark-mode .subject {
font-weight: 400;
}
body.dark-mode a.showvisited:visited {
/* visited link */
color: #999999;
}
body.dark-mode .select2-selection {
background-color: var(--dark-mode-primary-color) !important;
border-color: var(--dark-mode-divider);
}
body.dark-mode .select2-dropdown * {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .select2-selection * {
color: var(--dark-mode-text-color) !important;
}
body.dark-mode .select2-search__field {
border: 1px solid var(--dark-mode-divider) !important;
}
body.dark-mode .select2-dropdown {
border: 1px solid var(--dark-mode-divider) !important;
}
body.dark-mode .select2-results__options::-webkit-scrollbar,
body.dark-mode .autocompleteResults::-webkit-scrollbar {
/*-webkit-appearance: none;*/
width: 6px;
height: 6px;
background-color: rgba(0, 0, 0, 0);
}
body.dark-mode .select2-results__options::-webkit-scrollbar-thumb,
body.dark-mode .autocompleteResults::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #ccc;
}
/*
body.dark-mode .select2-selection__rendered:focus-visible {
outline:unset;
}
*/
body.dark-mode .user-content a span[style*="color"] {
color: #7da8d4 !important;
}
body.dark-mode .user-content *[style*="color"],
/* This works "color" and "background-color" properties */
body.dark-mode .user-content *[style*="background"],
/* This gets the "background" property */
body.dark-mode .user-content *[style*="COLOR"],
/* Style entries can be case sensitive. Some old messages use caps */
body.dark-mode .user-content font {
/* HTML 4 tag used by a few older mssgs. It has different syntax */
color: var(--dark-mode-text-color) !important;
/* For the selectors above, set all the text to the standard color */
background-color: transparent !important;
/* and remove backgrounds so the Groups.io bkg shows through */
}
body.dark-mode .user-content a span {
/* User code typically adjusts link colors by putting a span inside an anchor tag */
color: #7da8d4 !important;
background-color: transparent !important;
}
body.dark-mode .toc li:before {
color: var(--dark-mode-text-color);
}
body.dark-mode .attachment-box,
body.dark-mode .attachment-box:hover {
background-color: var(--dark-mode-primary-color);
}
body.dark-mode .attachment-name,
body.dark-mode .attachment-name-hover {
background-color: var(--dark-mode-highlight-color);
}
body.dark-mode .attachment-box:hover .attachment-icon,
body.dark-mode .attachment-box:hover .attachment-image {
opacity: unset;
}
Reference in a new issue Copy permalink