diff --git a/dist/css/gadjo/fonts/opensans/Bold/OpenSans-Bold.woff2 b/dist/css/gadjo/fonts/opensans/Bold/OpenSans-Bold.woff2 deleted file mode 100644 index c80b2d2..0000000 Binary files a/dist/css/gadjo/fonts/opensans/Bold/OpenSans-Bold.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2 b/dist/css/gadjo/fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2 deleted file mode 100644 index 60d8de4..0000000 Binary files a/dist/css/gadjo/fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2 b/dist/css/gadjo/fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2 deleted file mode 100644 index bbaa1d4..0000000 Binary files a/dist/css/gadjo/fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2 b/dist/css/gadjo/fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2 deleted file mode 100644 index eff8367..0000000 Binary files a/dist/css/gadjo/fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/Italic/OpenSans-Italic.woff2 b/dist/css/gadjo/fonts/opensans/Italic/OpenSans-Italic.woff2 deleted file mode 100644 index 440b74c..0000000 Binary files a/dist/css/gadjo/fonts/opensans/Italic/OpenSans-Italic.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/Light/OpenSans-Light.woff2 b/dist/css/gadjo/fonts/opensans/Light/OpenSans-Light.woff2 deleted file mode 100644 index d0b43e0..0000000 Binary files a/dist/css/gadjo/fonts/opensans/Light/OpenSans-Light.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/LightItalic/OpenSans-LightItalic.woff2 b/dist/css/gadjo/fonts/opensans/LightItalic/OpenSans-LightItalic.woff2 deleted file mode 100644 index 21a92a7..0000000 Binary files a/dist/css/gadjo/fonts/opensans/LightItalic/OpenSans-LightItalic.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/Regular/OpenSans-Regular.woff2 b/dist/css/gadjo/fonts/opensans/Regular/OpenSans-Regular.woff2 deleted file mode 100644 index f778f9c..0000000 Binary files a/dist/css/gadjo/fonts/opensans/Regular/OpenSans-Regular.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/Semibold/OpenSans-Semibold.woff2 b/dist/css/gadjo/fonts/opensans/Semibold/OpenSans-Semibold.woff2 deleted file mode 100644 index 852f710..0000000 Binary files a/dist/css/gadjo/fonts/opensans/Semibold/OpenSans-Semibold.woff2 and /dev/null differ diff --git a/dist/css/gadjo/fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2 b/dist/css/gadjo/fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2 deleted file mode 100644 index b0c2a26..0000000 Binary files a/dist/css/gadjo/fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2 and /dev/null differ diff --git a/dist/css/gadjo/gadjo.css b/dist/css/gadjo/gadjo.css deleted file mode 100644 index f42148a..0000000 --- a/dist/css/gadjo/gadjo.css +++ /dev/null @@ -1,3593 +0,0 @@ -@charset "UTF-8"; -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/Light/OpenSans-Light.woff2") format("woff2"), url("fonts/opensans/Light/OpenSans-Light.woff") format("woff"), url("fonts/opensans/Light/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/Light/OpenSans-Light.ttf?#iefix") format("truetype"); - font-weight: 300; - font-style: normal; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/LightItalic/OpenSans-LightItalic.woff2") format("woff2"), url("fonts/opensans/LightItalic/OpenSans-LightItalic.woff") format("woff"), url("fonts/opensans/LightItalic/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/LightItalic/OpenSans-LightItalic.ttf?#iefix") format("truetype"); - font-weight: 300; - font-style: italic; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/Regular/OpenSans-Regular.woff2") format("woff2"), url("fonts/opensans/Regular/OpenSans-Regular.woff") format("woff"), url("fonts/opensans/Regular/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/Regular/OpenSans-Regular.ttf?#iefix") format("truetype"); - font-weight: 400; - font-style: normal; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/Italic/OpenSans-Italic.woff2") format("woff2"), url("fonts/opensans/Italic/OpenSans-Italic.woff") format("woff"), url("fonts/opensans/Italic/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/Italic/OpenSans-Italic.ttf?#iefix") format("truetype"); - font-weight: 400; - font-style: italic; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/Semibold/OpenSans-Semibold.woff2") format("woff2"), url("fonts/opensans/Semibold/OpenSans-Semibold.woff") format("woff"), url("fonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/Semibold/OpenSans-Semibold.ttf?#iefix") format("truetype"); - font-weight: 600; - font-style: normal; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2") format("woff2"), url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff") format("woff"), url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?#iefix") format("truetype"); - font-weight: 600; - font-style: italic; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/Bold/OpenSans-Bold.woff2") format("woff2"), url("fonts/opensans/Bold/OpenSans-Bold.woff") format("woff"), url("fonts/opensans/Bold/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/Bold/OpenSans-Bold.ttf?#iefix") format("truetype"); - font-weight: 700; - font-style: normal; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2") format("woff2"), url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff") format("woff"), url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/BoldItalic/OpenSans-BoldItalic.ttf?#iefix") format("truetype"); - font-weight: 700; - font-style: italic; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2") format("woff2"), url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff") format("woff"), url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/ExtraBold/OpenSans-ExtraBold.ttf?#iefix") format("truetype"); - font-weight: 800; - font-style: normal; } - -@font-face { - font-family: 'Open Sans'; - src: url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff") format("woff"), url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?#iefix") format("truetype"); - font-weight: 800; - font-style: italic; } - -@font-face { - font-family: 'FontAwesome'; - src: url("fonts/fontawesome-webfont.eot"); - src: url("fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans/fontawesome-webfont.woff") format("woff"), url("fonts/opensans/fontawesome-webfont.ttf") format("truetype"), url("fonts/opensans/fontawesome-webfont.svg#fontawesomeregular") format("svg"); - font-weight: normal; - font-style: normal; } - -.sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; } - -/* generalities */ -html, body { - margin: 0; - font-family: "Open Sans", sans-serif; - font-size: 12px; - color: #3c3c33; - background: #ecf0f3; - background: linear-gradient(#ecf0f3, white); } - @media screen and (min-width: 1260px) { - html, body { - font-size: 13px; } } - @media screen and (min-width: 1500px) { - html, body { - font-size: 14px; } } -html { - min-height: 100%; - position: relative; } - -body { - height: 100%; } - -a { - color: #386ede; - text-decoration: none; - border-width: 0; - border-bottom: 1px dotted #386ede; - -webkit-transition: color 200ms ease-out; - -moz-transition: color 200ms ease-out; - -ms-transition: color 200ms ease-out; - -o-transition: color 200ms ease-out; - transition: color 200ms ease-out; } - a:hover { - color: #003388; - border-style: solid; } - a img { - border: 0; } - a.disabled { - color: #aaa; - border: none; - cursor: default; } - -[role=button] { - cursor: pointer; } - -dl dt { - margin: 0; - padding: 0 0 0 0; } - -dl dd { - margin: 0.3em 0 1.5em 10px; } - -hr { - border: none; - border-top: 1px solid #3c3c33; - height: 1px; - width: 80%; } - -span.error-message { - color: #e00; - font-weight: bold; } - -span.warning { - background-color: orange; } - -.clear { - clear: both; } - -/* from top to bottom */ -/* top bar */ -div#top { - height: 0px; } - -ul.user-info { - box-sizing: border-box; - margin: 0; - padding: 0; - font-size: 100%; - font-weight: bold; - position: absolute; - top: 0px; - right: 0px; - z-index: 100; - background: #00d6eb; } - ul.user-info li { - display: inline-block; - vertical-align: middle; - padding-left: 1em; - color: white; - height: 60px; - line-height: 60px; } - ul.user-info a { - color: white; } - ul.user-info .ui-name a { - border-bottom: none; } - ul.user-info .ui-help { - padding-left: 3em; } - ul.user-info .ui-avatar { - color: #386ede; - vertical-align: middle; - font-size: 21px; - background: white; - border-radius: 18px; - height: 36px; - width: 36px; - line-height: 36px; - display: inline-block; - text-align: center; - padding: 0; - margin-left: 1em; } - ul.user-info .ui-logout { - padding-left: 0; - font-size: 150%; } - ul.user-info .ui-logout a { - display: block; - border: none; - padding: 0 2rem; - margin-left: 1rem; } - ul.user-info .ui-logout a::before { - font-family: FontAwesome; - font-weight: normal; - content: "\f05c"; } - ul.user-info .ui-platform-name { - background: white; - color: black; - padding: 0 2em; - text-transform: uppercase; } - ul.user-info .ui-platform-name a { - border: none; - color: #3c3c33; - display: block; - max-width: 20em; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - @media screen and (max-width: 760px) { - ul.user-info .ui-platform-name, ul.user-info .ui-avatar, ul.user-info .ui-name, ul.user-info .ui-help { - display: none; } - ul.user-info .ui-logout { - padding-left: 0; } - ul.user-info .ui-logout a { - margin-left: 0; } } -/* header */ -div#header { - background: #386ede; - padding-left: 0px; - position: relative; - height: 60px; } - -div#header h1 { - height: 60px; - line-height: 60px; - padding: 0 0 0 1rem; - box-sizing: border-box; - margin: 0; - font-weight: normal; - color: white; - display: inline-block; - z-index: 100; - max-width: 80%; - width: 80%; - max-width: calc(100% - 210px - 21px); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -webkit-transition: all ease 200ms; - -moz-transition: all ease 200ms; - -ms-transition: all ease 200ms; - -o-transition: all ease 200ms; - transition: all ease 200ms; } - @media screen and (max-width: 760px) { - div#header h1 { - width: 100%; - max-width: calc(100% - 48px - 21px); } } - div#header h1 a { - opacity: 0.8; - color: inherit; - border-bottom: none; - display: inline-block; - padding: 0 15px; - position: relative; - margin-left: -5px; - padding-left: 20px; } - div#header h1 a:first-child { - padding-left: 0; } - div#header h1 a:hover { - opacity: 1; } - div#header h1.breadcrumbs a:last-child { - /* hide last breadcrumb item (== current page) */ - display: none; } - div#header h1.breadcrumbs span.separator { - display: none; } - div#header h1.breadcrumbs a::after { - content: ""; - height: 62px; - width: 62px; - -webkit-transform: scale(0.4, 0.707) rotate(45deg); - -moz-transform: scale(0.4, 0.707) rotate(45deg); - -ms-transform: scale(0.4, 0.707) rotate(45deg); - -o-transform: scale(0.4, 0.707) rotate(45deg); - transform: scale(0.4, 0.707) rotate(45deg); - display: inline-block; - position: absolute; - top: 0px; - right: -21px; - z-index: 100; - border: 1px solid white; - border-width: 2px 2px 0 0; } - @media screen and (max-width: 760px) { - div#header h1.breadcrumbs a { - display: none; } - div#header h1.breadcrumbs a:first-child { - display: inline-block; } } -body[data-environment-label] div#header { - background-image: url(../images/work-bg.png); - background-position: 230px 0; - background-repeat: no-repeat; - border-bottom: 10px solid yellow; - border-image: repeating-linear-gradient(-45deg, #333, black 14px, #ffe761 15px, #ffe761 29px, black 30px) 10; } - body[data-environment-label] div#header h1 { - padding-left: 316px; } - @media screen and (max-width: 760px) { - body[data-environment-label] div#header h1 { - max-width: calc(100% - 60px); } } - @media screen and (max-width: 380px) { - body[data-environment-label] div#header h1 { - display: none; } } -span#applabel { - text-indent: -1000px; } - span#applabel::after { - content: ""; - background: transparent url(../images/logo-publik.png) top left no-repeat; - position: absolute; - top: 4px; - left: 24px; - height: 50px; - width: 183px; - -webkit-transition: opacity 100ms ease-out; - -moz-transition: opacity 100ms ease-out; - -ms-transition: opacity 100ms ease-out; - -o-transition: opacity 100ms ease-out; - transition: opacity 100ms ease-out; } - @media screen and (max-width: 760px) { - span#applabel::after { - left: 65px; } } - span#applabel:hover::after { - opacity: 0.8; } - -/* notifications */ -ul.messages { - padding: 0; - margin: 0; - list-style-type: none; - max-width: 100ex; - position: relative; } - ul.messages li { - font-size: 110%; } - ul.messages li .close { - float: right; - cursor: pointer; - font-weight: bold; - border: none; - color: inherit; } - -ul.messages li, -div.infonotice, -div.successnotice, -div.warningnotice, -div.errornotice, -div.pk-information, -div.pk-attention, -div.pk-error { - position: relative; - font-size: 110%; - background: white; - color: #3c3c33; - font-weight: normal; - border-radius: 3px; - margin: 1rem 0; - padding: 0.5rem; - border: 1px solid transparent; - border-left-width: 25px; } - ul.messages li::before, - div.infonotice::before, - div.successnotice::before, - div.warningnotice::before, - div.errornotice::before, - div.pk-information::before, - div.pk-attention::before, - div.pk-error::before { - position: absolute; - top: 0.8rem; - left: -25px; - width: 25px; - display: inline-block; - text-align: center; - font-family: FontAwesome; - color: white; } - ul.messages li.success, ul.messages li.successnotice, - div.infonotice.success, - div.infonotice.successnotice, - div.successnotice.success, - div.successnotice.successnotice, - div.warningnotice.success, - div.warningnotice.successnotice, - div.errornotice.success, - div.errornotice.successnotice, - div.pk-information.success, - div.pk-information.successnotice, - div.pk-attention.success, - div.pk-attention.successnotice, - div.pk-error.success, - div.pk-error.successnotice { - border-color: #00b000; - border-image: linear-gradient(#27eb00, #44ff1f) 2; } - ul.messages li.success:before, ul.messages li.successnotice:before, - div.infonotice.success:before, - div.infonotice.successnotice:before, - div.successnotice.success:before, - div.successnotice.successnotice:before, - div.warningnotice.success:before, - div.warningnotice.successnotice:before, - div.errornotice.success:before, - div.errornotice.successnotice:before, - div.pk-information.success:before, - div.pk-information.successnotice:before, - div.pk-attention.success:before, - div.pk-attention.successnotice:before, - div.pk-error.success:before, - div.pk-error.successnotice:before { - content: "\f058"; } - ul.messages li.info, ul.messages li.infonotice, ul.messages li.pk-information, - div.infonotice.info, - div.infonotice.infonotice, - div.infonotice.pk-information, - div.successnotice.info, - div.successnotice.infonotice, - div.successnotice.pk-information, - div.warningnotice.info, - div.warningnotice.infonotice, - div.warningnotice.pk-information, - div.errornotice.info, - div.errornotice.infonotice, - div.errornotice.pk-information, - div.pk-information.info, - div.pk-information.infonotice, - div.pk-information.pk-information, - div.pk-attention.info, - div.pk-attention.infonotice, - div.pk-attention.pk-information, - div.pk-error.info, - div.pk-error.infonotice, - div.pk-error.pk-information { - border-color: #0000b0; - border-image: linear-gradient(#4474f6, #7598f8) 2; } - ul.messages li.info:before, ul.messages li.infonotice:before, ul.messages li.pk-information:before, - div.infonotice.info:before, - div.infonotice.infonotice:before, - div.infonotice.pk-information:before, - div.successnotice.info:before, - div.successnotice.infonotice:before, - div.successnotice.pk-information:before, - div.warningnotice.info:before, - div.warningnotice.infonotice:before, - div.warningnotice.pk-information:before, - div.errornotice.info:before, - div.errornotice.infonotice:before, - div.errornotice.pk-information:before, - div.pk-information.info:before, - div.pk-information.infonotice:before, - div.pk-information.pk-information:before, - div.pk-attention.info:before, - div.pk-attention.infonotice:before, - div.pk-attention.pk-information:before, - div.pk-error.info:before, - div.pk-error.infonotice:before, - div.pk-error.pk-information:before { - content: "\f05a"; } - ul.messages li.warning, ul.messages li.warningnotice, ul.messages li.pk-attention, - div.infonotice.warning, - div.infonotice.warningnotice, - div.infonotice.pk-attention, - div.successnotice.warning, - div.successnotice.warningnotice, - div.successnotice.pk-attention, - div.warningnotice.warning, - div.warningnotice.warningnotice, - div.warningnotice.pk-attention, - div.errornotice.warning, - div.errornotice.warningnotice, - div.errornotice.pk-attention, - div.pk-information.warning, - div.pk-information.warningnotice, - div.pk-information.pk-attention, - div.pk-attention.warning, - div.pk-attention.warningnotice, - div.pk-attention.pk-attention, - div.pk-error.warning, - div.pk-error.warningnotice, - div.pk-error.pk-attention { - border-color: #ffb000; - border-image: linear-gradient(#f47f13, #f7a75c) 2; } - ul.messages li.warning:before, ul.messages li.warningnotice:before, ul.messages li.pk-attention:before, - div.infonotice.warning:before, - div.infonotice.warningnotice:before, - div.infonotice.pk-attention:before, - div.successnotice.warning:before, - div.successnotice.warningnotice:before, - div.successnotice.pk-attention:before, - div.warningnotice.warning:before, - div.warningnotice.warningnotice:before, - div.warningnotice.pk-attention:before, - div.errornotice.warning:before, - div.errornotice.warningnotice:before, - div.errornotice.pk-attention:before, - div.pk-information.warning:before, - div.pk-information.warningnotice:before, - div.pk-information.pk-attention:before, - div.pk-attention.warning:before, - div.pk-attention.warningnotice:before, - div.pk-attention.pk-attention:before, - div.pk-error.warning:before, - div.pk-error.warningnotice:before, - div.pk-error.pk-attention:before { - content: "\f06a"; } - ul.messages li.error, ul.messages li.errornotice, ul.messages li.pk-error, - div.infonotice.error, - div.infonotice.errornotice, - div.infonotice.pk-error, - div.successnotice.error, - div.successnotice.errornotice, - div.successnotice.pk-error, - div.warningnotice.error, - div.warningnotice.errornotice, - div.warningnotice.pk-error, - div.errornotice.error, - div.errornotice.errornotice, - div.errornotice.pk-error, - div.pk-information.error, - div.pk-information.errornotice, - div.pk-information.pk-error, - div.pk-attention.error, - div.pk-attention.errornotice, - div.pk-attention.pk-error, - div.pk-error.error, - div.pk-error.errornotice, - div.pk-error.pk-error { - border-color: #f64474; - border-image: linear-gradient(#f64474, #f75c86) 2; } - ul.messages li.error:before, ul.messages li.errornotice:before, ul.messages li.pk-error:before, - div.infonotice.error:before, - div.infonotice.errornotice:before, - div.infonotice.pk-error:before, - div.successnotice.error:before, - div.successnotice.errornotice:before, - div.successnotice.pk-error:before, - div.warningnotice.error:before, - div.warningnotice.errornotice:before, - div.warningnotice.pk-error:before, - div.errornotice.error:before, - div.errornotice.errornotice:before, - div.errornotice.pk-error:before, - div.pk-information.error:before, - div.pk-information.errornotice:before, - div.pk-information.pk-error:before, - div.pk-attention.error:before, - div.pk-attention.errornotice:before, - div.pk-attention.pk-error:before, - div.pk-error.error:before, - div.pk-error.errornotice:before, - div.pk-error.pk-error:before { - content: "\f071"; } - ul.messages li .action, - div.infonotice .action, - div.successnotice .action, - div.warningnotice .action, - div.errornotice .action, - div.pk-information .action, - div.pk-attention .action, - div.pk-error .action { - margin: 0; - display: flex; - flex-wrap: wrap; - align-items: last baseline; - justify-content: flex-end; } - ul.messages li .action-label, - div.infonotice .action-label, - div.successnotice .action-label, - div.warningnotice .action-label, - div.errornotice .action-label, - div.pk-information .action-label, - div.pk-attention .action-label, - div.pk-error .action-label { - flex: 1 1 25em; - margin-bottom: .5em; } - ul.messages li .action-button, - div.infonotice .action-button, - div.successnotice .action-button, - div.warningnotice .action-button, - div.errornotice .action-button, - div.pk-information .action-button, - div.pk-attention .action-button, - div.pk-error .action-button { - flex: 0 0 auto; - margin-left: .66em; } - ul.messages li p:first-child, - div.infonotice p:first-child, - div.successnotice p:first-child, - div.warningnotice p:first-child, - div.errornotice p:first-child, - div.pk-information p:first-child, - div.pk-attention p:first-child, - div.pk-error p:first-child { - margin-top: 0; } - ul.messages li p:last-child, - div.infonotice p:last-child, - div.successnotice p:last-child, - div.warningnotice p:last-child, - div.errornotice p:last-child, - div.pk-information p:last-child, - div.pk-attention p:last-child, - div.pk-error p:last-child { - margin-bottom: 0; } - -/* main content */ -#main { - display: -ms-flexbox; - display: flex; } - @media screen and (max-width: 760px) { - #main { - -ms-flex-direction: column; - flex-direction: column; } } - @media print { - #main { - display: block; } } -div#main-content { - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 100%; - margin: 1rem; - min-height: 90vh; - position: relative; - overflow-x: auto; - overflow-y: hidden; - box-sizing: border-box; } - @media screen and (max-width: 760px) { - div#main-content { - border-width: 0 0 1px 0; - margin: 0; - padding: 1rem; } } -#sidebar { - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 24rem; - box-sizing: border-box; - padding: 0 1rem; - background: white; - max-width: 24rem; - word-wrap: break-word; - color: #666; - position: relative; } - @media screen and (max-width: 760px) { - #sidebar { - width: auto; - max-width: 100%; } } - #sidebar #sidebar-toggle { - left: -10px; - width: 10px; - background: #d4cbff; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 10px; } - -div#main-content h2 { - font-weight: normal; } - -/* page content */ -div#content { - padding: 0; - position: relative; } - div#content::after { - content: ""; - display: block; - clear: both; } - -div#main-content > h2, -div#appbar > h2, -div#main-content .top-title h2, -div#content h2 { - margin-top: 0; - font-weight: normal; - color: #161c2a; - font-size: 200%; - letter-spacing: -1px; - line-height: 25px; - margin-bottom: 20px; - padding: 0 0 10px 0px; - position: relative; - top: 4px; } - -table.main { - width: 100%; - background: white; - border: 1px solid #f3f3f3; - border-collapse: collapse; } - -table.main th { - font-weight: 600; - padding: 1em 1ex; - border-bottom: 1px solid #f3f3f3; - background: #f7f7f7; - text-align: left; } - -table.main td { - text-align: left; - padding: 1em 1ex; - border-bottom: 1px solid #f3f3f3; - -webkit-transition: background ease 0.2s; - -moz-transition: background ease 0.2s; - -ms-transition: background ease 0.2s; - -o-transition: background ease 0.2s; - transition: background ease 0.2s; } - -table.main tr td.checkbox { - width: 1em; } - -table.main tr:nth-child(even) td { - background: #fdfdfd; } - -table.main tr:hover td { - background: #dde; - cursor: pointer; } - -table.main tr.active td { - background: #bbf; } - -td.price { - text-align: right; } - -/* zone selection */ -ul.apps { - margin-top: 2em; - margin-bottom: 2em; - padding: 0; } - ul.apps::after { - content: ""; - display: block; - clear: both; } - -ul.apps li { - display: table; - float: left; - margin-right: 1em; - margin-bottom: 1em; } - -ul.apps li a { - background-color: white; - background-repeat: no-repeat; - background-position: 50% 50%; - display: table-cell; - vertical-align: bottom; - width: 120px; - height: 100px; - padding-top: 10px; - padding-bottom: 10px; - font-weight: bold; - text-align: center; - border: 1px solid #ccc; - text-decoration: none; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; - color: #386ede; - border-radius: 15px; } - -ul.apps li a:hover { - border: 1px solid #333; - color: #386ede; - border-radius: 25px; } - -/* footer */ -div#footer { - clear: both; - margin-left: 2%; - font-size: 60%; - width: 96%; } - -/* icons */ -[class^="icon-"]:after, [class*=" icon-"]:after, -[class^="icon-"]:before, [class*=" icon-"]:before { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - display: inline-block; - text-decoration: none; } - -a[class^="icon-"], a[class*=" icon-"] { - display: inline-block; - text-decoration: none; - border: none; } - a[class^="icon-"].disabled, a[class*=" icon-"].disabled { - color: #aaa; - border: none; - cursor: default; } - -.icon-home-space:before { - content: "\f015\00a0\00a0"; } - -.icon-remove-sign:before { - content: "\f057"; } - -.icon-add-sign:before { - content: "\f067"; } - -.icon-minus-sign:before { - content: "\f068"; } - -/* misc */ -div#content div.bo-block { - margin-left: 0; } - -div.bo-block { - border: 1px solid #e4e4e4; - color: #505050; - margin: 1em 0; - padding: 1ex; - background: white; - padding: 0.5rem; - border-radius: 3px; - box-sizing: border-box; } - -div.bo-block h2 { - margin: 0; - border-bottom: 1px solid #bcbcbc; - color: #474747; } - -div.dimmed-block h2 { - color: #808080; } - -div.bo-block ul { - padding-left: 2em; - padding-bottom: 1ex; } - -div.big-msg-info, -div.big-msg-sorry { - width: 30em; - padding: 2rem 1rem 1rem 90px; - margin: 3em auto; - min-height: 90px; - padding-top: 20px; - border-radius: 3px; } - div.big-msg-info.big-msg-info, - div.big-msg-sorry.big-msg-info { - background: white url(../images/info-icon.png) 5px 15px no-repeat; } - div.big-msg-info.big-msg-sorry, - div.big-msg-sorry.big-msg-sorry { - background: white url(../images/sorry-icon.png) 5px 15px no-repeat; } - div.big-msg-info p:first-child, - div.big-msg-sorry p:first-child { - margin-top: 0; } - div.big-msg-info p:last-child, - div.big-msg-sorry p:last-child { - margin-bottom: 0; } - -p.paginator { - margin: 4ex 1px; } - -p.paginator *:first-child { - border-radius: 3px 0 0 3px; } - -p.paginator *:last-child { - border-radius: 0 3px 3px 0; } - -p.paginator a, -p.paginator span { - padding: 1.5ex 1.7ex 1ex 1.7ex; - border: 1px solid #BCBCBC; - margin: 0 0 0 -1px; } - -p.paginator span.this-page { - background: #386ede; - border-color: #5B616B; - color: white; } - -p.paginator span.this-page + a { - border-left-color: #5B616B; } - -p.paginator a:hover { - background: #eee; } - -ul.objects-list { - margin: 0 0 1rem 0; - padding: 0; } - ul.objects-list:last-child { - margin-bottom: 0; } - ul.objects-list li span.extra-info { - font-size: 80%; - opacity: 0.9; } - -ul.objects-list li { - background: white; - list-style: none; - margin: 0 0 -1px 0; - padding: 0 0.5ex 0 2ex; - border: 1px solid #aaa; - clear: both; - position: relative; - min-height: 2.5em; - line-height: 2.5em; - break-inside: avoid; } - -ul.objects-list.single-links li { - padding: 0; - -webkit-transition: background ease 0.2s; - -moz-transition: background ease 0.2s; - -ms-transition: background ease 0.2s; - -o-transition: background ease 0.2s; - transition: background ease 0.2s; } - -ul.objects-list li:hover { - background: #eee; } - -ul.objects-list.single-links li a { - display: block; - border: none; - padding: 0 0.5ex 0 2ex; } - ul.objects-list.single-links li a.link-action-icon, ul.objects-list.single-links li a.link-action-text, ul.objects-list.single-links li a.delete { - height: 100%; - position: absolute; - right: 0; - padding-right: 2ex; - top: 0; } - ul.objects-list.single-links li a.link-action-icon, ul.objects-list.single-links li a.delete { - width: 1em; - overflow: hidden; } - ul.objects-list.single-links li a.link-action-icon::before, ul.objects-list.single-links li a.delete::before { - font-family: FontAwesome; - padding-right: 3em; } - ul.objects-list.single-links li a.delete::before { - content: "\f057"; - /* remove-sign */ } - -ul.objects-list li span.badge, -ul.objects-list li span.tag { - box-sizing: border-box; - border-radius: 1ex; - padding: 0 1ex; - background: #386ede; - color: white; } - -ul.objects-list li span.badge { - position: absolute; - right: 1ex; - top: 0.25em; - height: 2em; - line-height: 2em; } - -ul.objects-list li span.tag { - position: relative; - left: -1ex; } - -#sidepage { - position: absolute; - top: 0px; - z-index: 100; - width: 48px; - height: 2em; - text-align: left; - -webkit-transition: width 0ms ease-in; - -moz-transition: width 0ms ease-in; - -ms-transition: width 0ms ease-in; - -o-transition: width 0ms ease-in; - transition: width 0ms ease-in; - height: 100%; - overflow: initial; - color: white; } - -body[data-has-sidepage] #header { - margin-left: 36px; } - body[data-has-sidepage] #header h1 { - padding-left: 246px; } - -body[data-has-sidepage] #main { - margin-left: calc(36px + 48px); } - -body.sidepage-expanded #main { - margin-left: calc(48px + 210px); } - -body.enable-transitions #header, -body.enable-transitions #main, -body.enable-transitions #main div#header h1, -body.enable-transitions #sidepage ul#sidepage-menu, -body.enable-transitions #sidepage span#applabel, -body.enable-transitions #sidepage span#applabel::before, -body.enable-transitions #sidepage { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - -o-transition-duration: 400ms; - transition-duration: 400ms; } - -body.sidepage-expanded #sidepage { - height: 100%; - overflow: initial; - width: 224px; } - -body #sidepage li.sub { - margin-left: 0; } - -body.sidepage-expanded #sidepage li.sub { - margin-left: 1rem; } - -#header, -#main { - -webkit-transition: margin-left 0ms ease-in; - -moz-transition: margin-left 0ms ease-in; - -ms-transition: margin-left 0ms ease-in; - -o-transition: margin-left 0ms ease-in; - transition: margin-left 0ms ease-in; - position: relative; } - -#sidepage span#applabel { - visibility: hidden; - /* will be turned visible by publik.js */ - padding-left: 0.5rem; - font-weight: bold; - cursor: pointer; - display: block; - position: relative; - height: 60px; - line-height: 60px; - font-weight: normal; - font-size: 20px; - border-bottom: 1px solid #7F8F9E; - background: white; - box-sizing: border-box; - width: calc(48px + 210px); } - -#sidepage span#applabel::before { - text-indent: 2px; - font-family: FontAwesome; - content: "\f054"; - padding-left: 0; - padding-right: 0; - position: absolute; - top: 50px; - right: 166px; - background: #386ede; - color: white; - height: 20px; - width: 20px; - font-size: 14px; - text-align: center; - line-height: 20px; - border-radius: 10px; - z-index: 100; - -webkit-transition: all 0ms ease-in; - -moz-transition: all 0ms ease-in; - -ms-transition: all 0ms ease-in; - -o-transition: all 0ms ease-in; - transition: all 0ms ease-in; } - @media screen and (max-width: 760px) { - #sidepage span#applabel::before { - border-radius: 0; - left: 0; - top: 0; - right: auto; - width: 60px; - height: 60px; - line-height: 60px; - display: block; } } -body.sidepage-expanded #sidepage span#applabel::before { - right: -10px; - transform: rotate(180deg); } - -#sidepage ul#sidepage-menu { - background: white; - position: relative; - left: 36px; - list-style: none; - padding: 0; - padding-top: 1em; - margin: 0; - min-height: 100%; - min-height: calc(100% - 60px - 1px); - /* #top 40px + border 1px */ - box-sizing: border-box; - border-right: 4px solid #386ede; - -webkit-transition: all 0ms ease; - -moz-transition: all 0ms ease; - -ms-transition: all 0ms ease; - -o-transition: all 0ms ease; - transition: all 0ms ease; } - @media screen and (max-width: 760px) { - #sidepage ul#sidepage-menu { - left: 0; } } - #sidepage ul#sidepage-menu::before { - content: ""; - position: absolute; - left: -36px; - width: 36px; - background: linear-gradient(to bottom, #386ede 0%, #00d6eb 130vh); - height: 100%; - top: 0px; } - #sidepage ul#sidepage-menu li { - -webkit-transition: all 200ms ease; - -moz-transition: all 200ms ease; - -ms-transition: all 200ms ease; - -o-transition: all 200ms ease; - transition: all 200ms ease; } - #sidepage ul#sidepage-menu li a { - -webkit-transition: all 200ms ease; - -moz-transition: all 200ms ease; - -ms-transition: all 200ms ease; - -o-transition: all 200ms ease; - transition: all 200ms ease; } - @media screen and (max-width: 760px) { - #sidepage ul#sidepage-menu li.sub { - display: none; } } - #sidepage ul#sidepage-menu li a { - border: none; - display: block; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: #386ede; } - -#sidepage ul#sidepage-menu li { - position: relative; - line-height: 32px; } - -ul#sidepage-menu li a { - background: transparent no-repeat 12px 50%; - background-size: 20px; - padding: 5px 0 5px 49px; } - -#sidepage ul#sidepage-menu li:hover a, -#sidepage ul#sidepage-menu .active a { - color: #122f6b; - filter: none; } - -#sidepage ul#sidepage-menu li:hover::after, -#sidepage ul#sidepage-menu li.active::after, -#sidepage ul#sidepage-menu li.active:hover::after { - content: ""; - display: block; - width: 7px; - height: 7px; - background: white; - position: absolute; - right: -3px; - top: 21px; - transform: rotate(45deg); } - -@media screen and (max-width: 760px) { - #sidepage { - -webkit-transition: height 400ms ease-in; - -moz-transition: height 400ms ease-in; - -ms-transition: height 400ms ease-in; - -o-transition: height 400ms ease-in; - transition: height 400ms ease-in; - height: 60px; - width: 100%; - overflow: hidden; } - #sidepage span#applabel::before { - content: "\f0c9"; - /* fa-bars */ - display: inline-block; } - body.sidepage-expanded #sidepage { - height: 100%; - width: 100%; } - body.sidepage-expanded #sidepage span#applabel::before { - content: "\f00d"; - /* fa-times */ } - body[data-has-sidepage] #main, - body.sidepage-expanded #main { - margin-left: 0; } - #sidepage ul#sidepage-menu li { - float: left; - width: 50%; } - #sidepage ul#sidepage-menu li a { - padding: 4ex 1ex 1ex 1ex; - text-align: center; - background-position: 50% 1ex; } - #sidepage ul#sidepage-menu li::after { - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; } - #sidepage ul#sidepage-menu li.active::after { - content: none; } } - -#gadjo-ajax-error { - position: fixed; - right: 1em; - bottom: 1em; - max-width: 30em; - background: #ff2222 none repeat scroll 0% 0%; - padding: 1ex; - font-weight: bold; - color: white; - border: 1px solid red; - box-shadow: 0px 0px 4px red; - border-radius: 2px; } - -div.old-ie-warning { - background: #ffd800; - padding: 1em; } - -div.old-ie-warning p { - margin: 0; - line-height: 150%; } - -ul#sidepage-menu li a.icon-add { - background-image: url(icons/add.small.386ede.png); } - -ul.apps li.icon-add a { - background-image: url(icons/add.large.png); } - -ul.apps li.icon-add a:hover { - background-image: url(icons/add.large-hover.png); } - -ul#sidepage-menu li a.icon-agendas { - background-image: url(icons/agendas.small.386ede.png); } - -ul.apps li.icon-agendas a { - background-image: url(icons/agendas.large.png); } - -ul.apps li.icon-agendas a:hover { - background-image: url(icons/agendas.large-hover.png); } - -ul#sidepage-menu li a.icon-announces { - background-image: url(icons/announces.small.386ede.png); } - -ul.apps li.icon-announces a { - background-image: url(icons/announces.large.png); } - -ul.apps li.icon-announces a:hover { - background-image: url(icons/announces.large-hover.png); } - -ul#sidepage-menu li a.icon-book { - background-image: url(icons/book.small.386ede.png); } - -ul.apps li.icon-book a { - background-image: url(icons/book.large.png); } - -ul.apps li.icon-book a:hover { - background-image: url(icons/book.large-hover.png); } - -ul#sidepage-menu li a.icon-calendar { - background-image: url(icons/calendar.small.386ede.png); } - -ul.apps li.icon-calendar a { - background-image: url(icons/calendar.large.png); } - -ul.apps li.icon-calendar a:hover { - background-image: url(icons/calendar.large-hover.png); } - -ul#sidepage-menu li a.icon-cards { - background-image: url(icons/cards.small.386ede.png); } - -ul.apps li.icon-cards a { - background-image: url(icons/cards.large.png); } - -ul.apps li.icon-cards a:hover { - background-image: url(icons/cards.large-hover.png); } - -ul#sidepage-menu li a.icon-categories { - background-image: url(icons/categories.small.386ede.png); } - -ul.apps li.icon-categories a { - background-image: url(icons/categories.large.png); } - -ul.apps li.icon-categories a:hover { - background-image: url(icons/categories.large-hover.png); } - -ul#sidepage-menu li a.icon-clock { - background-image: url(icons/clock.small.386ede.png); } - -ul.apps li.icon-clock a { - background-image: url(icons/clock.large.png); } - -ul.apps li.icon-clock a:hover { - background-image: url(icons/clock.large-hover.png); } - -ul#sidepage-menu li a.icon-counter { - background-image: url(icons/counter.small.386ede.png); } - -ul.apps li.icon-counter a { - background-image: url(icons/counter.large.png); } - -ul.apps li.icon-counter a:hover { - background-image: url(icons/counter.large-hover.png); } - -ul#sidepage-menu li a.icon-data { - background-image: url(icons/data.small.386ede.png); } - -ul.apps li.icon-data a { - background-image: url(icons/data.large.png); } - -ul.apps li.icon-data a:hover { - background-image: url(icons/data.large-hover.png); } - -ul#sidepage-menu li a.icon-facturier { - background-image: url(icons/facturier.small.386ede.png); } - -ul.apps li.icon-facturier a { - background-image: url(icons/facturier.large.png); } - -ul.apps li.icon-facturier a:hover { - background-image: url(icons/facturier.large-hover.png); } - -ul#sidepage-menu li a.icon-forms { - background-image: url(icons/forms.small.386ede.png); } - -ul.apps li.icon-forms a { - background-image: url(icons/forms.large.png); } - -ul.apps li.icon-forms a:hover { - background-image: url(icons/forms.large-hover.png); } - -ul#sidepage-menu li a.icon-gis { - background-image: url(icons/gis.small.386ede.png); } - -ul.apps li.icon-gis a { - background-image: url(icons/gis.large.png); } - -ul.apps li.icon-gis a:hover { - background-image: url(icons/gis.large-hover.png); } - -ul#sidepage-menu li a.icon-grid { - background-image: url(icons/grid.small.386ede.png); } - -ul.apps li.icon-grid a { - background-image: url(icons/grid.large.png); } - -ul.apps li.icon-grid a:hover { - background-image: url(icons/grid.large-hover.png); } - -ul#sidepage-menu li a.icon-home { - background-image: url(icons/home.small.386ede.png); } - -ul.apps li.icon-home a { - background-image: url(icons/home.large.png); } - -ul.apps li.icon-home a:hover { - background-image: url(icons/home.large-hover.png); } - -ul#sidepage-menu li a.icon-mail { - background-image: url(icons/mail.small.386ede.png); } - -ul.apps li.icon-mail a { - background-image: url(icons/mail.large.png); } - -ul.apps li.icon-mail a:hover { - background-image: url(icons/mail.large-hover.png); } - -ul#sidepage-menu li a.icon-management { - background-image: url(icons/management.small.386ede.png); } - -ul.apps li.icon-management a { - background-image: url(icons/management.large.png); } - -ul.apps li.icon-management a:hover { - background-image: url(icons/management.large-hover.png); } - -ul#sidepage-menu li a.icon-organizational-units { - background-image: url(icons/organizational-units.small.386ede.png); } - -ul.apps li.icon-organizational-units a { - background-image: url(icons/organizational-units.large.png); } - -ul.apps li.icon-organizational-units a:hover { - background-image: url(icons/organizational-units.large-hover.png); } - -ul#sidepage-menu li a.icon-passerelle { - background-image: url(icons/passerelle.small.386ede.png); } - -ul.apps li.icon-passerelle a { - background-image: url(icons/passerelle.large.png); } - -ul.apps li.icon-passerelle a:hover { - background-image: url(icons/passerelle.large-hover.png); } - -ul#sidepage-menu li a.icon-password { - background-image: url(icons/password.small.386ede.png); } - -ul.apps li.icon-password a { - background-image: url(icons/password.large.png); } - -ul.apps li.icon-password a:hover { - background-image: url(icons/password.large-hover.png); } - -ul#sidepage-menu li a.icon-phone { - background-image: url(icons/phone.small.386ede.png); } - -ul.apps li.icon-phone a { - background-image: url(icons/phone.large.png); } - -ul.apps li.icon-phone a:hover { - background-image: url(icons/phone.large-hover.png); } - -ul#sidepage-menu li a.icon-portal { - background-image: url(icons/portal.small.386ede.png); } - -ul.apps li.icon-portal a { - background-image: url(icons/portal.large.png); } - -ul.apps li.icon-portal a:hover { - background-image: url(icons/portal.large-hover.png); } - -ul#sidepage-menu li a.icon-portal-agent { - background-image: url(icons/portal-agent.small.386ede.png); } - -ul.apps li.icon-portal-agent a { - background-image: url(icons/portal-agent.large.png); } - -ul.apps li.icon-portal-agent a:hover { - background-image: url(icons/portal-agent.large-hover.png); } - -ul#sidepage-menu li a.icon-porte-doc { - background-image: url(icons/porte-doc.small.386ede.png); } - -ul.apps li.icon-porte-doc a { - background-image: url(icons/porte-doc.large.png); } - -ul.apps li.icon-porte-doc a:hover { - background-image: url(icons/porte-doc.large-hover.png); } - -ul#sidepage-menu li a.icon-roles { - background-image: url(icons/roles.small.386ede.png); } - -ul.apps li.icon-roles a { - background-image: url(icons/roles.large.png); } - -ul.apps li.icon-roles a:hover { - background-image: url(icons/roles.large-hover.png); } - -ul#sidepage-menu li a.icon-security { - background-image: url(icons/security.small.386ede.png); } - -ul.apps li.icon-security a { - background-image: url(icons/security.large.png); } - -ul.apps li.icon-security a:hover { - background-image: url(icons/security.large-hover.png); } - -ul#sidepage-menu li a.icon-services { - background-image: url(icons/services.small.386ede.png); } - -ul.apps li.icon-services a { - background-image: url(icons/services.large.png); } - -ul.apps li.icon-services a:hover { - background-image: url(icons/services.large-hover.png); } - -ul#sidepage-menu li a.icon-settings { - background-image: url(icons/settings.small.386ede.png); } - -ul.apps li.icon-settings a { - background-image: url(icons/settings.large.png); } - -ul.apps li.icon-settings a:hover { - background-image: url(icons/settings.large-hover.png); } - -ul#sidepage-menu li a.icon-statistics { - background-image: url(icons/statistics.small.386ede.png); } - -ul.apps li.icon-statistics a { - background-image: url(icons/statistics.large.png); } - -ul.apps li.icon-statistics a:hover { - background-image: url(icons/statistics.large-hover.png); } - -ul#sidepage-menu li a.icon-studio { - background-image: url(icons/studio.small.386ede.png); } - -ul.apps li.icon-studio a { - background-image: url(icons/studio.large.png); } - -ul.apps li.icon-studio a:hover { - background-image: url(icons/studio.large-hover.png); } - -ul#sidepage-menu li a.icon-submission { - background-image: url(icons/submission.small.386ede.png); } - -ul.apps li.icon-submission a { - background-image: url(icons/submission.large.png); } - -ul.apps li.icon-submission a:hover { - background-image: url(icons/submission.large-hover.png); } - -ul#sidepage-menu li a.icon-system { - background-image: url(icons/system.small.386ede.png); } - -ul.apps li.icon-system a { - background-image: url(icons/system.large.png); } - -ul.apps li.icon-system a:hover { - background-image: url(icons/system.large-hover.png); } - -ul#sidepage-menu li a.icon-texts { - background-image: url(icons/texts.small.386ede.png); } - -ul.apps li.icon-texts a { - background-image: url(icons/texts.large.png); } - -ul.apps li.icon-texts a:hover { - background-image: url(icons/texts.large-hover.png); } - -ul#sidepage-menu li a.icon-theme { - background-image: url(icons/theme.small.386ede.png); } - -ul.apps li.icon-theme a { - background-image: url(icons/theme.large.png); } - -ul.apps li.icon-theme a:hover { - background-image: url(icons/theme.large-hover.png); } - -ul#sidepage-menu li a.icon-users { - background-image: url(icons/users.small.386ede.png); } - -ul.apps li.icon-users a { - background-image: url(icons/users.large.png); } - -ul.apps li.icon-users a:hover { - background-image: url(icons/users.large-hover.png); } - -ul#sidepage-menu li a.icon-workflows { - background-image: url(icons/workflows.small.386ede.png); } - -ul.apps li.icon-workflows a { - background-image: url(icons/workflows.large.png); } - -ul.apps li.icon-workflows a:hover { - background-image: url(icons/workflows.large-hover.png); } - -@media print { - div#top, - span#breadcrumb, - div#header, - #sidepage-menu { - display: none; } - body.sidepage-expanded #main { - margin: 0; } - div#header h1 { - text-shadow: none; } } - -#appbar { - position: relative; - border-radius: 3px 3px 0 0; } - #appbar > a { - position: relative; - top: -45px; - float: right; - margin-left: 2em; } - #appbar span.actions { - position: absolute; - bottom: 0px; - right: 0; } - #appbar span.actions a { - float: right; - margin-left: 2em; } - #appbar > a.disabled, - #appbar span.actions > a.disabled { - border-color: #aaa; - color: #aaa; - background: #eee; - pointer-events: none; } - #appbar > a.disabled:hover, - #appbar span.actions > a.disabled:hover { - background: #eee; - color: #aaa; } - #appbar span.actions a.extra-actions-menu-opener, - #appbar a.extra-actions-menu-opener { - border: 1px solid transparent; - color: #386ede; } - #appbar span.actions a.extra-actions-menu-opener::before, - #appbar a.extra-actions-menu-opener::before { - border-radius: 3px; - cursor: pointer; - content: "\f142"; - /* ellipsis-v */ - font-family: FontAwesome; - border-bottom: 0; - position: relative; - z-index: 200; - top: 2px; } - #appbar span.actions a.extra-actions-menu-opener.open, #appbar span.actions a.extra-actions-menu-opener.open:hover, - #appbar a.extra-actions-menu-opener.open, - #appbar a.extra-actions-menu-opener.open:hover { - background: #386ede; - color: white; - border: 1px solid transparent; - border-radius: 3px 3px 0 0; } - #appbar .extra-actions-menu { - padding: 0px; - list-style: none; - position: absolute; - right: 0px; - margin-top: -20px; - background: #386ede; - box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.04); - z-index: 100; - display: none; - min-width: 12em; } - #appbar .extra-actions-menu.open { - border-radius: 3px 0 3px 3px; - display: block; } - #appbar .extra-actions-menu li { - margin: 0; } - #appbar .extra-actions-menu li a { - color: white; - float: none; - display: block; - margin: 0; - padding: 5px 10px; - border: 0; } - #appbar .extra-actions-menu li a:hover { - background: #8faeed; } - #appbar span.actions .extra-actions-menu { - margin-top: 0px; - top: 100%; } - #appbar.highlight { - background: linear-gradient(to right, #386ede 30%, #00d6eb 100%); - border-radius: 3px; - padding: 1rem; - padding-bottom: 5px; - margin-bottom: 1rem; } - #appbar.highlight h2 { - color: white; } - #appbar h2 span.tag { - box-sizing: border-box; - border-radius: 1em; - padding: 0 1rem; - background: #fafaff; - color: #3c3c33; - border: 1px solid #386ede; - font-size: 1.2rem; - margin-left: 0.5rem; } - -div.section { - margin: 1em 0; - border: 1px solid transparent; - border-radius: 3px; - background: white; } - div.section:first-child { - margin-top: 0; } - div.section.padded { - padding: 1em; } - div.section > h2, div.section > h3 { - font-weight: normal; - font-size: 120%; - border-bottom: 1px solid transparent; - padding: 0 0.5rem 0 1rem; - height: 3.5rem; - line-height: 3.5rem; - margin-top: 0; - margin-bottom: 0; - background: #386ede; - background: linear-gradient(to right, #386ede 30%, #00d6eb 100%); - color: white; - display: flex; - align-items: baseline; - justify-content: space-between; } - div.section > h2 a:not(.button), div.section > h3 a:not(.button) { - color: white; - border-bottom: 1px dotted white; } - div.section > h2 a:not(.button):hover, div.section > h3 a:not(.button):hover { - border-style: solid; } - div.section > h2 a.button, div.section > h3 a.button { - margin: 0; - line-height: 100%; - font-weight: normal; - padding-top: 0.7rem; - padding-bottom: 0.8rem; } - div.section > div, div.section > dl { - padding: 1rem; } - div.section > div > ul.objects-list, div.section > dl > ul.objects-list { - padding-left: 0; } - div.section > div > ul, div.section > dl > ul { - margin-left: 0; - padding-left: 2rem; } - div.section h4 { - padding-bottom: 3px; - border-bottom: 1px solid #bcbcbc; } - div.section.foldable > h2, div.section.foldable > h3 { - cursor: pointer; } - div.section.foldable > h2::after, div.section.foldable > h3::after { - content: "▼"; - font-size: 80%; - text-align: right; - float: right; - transition: transform ease 0.1s; - margin-right: 0.8rem; } - div.section.foldable.folded > h2, div.section.foldable.folded > h3 { - border-bottom-color: transparent; } - div.section.foldable.folded > h2::after, div.section.foldable.folded > h3::after { - transform: rotate(-90deg); } - div.section.foldable.folded > div, div.section.foldable.folded > dl { - display: none; } - div.section.disabled > h2, div.section.disabled > h3 { - background: #ccc; - background: linear-gradient(to right, #666 30%, #bbb 100%); } - -.varname { - color: #444; } - -div.cke { - box-shadow: none; } - div.cke .cke_top, div.cke .cke_bottom { - background: #eee; } - div.cke a.cke_button, div.cke span.cke_combo a.cke_combo_button { - background: white; } - div.cke a.cke_button:hover, div.cke span.cke_combo a.cke_combo_button:hover { - background: #eee; } - div.cke a.cke_button.cke_button_on, div.cke span.cke_combo.cke_combo_on a.cke_combo_button { - background: #ccc; - box-shadow: none; } - div.cke .cke_toolgroup { - background: white; } - -div.cke_reset_all .cke_dialog .cke_dialog_body * { - font-family: "Open Sans", sans-serif; } - -div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_title { - background: white; } - -div.cke_reset_all .cke_dialog .cke_dialog_body input.cke_dialog_ui_input_text, div.cke_reset_all .cke_dialog .cke_dialog_body input.cke_dialog_ui_input_password, div.cke_reset_all .cke_dialog .cke_dialog_body textarea.cke_dialog_ui_input_textarea { - box-shadow: none; } - -div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer { - border: none; - background: white; } - div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button { - box-shadow: none; } - div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:active, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:hover { - box-shadow: none; - padding: 5px 15px; } - div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:active span, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:hover span { - padding: 0 12px; - text-shadow: none; } - -div.grid { - float: left; - box-sizing: border-box; - padding-right: 1em; - clear: none; } - -form div[class*=grid-] ~ h3, form div[class*=grid-] ~ h4, form div[class*=grid-] ~ p, form div[class*=grid-] + div { - clear: both; } - -div.grid-1-1 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 100%; } - @media screen and (max-width: 401px) { - div.grid-1-1 { - width: 100%; } } - div.grid-1-1 table, div.grid-1-1 textarea, div.grid-1-1 select, div.grid-1-1 input[type=text], div.grid-1-1 input[type=password], div.grid-1-1 input[type=email] { - width: 100%; } - div.grid-1-1 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-1-1, -div div.grid-1-1 { - clear: none; } - body div + div.grid-1-1.newline, - div div.grid-1-1.newline { - clear: both; } - -div.grid-1-2 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 50%; } - @media screen and (max-width: 401px) { - div.grid-1-2 { - width: 100%; } } - div.grid-1-2 table, div.grid-1-2 textarea, div.grid-1-2 select, div.grid-1-2 input[type=text], div.grid-1-2 input[type=password], div.grid-1-2 input[type=email] { - width: 100%; } - div.grid-1-2 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-1-2, -div div.grid-1-2 { - clear: none; } - body div + div.grid-1-2.newline, - div div.grid-1-2.newline { - clear: both; } - -div.grid-2-2 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 100%; } - @media screen and (max-width: 401px) { - div.grid-2-2 { - width: 100%; } } - div.grid-2-2 table, div.grid-2-2 textarea, div.grid-2-2 select, div.grid-2-2 input[type=text], div.grid-2-2 input[type=password], div.grid-2-2 input[type=email] { - width: 100%; } - div.grid-2-2 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-2-2, -div div.grid-2-2 { - clear: none; } - body div + div.grid-2-2.newline, - div div.grid-2-2.newline { - clear: both; } - -div.grid-1-3 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 33.3333333333%; } - @media screen and (max-width: 401px) { - div.grid-1-3 { - width: 100%; } } - div.grid-1-3 table, div.grid-1-3 textarea, div.grid-1-3 select, div.grid-1-3 input[type=text], div.grid-1-3 input[type=password], div.grid-1-3 input[type=email] { - width: 100%; } - div.grid-1-3 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-1-3, -div div.grid-1-3 { - clear: none; } - body div + div.grid-1-3.newline, - div div.grid-1-3.newline { - clear: both; } - -div.grid-2-3 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 66.6666666667%; } - @media screen and (max-width: 401px) { - div.grid-2-3 { - width: 100%; } } - div.grid-2-3 table, div.grid-2-3 textarea, div.grid-2-3 select, div.grid-2-3 input[type=text], div.grid-2-3 input[type=password], div.grid-2-3 input[type=email] { - width: 100%; } - div.grid-2-3 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-2-3, -div div.grid-2-3 { - clear: none; } - body div + div.grid-2-3.newline, - div div.grid-2-3.newline { - clear: both; } - -div.grid-3-3 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 100%; } - @media screen and (max-width: 401px) { - div.grid-3-3 { - width: 100%; } } - div.grid-3-3 table, div.grid-3-3 textarea, div.grid-3-3 select, div.grid-3-3 input[type=text], div.grid-3-3 input[type=password], div.grid-3-3 input[type=email] { - width: 100%; } - div.grid-3-3 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-3-3, -div div.grid-3-3 { - clear: none; } - body div + div.grid-3-3.newline, - div div.grid-3-3.newline { - clear: both; } - -div.grid-1-4 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 25%; } - @media screen and (max-width: 601px) { - div.grid-1-4 { - width: 50%; } } - @media screen and (max-width: 401px) { - div.grid-1-4 { - width: 100%; } } - div.grid-1-4 table, div.grid-1-4 textarea, div.grid-1-4 select, div.grid-1-4 input[type=text], div.grid-1-4 input[type=password], div.grid-1-4 input[type=email] { - width: 100%; } - div.grid-1-4 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-1-4, -div div.grid-1-4 { - clear: none; } - body div + div.grid-1-4.newline, - div div.grid-1-4.newline { - clear: both; } - -div.grid-2-4 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 50%; } - @media screen and (max-width: 601px) { - div.grid-2-4 { - width: 50%; } } - @media screen and (max-width: 401px) { - div.grid-2-4 { - width: 100%; } } - div.grid-2-4 table, div.grid-2-4 textarea, div.grid-2-4 select, div.grid-2-4 input[type=text], div.grid-2-4 input[type=password], div.grid-2-4 input[type=email] { - width: 100%; } - div.grid-2-4 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-2-4, -div div.grid-2-4 { - clear: none; } - body div + div.grid-2-4.newline, - div div.grid-2-4.newline { - clear: both; } - -div.grid-3-4 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 75%; } - @media screen and (max-width: 601px) { - div.grid-3-4 { - width: 100%; } } - @media screen and (max-width: 401px) { - div.grid-3-4 { - width: 100%; } } - div.grid-3-4 table, div.grid-3-4 textarea, div.grid-3-4 select, div.grid-3-4 input[type=text], div.grid-3-4 input[type=password], div.grid-3-4 input[type=email] { - width: 100%; } - div.grid-3-4 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-3-4, -div div.grid-3-4 { - clear: none; } - body div + div.grid-3-4.newline, - div div.grid-3-4.newline { - clear: both; } - -div.grid-4-4 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 100%; } - @media screen and (max-width: 601px) { - div.grid-4-4 { - width: 100%; } } - @media screen and (max-width: 401px) { - div.grid-4-4 { - width: 100%; } } - div.grid-4-4 table, div.grid-4-4 textarea, div.grid-4-4 select, div.grid-4-4 input[type=text], div.grid-4-4 input[type=password], div.grid-4-4 input[type=email] { - width: 100%; } - div.grid-4-4 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-4-4, -div div.grid-4-4 { - clear: none; } - body div + div.grid-4-4.newline, - div div.grid-4-4.newline { - clear: both; } - -div.grid-1-6 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 16.6666666667%; } - @media screen and (max-width: 601px) { - div.grid-1-6 { - width: 33.3333333333%; } } - @media screen and (max-width: 401px) { - div.grid-1-6 { - width: 100%; } } - div.grid-1-6 table, div.grid-1-6 textarea, div.grid-1-6 select, div.grid-1-6 input[type=text], div.grid-1-6 input[type=password], div.grid-1-6 input[type=email] { - width: 100%; } - div.grid-1-6 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-1-6, -div div.grid-1-6 { - clear: none; } - body div + div.grid-1-6.newline, - div div.grid-1-6.newline { - clear: both; } - -div.grid-2-6 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 33.3333333333%; } - @media screen and (max-width: 601px) { - div.grid-2-6 { - width: 33.3333333333%; } } - @media screen and (max-width: 401px) { - div.grid-2-6 { - width: 100%; } } - div.grid-2-6 table, div.grid-2-6 textarea, div.grid-2-6 select, div.grid-2-6 input[type=text], div.grid-2-6 input[type=password], div.grid-2-6 input[type=email] { - width: 100%; } - div.grid-2-6 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-2-6, -div div.grid-2-6 { - clear: none; } - body div + div.grid-2-6.newline, - div div.grid-2-6.newline { - clear: both; } - -div.grid-3-6 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 50%; } - @media screen and (max-width: 601px) { - div.grid-3-6 { - width: 50%; } } - @media screen and (max-width: 401px) { - div.grid-3-6 { - width: 100%; } } - div.grid-3-6 table, div.grid-3-6 textarea, div.grid-3-6 select, div.grid-3-6 input[type=text], div.grid-3-6 input[type=password], div.grid-3-6 input[type=email] { - width: 100%; } - div.grid-3-6 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-3-6, -div div.grid-3-6 { - clear: none; } - body div + div.grid-3-6.newline, - div div.grid-3-6.newline { - clear: both; } - -div.grid-4-6 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 66.6666666667%; } - @media screen and (max-width: 601px) { - div.grid-4-6 { - width: 66.6666666667%; } } - @media screen and (max-width: 401px) { - div.grid-4-6 { - width: 100%; } } - div.grid-4-6 table, div.grid-4-6 textarea, div.grid-4-6 select, div.grid-4-6 input[type=text], div.grid-4-6 input[type=password], div.grid-4-6 input[type=email] { - width: 100%; } - div.grid-4-6 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-4-6, -div div.grid-4-6 { - clear: none; } - body div + div.grid-4-6.newline, - div div.grid-4-6.newline { - clear: both; } - -div.grid-5-6 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 83.3333333333%; } - @media screen and (max-width: 601px) { - div.grid-5-6 { - width: 66.6666666667%; } } - @media screen and (max-width: 401px) { - div.grid-5-6 { - width: 100%; } } - div.grid-5-6 table, div.grid-5-6 textarea, div.grid-5-6 select, div.grid-5-6 input[type=text], div.grid-5-6 input[type=password], div.grid-5-6 input[type=email] { - width: 100%; } - div.grid-5-6 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-5-6, -div div.grid-5-6 { - clear: none; } - body div + div.grid-5-6.newline, - div div.grid-5-6.newline { - clear: both; } - -div.grid-6-6 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 100%; } - @media screen and (max-width: 601px) { - div.grid-6-6 { - width: 100%; } } - @media screen and (max-width: 401px) { - div.grid-6-6 { - width: 100%; } } - div.grid-6-6 table, div.grid-6-6 textarea, div.grid-6-6 select, div.grid-6-6 input[type=text], div.grid-6-6 input[type=password], div.grid-6-6 input[type=email] { - width: 100%; } - div.grid-6-6 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-6-6, -div div.grid-6-6 { - clear: none; } - body div + div.grid-6-6.newline, - div div.grid-6-6.newline { - clear: both; } - -div.grid-1-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 8.3333333333%; } - @media screen and (max-width: 601px) { - div.grid-1-12 { - width: 33.3333333333%; } } - @media screen and (max-width: 401px) { - div.grid-1-12 { - width: 100%; } } - div.grid-1-12 table, div.grid-1-12 textarea, div.grid-1-12 select, div.grid-1-12 input[type=text], div.grid-1-12 input[type=password], div.grid-1-12 input[type=email] { - width: 100%; } - div.grid-1-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-1-12, -div div.grid-1-12 { - clear: none; } - body div + div.grid-1-12.newline, - div div.grid-1-12.newline { - clear: both; } - -div.grid-2-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 16.6666666667%; } - @media screen and (max-width: 601px) { - div.grid-2-12 { - width: 33.3333333333%; } } - @media screen and (max-width: 401px) { - div.grid-2-12 { - width: 100%; } } - div.grid-2-12 table, div.grid-2-12 textarea, div.grid-2-12 select, div.grid-2-12 input[type=text], div.grid-2-12 input[type=password], div.grid-2-12 input[type=email] { - width: 100%; } - div.grid-2-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-2-12, -div div.grid-2-12 { - clear: none; } - body div + div.grid-2-12.newline, - div div.grid-2-12.newline { - clear: both; } - -div.grid-3-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 25%; } - @media screen and (max-width: 601px) { - div.grid-3-12 { - width: 33.3333333333%; } } - @media screen and (max-width: 401px) { - div.grid-3-12 { - width: 100%; } } - div.grid-3-12 table, div.grid-3-12 textarea, div.grid-3-12 select, div.grid-3-12 input[type=text], div.grid-3-12 input[type=password], div.grid-3-12 input[type=email] { - width: 100%; } - div.grid-3-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-3-12, -div div.grid-3-12 { - clear: none; } - body div + div.grid-3-12.newline, - div div.grid-3-12.newline { - clear: both; } - -div.grid-4-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 33.3333333333%; } - @media screen and (max-width: 601px) { - div.grid-4-12 { - width: 33.3333333333%; } } - @media screen and (max-width: 401px) { - div.grid-4-12 { - width: 100%; } } - div.grid-4-12 table, div.grid-4-12 textarea, div.grid-4-12 select, div.grid-4-12 input[type=text], div.grid-4-12 input[type=password], div.grid-4-12 input[type=email] { - width: 100%; } - div.grid-4-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-4-12, -div div.grid-4-12 { - clear: none; } - body div + div.grid-4-12.newline, - div div.grid-4-12.newline { - clear: both; } - -div.grid-5-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 41.6666666667%; } - @media screen and (max-width: 601px) { - div.grid-5-12 { - width: 50%; } } - @media screen and (max-width: 401px) { - div.grid-5-12 { - width: 100%; } } - div.grid-5-12 table, div.grid-5-12 textarea, div.grid-5-12 select, div.grid-5-12 input[type=text], div.grid-5-12 input[type=password], div.grid-5-12 input[type=email] { - width: 100%; } - div.grid-5-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-5-12, -div div.grid-5-12 { - clear: none; } - body div + div.grid-5-12.newline, - div div.grid-5-12.newline { - clear: both; } - -div.grid-6-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 50%; } - @media screen and (max-width: 601px) { - div.grid-6-12 { - width: 50%; } } - @media screen and (max-width: 401px) { - div.grid-6-12 { - width: 100%; } } - div.grid-6-12 table, div.grid-6-12 textarea, div.grid-6-12 select, div.grid-6-12 input[type=text], div.grid-6-12 input[type=password], div.grid-6-12 input[type=email] { - width: 100%; } - div.grid-6-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-6-12, -div div.grid-6-12 { - clear: none; } - body div + div.grid-6-12.newline, - div div.grid-6-12.newline { - clear: both; } - -div.grid-7-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 58.3333333333%; } - @media screen and (max-width: 601px) { - div.grid-7-12 { - width: 50%; } } - @media screen and (max-width: 401px) { - div.grid-7-12 { - width: 100%; } } - div.grid-7-12 table, div.grid-7-12 textarea, div.grid-7-12 select, div.grid-7-12 input[type=text], div.grid-7-12 input[type=password], div.grid-7-12 input[type=email] { - width: 100%; } - div.grid-7-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-7-12, -div div.grid-7-12 { - clear: none; } - body div + div.grid-7-12.newline, - div div.grid-7-12.newline { - clear: both; } - -div.grid-8-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 66.6666666667%; } - @media screen and (max-width: 601px) { - div.grid-8-12 { - width: 66.6666666667%; } } - @media screen and (max-width: 401px) { - div.grid-8-12 { - width: 100%; } } - div.grid-8-12 table, div.grid-8-12 textarea, div.grid-8-12 select, div.grid-8-12 input[type=text], div.grid-8-12 input[type=password], div.grid-8-12 input[type=email] { - width: 100%; } - div.grid-8-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-8-12, -div div.grid-8-12 { - clear: none; } - body div + div.grid-8-12.newline, - div div.grid-8-12.newline { - clear: both; } - -div.grid-9-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 75%; } - @media screen and (max-width: 601px) { - div.grid-9-12 { - width: 66.6666666667%; } } - @media screen and (max-width: 401px) { - div.grid-9-12 { - width: 100%; } } - div.grid-9-12 table, div.grid-9-12 textarea, div.grid-9-12 select, div.grid-9-12 input[type=text], div.grid-9-12 input[type=password], div.grid-9-12 input[type=email] { - width: 100%; } - div.grid-9-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-9-12, -div div.grid-9-12 { - clear: none; } - body div + div.grid-9-12.newline, - div div.grid-9-12.newline { - clear: both; } - -div.grid-10-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 83.3333333333%; } - @media screen and (max-width: 601px) { - div.grid-10-12 { - width: 66.6666666667%; } } - @media screen and (max-width: 401px) { - div.grid-10-12 { - width: 100%; } } - div.grid-10-12 table, div.grid-10-12 textarea, div.grid-10-12 select, div.grid-10-12 input[type=text], div.grid-10-12 input[type=password], div.grid-10-12 input[type=email] { - width: 100%; } - div.grid-10-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-10-12, -div div.grid-10-12 { - clear: none; } - body div + div.grid-10-12.newline, - div div.grid-10-12.newline { - clear: both; } - -div.grid-11-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 91.6666666667%; } - @media screen and (max-width: 601px) { - div.grid-11-12 { - width: 66.6666666667%; } } - @media screen and (max-width: 401px) { - div.grid-11-12 { - width: 100%; } } - div.grid-11-12 table, div.grid-11-12 textarea, div.grid-11-12 select, div.grid-11-12 input[type=text], div.grid-11-12 input[type=password], div.grid-11-12 input[type=email] { - width: 100%; } - div.grid-11-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-11-12, -div div.grid-11-12 { - clear: none; } - body div + div.grid-11-12.newline, - div div.grid-11-12.newline { - clear: both; } - -div.grid-12-12 { - float: left; - box-sizing: border-box; - padding-right: 1em; - width: 100%; } - @media screen and (max-width: 601px) { - div.grid-12-12 { - width: 100%; } } - @media screen and (max-width: 401px) { - div.grid-12-12 { - width: 100%; } } - div.grid-12-12 table, div.grid-12-12 textarea, div.grid-12-12 select, div.grid-12-12 input[type=text], div.grid-12-12 input[type=password], div.grid-12-12 input[type=email] { - width: 100%; } - div.grid-12-12 .select2-container { - min-width: auto; - width: 100% !important; } - -body div + div.grid-12-12, -div div.grid-12-12 { - clear: none; } - body div + div.grid-12-12.newline, - div div.grid-12-12.newline { - clear: both; } - -.fx-grid, -[class*="fx-grid--"] { - display: flex; - flex-wrap: wrap; - margin: 0; - padding: 0; - margin-left: -0.5rem; - margin-right: -0.5rem; - /* if flex item are list */ - list-style-type: none; } - .fx-grid > *, - [class*="fx-grid--"] > * { - box-sizing: border-box; - margin-left: 0.5rem; - margin-right: 0.5rem; - flex-basis: calc(100% - 1rem); - hyphens: auto; } - -.fx-grid--auto > * { - flex-basis: 10em; - flex-shrink: 1; - flex-grow: 1; } - -.fx-grid--2 > *, -[class*="fx-grid--"][class*="--m2"] > * { - flex-basis: calc(50% - 1rem); } - -.fx-grid--3 > *, -[class*="fx-grid--"][class*="--m3"] > * { - flex-basis: calc(33.3333333333% - 1rem); } - -@media (min-width: 402px) { - [class*="fx-grid--"][class*="--t2"] > * { - flex-basis: calc(50% - 1rem); } - [class*="fx-grid--"][class*="--t3"] > * { - flex-basis: calc(33.3333333333% - 1rem); } - [class*="fx-grid--"][class*="--t4"] > * { - flex-basis: calc(25% - 1rem); } - [class*="fx-grid--"][class*="--t5"] > * { - flex-basis: calc(20% - 1rem); } - [class*="fx-grid--"][class*="--t6"] > * { - flex-basis: calc(16.6666666667% - 1rem); } } - -@media (min-width: 602px) { - [class*="fx-grid--"][class*="--d2"] > * { - flex-basis: calc(50% - 1rem); } - [class*="fx-grid--"][class*="--d3"] > * { - flex-basis: calc(33.3333333333% - 1rem); } - [class*="fx-grid--"][class*="--d4"] > * { - flex-basis: calc(25% - 1rem); } - [class*="fx-grid--"][class*="--d5"] > * { - flex-basis: calc(20% - 1rem); } - [class*="fx-grid--"][class*="--d6"] > * { - flex-basis: calc(16.6666666667% - 1rem); } - [class*="fx-grid--"][class*="--d7"] > * { - flex-basis: calc(14.2857142857% - 1rem); } - [class*="fx-grid--"][class*="--d8"] > * { - flex-basis: calc(12.5% - 1rem); } - [class*="fx-grid--"][class*="--d9"] > * { - flex-basis: calc(11.1111111111% - 1rem); } } - -.fx-grid > .size--1-1, -.fx-grid > [class*="size--"][class*="--m1-1"], -[class*="fx-grid--"] > .size--1-1, -[class*="fx-grid--"] > [class*="size--"][class*="--m1-1"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - -.fx-grid > .size--1-2, -.fx-grid > [class*="size--"][class*="--m1-2"], -[class*="fx-grid--"] > .size--1-2, -[class*="fx-grid--"] > [class*="size--"][class*="--m1-2"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - -.fx-grid > .size--2-2, -.fx-grid > [class*="size--"][class*="--m2-2"], -[class*="fx-grid--"] > .size--2-2, -[class*="fx-grid--"] > [class*="size--"][class*="--m2-2"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - -.fx-grid > .size--1-3, -.fx-grid > [class*="size--"][class*="--m1-3"], -[class*="fx-grid--"] > .size--1-3, -[class*="fx-grid--"] > [class*="size--"][class*="--m1-3"] { - flex-basis: calc( 33.3333333333% - 1rem); - flex-grow: 0; } - -.fx-grid > .size--2-3, -.fx-grid > [class*="size--"][class*="--m2-3"], -[class*="fx-grid--"] > .size--2-3, -[class*="fx-grid--"] > [class*="size--"][class*="--m2-3"] { - flex-basis: calc( 66.6666666667% - 1rem); - flex-grow: 0; } - -.fx-grid > .size--3-3, -.fx-grid > [class*="size--"][class*="--m3-3"], -[class*="fx-grid--"] > .size--3-3, -[class*="fx-grid--"] > [class*="size--"][class*="--m3-3"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - -@media (min-width: 402px) { - .fx-grid > [class*="size--"][class*="--t1-1"], - [class*="fx-grid--"] > [class*="size--"][class*="--t1-1"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t1-2"], - [class*="fx-grid--"] > [class*="size--"][class*="--t1-2"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t2-2"], - [class*="fx-grid--"] > [class*="size--"][class*="--t2-2"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t1-3"], - [class*="fx-grid--"] > [class*="size--"][class*="--t1-3"] { - flex-basis: calc( 33.3333333333% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t2-3"], - [class*="fx-grid--"] > [class*="size--"][class*="--t2-3"] { - flex-basis: calc( 66.6666666667% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t3-3"], - [class*="fx-grid--"] > [class*="size--"][class*="--t3-3"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t1-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--t1-4"] { - flex-basis: calc( 25% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t2-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--t2-4"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t3-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--t3-4"] { - flex-basis: calc( 75% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t4-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--t4-4"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t1-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--t1-5"] { - flex-basis: calc( 20% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t2-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--t2-5"] { - flex-basis: calc( 40% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t3-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--t3-5"] { - flex-basis: calc( 60% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t4-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--t4-5"] { - flex-basis: calc( 80% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t5-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--t5-5"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t1-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--t1-6"] { - flex-basis: calc( 16.6666666667% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t2-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--t2-6"] { - flex-basis: calc( 33.3333333333% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t3-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--t3-6"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t4-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--t4-6"] { - flex-basis: calc( 66.6666666667% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t5-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--t5-6"] { - flex-basis: calc( 83.3333333333% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--t6-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--t6-6"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } } - -@media (min-width: 602px) { - .fx-grid > [class*="size--"][class*="--d1-1"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-1"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-2"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-2"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-2"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-2"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-3"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-3"] { - flex-basis: calc( 33.3333333333% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-3"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-3"] { - flex-basis: calc( 66.6666666667% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d3-3"], - [class*="fx-grid--"] > [class*="size--"][class*="--d3-3"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-4"] { - flex-basis: calc( 25% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-4"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d3-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--d3-4"] { - flex-basis: calc( 75% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d4-4"], - [class*="fx-grid--"] > [class*="size--"][class*="--d4-4"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-5"] { - flex-basis: calc( 20% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-5"] { - flex-basis: calc( 40% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d3-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--d3-5"] { - flex-basis: calc( 60% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d4-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--d4-5"] { - flex-basis: calc( 80% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d5-5"], - [class*="fx-grid--"] > [class*="size--"][class*="--d5-5"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-6"] { - flex-basis: calc( 16.6666666667% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-6"] { - flex-basis: calc( 33.3333333333% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d3-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--d3-6"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d4-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--d4-6"] { - flex-basis: calc( 66.6666666667% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d5-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--d5-6"] { - flex-basis: calc( 83.3333333333% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d6-6"], - [class*="fx-grid--"] > [class*="size--"][class*="--d6-6"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-7"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-7"] { - flex-basis: calc( 14.2857142857% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-7"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-7"] { - flex-basis: calc( 28.5714285714% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d3-7"], - [class*="fx-grid--"] > [class*="size--"][class*="--d3-7"] { - flex-basis: calc( 42.8571428571% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d4-7"], - [class*="fx-grid--"] > [class*="size--"][class*="--d4-7"] { - flex-basis: calc( 57.1428571429% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d5-7"], - [class*="fx-grid--"] > [class*="size--"][class*="--d5-7"] { - flex-basis: calc( 71.4285714286% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d6-7"], - [class*="fx-grid--"] > [class*="size--"][class*="--d6-7"] { - flex-basis: calc( 85.7142857143% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d7-7"], - [class*="fx-grid--"] > [class*="size--"][class*="--d7-7"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-8"] { - flex-basis: calc( 12.5% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-8"] { - flex-basis: calc( 25% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d3-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d3-8"] { - flex-basis: calc( 37.5% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d4-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d4-8"] { - flex-basis: calc( 50% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d5-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d5-8"] { - flex-basis: calc( 62.5% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d6-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d6-8"] { - flex-basis: calc( 75% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d7-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d7-8"] { - flex-basis: calc( 87.5% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d8-8"], - [class*="fx-grid--"] > [class*="size--"][class*="--d8-8"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d1-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d1-9"] { - flex-basis: calc( 11.1111111111% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d2-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d2-9"] { - flex-basis: calc( 22.2222222222% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d3-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d3-9"] { - flex-basis: calc( 33.3333333333% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d4-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d4-9"] { - flex-basis: calc( 44.4444444444% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d5-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d5-9"] { - flex-basis: calc( 55.5555555556% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d6-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d6-9"] { - flex-basis: calc( 66.6666666667% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d7-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d7-9"] { - flex-basis: calc( 77.7777777778% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d8-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d8-9"] { - flex-basis: calc( 88.8888888889% - 1rem); - flex-grow: 0; } - .fx-grid > [class*="size--"][class*="--d9-9"], - [class*="fx-grid--"] > [class*="size--"][class*="--d9-9"] { - flex-basis: calc( 100% - 1rem); - flex-grow: 0; } } - -body .ui-front { - z-index: 1000; } - -.ui-helper-hidden { - display: none; } - -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; } - -.ui-widget-content { - border: 1px solid #aaa; - background: white; } - .ui-widget-content .ui-widget-header { - border: 1px solid #aaa; - background: #ccc; - position: relative; - text-align: center; - padding: 3px; } - .ui-widget-content .ui-widget-header a { - color: #333; } - -.ui-datepicker { - display: none; - padding: .2em .2em 0; } - .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { - width: 49%; } - .ui-datepicker .ui-datepicker-title { - margin: 0 2.5em; } - .ui-datepicker table { - width: 100%; - border-collapse: collapse; } - .ui-datepicker table td { - text-align: right; } - .ui-datepicker table td a { - background: #eee; - border: 1px solid #aaa; - display: block; - padding: 0.4ex 1ex; } - .ui-datepicker table td a:hover { - border-color: #666; } - .ui-datepicker a { - border-bottom: 0; } - .ui-datepicker .ui-datepicker-prev { - display: block; - position: absolute; - left: 0.5ex; - cursor: pointer; } - .ui-datepicker .ui-datepicker-prev::after { - font-family: FontAwesome; - content: "\f060"; - /* fa-arrow-left */ } - .ui-datepicker .ui-datepicker-prev span { - display: none; } - .ui-datepicker .ui-datepicker-next { - display: block; - position: absolute; - right: 0.5ex; - cursor: pointer; } - .ui-datepicker .ui-datepicker-next::after { - font-family: FontAwesome; - content: "\f061"; - /* fa-arrow-right */ } - .ui-datepicker .ui-datepicker-next span { - display: none; } - -/* dialog styling */ -.ui-helper-clearfix { - min-height: 0; } - .ui-helper-clearfix::before, .ui-helper-clearfix::after { - content: ""; - display: table; - border-collapse: collapse; } - .ui-helper-clearfix::after { - clear: both; } - -div.ui-widget-overlay { - background: #333; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0.7; - z-index: 1000; } - -.ui-widget { - font-size: 1.1em; } - .ui-widget .ui-widget { - font-size: 1em; } - -div.ui-dialog { - border: 0; - outline: 0; - background: white; - box-shadow: #666666 0px 0px 20px 2px; - padding: 0; - border-radius: 0; - max-width: 80%; - min-width: 30%; - position: absolute; } - div.ui-dialog .ui-dialog-titlebar { - background: white; - border-radius: 0; - border: none; - position: relative; - padding: 0.7em 1em; - cursor: move; - text-align: left; } - div.ui-dialog .ui-dialog-titlebar .ui-dialog-title { - font-size: 140%; - font-weight: normal; } - div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { - position: absolute; - right: .3em; - height: 20px; - min-width: 20px; - padding: 0; - margin-right: 0; - outline: none; - color: transparent; } - div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick::after { - color: #333; - content: "×"; - font-size: 120%; - display: block; } - div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text { - display: block; - text-indent: -9999999px; } - div.ui-dialog .ui-dialog-titlebar button { - padding: 0; - border: 1px solid transparent; - background: transparent; - box-shadow: none; - cursor: pointer; } - div.ui-dialog .ui-widget-content { - position: relative; - border: 0; - padding: .5em 1em; - background: none; - overflow: auto; } - div.ui-dialog .ui-dialog-buttonpane { - position: relative; - background: white; - margin-top: 0.5em; - padding: 0.3em 1em 0.5em 0.4em; } - div.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; - display: flex; } - div.ui-dialog .ui-dialog-buttonpane button { - margin: 0.5em 0 0.5em 1em; } - div.ui-dialog .ui-dialog-buttonpane button.cancel-button { - order: -1; } - div.ui-dialog form p input, - div.ui-dialog form p select, - div.ui-dialog form p textarea, - div.ui-dialog div.widget input, - div.ui-dialog div.widget select, - div.ui-dialog div.widget textarea { - width: 100%; } - div.ui-dialog form p input[type=submit], div.ui-dialog form p input[type=radio], div.ui-dialog form p input[type=checkbox], - div.ui-dialog div.widget input[type=submit], - div.ui-dialog div.widget input[type=radio], - div.ui-dialog div.widget input[type=checkbox] { - width: auto; } - div.ui-dialog .helptext { - max-width: 50em; } - div.ui-dialog.oneline-dialog { - transition: box-shadow 800ms ease 200ms; } - div.ui-dialog.oneline-dialog .ui-dialog-titlebar { - float: right; - padding-top: 5px; } - div.ui-dialog.oneline-dialog .ui-dialog-title { - display: none; } - div.ui-dialog.oneline-dialog .ui-dialog-titlebar-close { - display: block; } - div.ui-dialog.oneline-dialog.feedback-on-open { - box-shadow: #386ede 0px 0px 20px 2px; } - -.ui-tooltip { - display: inline-block; - box-shadow: #666 0px 0px 4px 0px; - z-index: 100000; } - .ui-tooltip div.ui-tooltip-content { - background: white; - padding: 1ex; } - -ul.ui-autocomplete { - position: absolute; - top: 0; - left: 0; - cursor: default; - list-style: none; - margin: 0; - padding: 0; - max-height: 15em; - overflow-y: scroll; - overflow-x: hidden; } - ul.ui-autocomplete li { - margin: 0; - padding: 0 1ex; - position: relative; - min-height: 0; } - ul.ui-autocomplete li:hover { - background: #eee; } - -input, select, button, textarea { - font-size: 100%; - font-family: "Open Sans", sans-serif; } - -label { - margin-bottom: 0; - font-weight: normal; } - -form div.widget { - margin-bottom: 2ex; } - -div.errornotice p { - margin: 1ex 0; } - div.errornotice p:first-child { - margin-top: 0; } - div.errornotice p:last-child { - margin-bottom: 0; } - -div.error { - color: black; - font-weight: normal; - background: transparent; - padding-left: 0px; - margin-left: 2px; } - -div.error::before { - content: "\f071"; - /* fa-exclamation-triangle */ - font-family: FontAwesome; - padding-right: 1ex; } - -span.required { - margin-left: 0.7ex; - position: relative; - top: -0.2ex; - cursor: help; } - -div.widget div.title { - margin-bottom: 0; } - -div.buttons { - margin-top: 2em; } - -div.buttons div { - display: inline-block; } - div.buttons div input[name="submit"] { - font-weight: bold; } - -a.button { - padding-bottom: calc(1ex + 1px); - line-height: 2.5em; } - -div#portal-agent-content div.cell.pk-button a, div#portal-agent-content div.cell.pk-big-button a, aside#sidebar div.cell.pk-button a, aside#sidebar div.cell.pk-big-button a, div#portal-agent-content div.cell a.pk-button, div#portal-agent-content div.cell a.pk-big-button, aside#sidebar div.cell a.pk-button, aside#sidebar div.cell a.pk-big-button, a.button, a.pk-button, button, input[type=submit], div.buttons input, div.buttons a.cancel, ul.messages li .action-button, -div.infonotice .action-button, -div.successnotice .action-button, -div.warningnotice .action-button, -div.errornotice .action-button, -div.pk-information .action-button, -div.pk-attention .action-button, -div.pk-error .action-button, #appbar > a, -#appbar span.actions > a, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button { - padding: 5px 15px; - cursor: pointer; - border: 0px solid #aaa; - -webkit-transition: all 200ms ease; - -moz-transition: all 200ms ease; - -ms-transition: all 200ms ease; - -o-transition: all 200ms ease; - transition: all 200ms ease; - vertical-align: baseline; - border-radius: 3px; - font-weight: bold; - background: white; - border: 1px solid #386ede; - color: #386ede; - -webkit-transition: border-color 0.2s ease, box-shadow 0.2s linear; - -moz-transition: border-color 0.2s ease, box-shadow 0.2s linear; - -ms-transition: border-color 0.2s ease, box-shadow 0.2s linear; - -o-transition: border-color 0.2s ease, box-shadow 0.2s linear; - transition: border-color 0.2s ease, box-shadow 0.2s linear; } - div#portal-agent-content div.cell.pk-button a[aria-pressed=true], div#portal-agent-content div.cell.pk-big-button a[aria-pressed=true], aside#sidebar div.cell.pk-button a[aria-pressed=true], aside#sidebar div.cell.pk-big-button a[aria-pressed=true], div#portal-agent-content div.cell a[aria-pressed=true].pk-button, div#portal-agent-content div.cell a[aria-pressed=true].pk-big-button, aside#sidebar div.cell a[aria-pressed=true].pk-button, aside#sidebar div.cell a[aria-pressed=true].pk-big-button, a[aria-pressed=true].button, a[aria-pressed=true].pk-button, button[aria-pressed=true], input[aria-pressed=true][type=submit], div.buttons input[aria-pressed=true], div.buttons a[aria-pressed=true].cancel, ul.messages li [aria-pressed=true].action-button, - div.infonotice [aria-pressed=true].action-button, - div.successnotice [aria-pressed=true].action-button, - div.warningnotice [aria-pressed=true].action-button, - div.errornotice [aria-pressed=true].action-button, - div.pk-information [aria-pressed=true].action-button, - div.pk-attention [aria-pressed=true].action-button, - div.pk-error [aria-pressed=true].action-button, #appbar > a[aria-pressed=true], - #appbar span.actions > a[aria-pressed=true], div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a[aria-pressed=true].cke_dialog_ui_button, div#portal-agent-content div.cell.pk-button a:hover, div#portal-agent-content div.cell.pk-big-button a:hover, aside#sidebar div.cell.pk-button a:hover, aside#sidebar div.cell.pk-big-button a:hover, div#portal-agent-content div.cell a.pk-button:hover, div#portal-agent-content div.cell a.pk-big-button:hover, aside#sidebar div.cell a.pk-button:hover, aside#sidebar div.cell a.pk-big-button:hover, a.button:hover, a.pk-button:hover, button:hover, input[type=submit]:hover, div.buttons input:hover, div.buttons a.cancel:hover, ul.messages li .action-button:hover, - div.infonotice .action-button:hover, - div.successnotice .action-button:hover, - div.warningnotice .action-button:hover, - div.errornotice .action-button:hover, - div.pk-information .action-button:hover, - div.pk-attention .action-button:hover, - div.pk-error .action-button:hover, #appbar > a:hover, - #appbar span.actions > a:hover, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:hover { - background: #386ede; - color: white; - border-color: #194297; } - div#portal-agent-content div.cell.pk-button a:active, div#portal-agent-content div.cell.pk-big-button a:active, aside#sidebar div.cell.pk-button a:active, aside#sidebar div.cell.pk-big-button a:active, div#portal-agent-content div.cell a.pk-button:active, div#portal-agent-content div.cell a.pk-big-button:active, aside#sidebar div.cell a.pk-button:active, aside#sidebar div.cell a.pk-big-button:active, a.button:active, a.pk-button:active, button:active, input[type=submit]:active, div.buttons input:active, div.buttons a.cancel:active, ul.messages li .action-button:active, - div.infonotice .action-button:active, - div.successnotice .action-button:active, - div.warningnotice .action-button:active, - div.errornotice .action-button:active, - div.pk-information .action-button:active, - div.pk-attention .action-button:active, - div.pk-error .action-button:active, #appbar > a:active, - #appbar span.actions > a:active, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:active { - border-color: #2055c3; } - div#portal-agent-content div.cell.pk-button a:focus, div#portal-agent-content div.cell.pk-big-button a:focus, aside#sidebar div.cell.pk-button a:focus, aside#sidebar div.cell.pk-big-button a:focus, div#portal-agent-content div.cell a.pk-button:focus, div#portal-agent-content div.cell a.pk-big-button:focus, aside#sidebar div.cell a.pk-button:focus, aside#sidebar div.cell a.pk-big-button:focus, a.button:focus, a.pk-button:focus, button:focus, input[type=submit]:focus, div.buttons input:focus, div.buttons a.cancel:focus, ul.messages li .action-button:focus, - div.infonotice .action-button:focus, - div.successnotice .action-button:focus, - div.warningnotice .action-button:focus, - div.errornotice .action-button:focus, - div.pk-information .action-button:focus, - div.pk-attention .action-button:focus, - div.pk-error .action-button:focus, #appbar > a:focus, - #appbar span.actions > a:focus, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:focus { - border-color: #194297; } - div#portal-agent-content div.cell.pk-button a.disabled, div#portal-agent-content div.cell.pk-big-button a.disabled, aside#sidebar div.cell.pk-button a.disabled, aside#sidebar div.cell.pk-big-button a.disabled, div#portal-agent-content div.cell a.disabled.pk-button, div#portal-agent-content div.cell a.disabled.pk-big-button, aside#sidebar div.cell a.disabled.pk-button, aside#sidebar div.cell a.disabled.pk-big-button, a.disabled.button, a.disabled.pk-button, button.disabled, input.disabled[type=submit], div.buttons input.disabled, div.buttons a.disabled.cancel, ul.messages li .disabled.action-button, - div.infonotice .disabled.action-button, - div.successnotice .disabled.action-button, - div.warningnotice .disabled.action-button, - div.errornotice .disabled.action-button, - div.pk-information .disabled.action-button, - div.pk-attention .disabled.action-button, - div.pk-error .disabled.action-button, #appbar > a.disabled, - #appbar span.actions > a.disabled, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.disabled.cke_dialog_ui_button, div#portal-agent-content div.cell.pk-button a:disabled, div#portal-agent-content div.cell.pk-big-button a:disabled, aside#sidebar div.cell.pk-button a:disabled, aside#sidebar div.cell.pk-big-button a:disabled, div#portal-agent-content div.cell a.pk-button:disabled, div#portal-agent-content div.cell a.pk-big-button:disabled, aside#sidebar div.cell a.pk-button:disabled, aside#sidebar div.cell a.pk-big-button:disabled, a.button:disabled, a.pk-button:disabled, button:disabled, input[type=submit]:disabled, div.buttons input:disabled, div.buttons a.cancel:disabled, ul.messages li .action-button:disabled, - div.infonotice .action-button:disabled, - div.successnotice .action-button:disabled, - div.warningnotice .action-button:disabled, - div.errornotice .action-button:disabled, - div.pk-information .action-button:disabled, - div.pk-attention .action-button:disabled, - div.pk-error .action-button:disabled, #appbar > a:disabled, - #appbar span.actions > a:disabled, div.cke_reset_all .cke_dialog .cke_dialog_body .cke_dialog_footer a.cke_dialog_ui_button:disabled { - border-color: #888; - color: #888; - background: #f3f3f3; - pointer-events: none; - box-shadow: none; - cursor: not-allowed; } - -input[type=submit] { - height: 2.3rem; } - -a.cancel-button, button.cancel-button, div.buttons .cancel-button input, div.buttons a.cancel, div.buttons .cancel-button button { - color: #727272; - border-color: #727272; } - a.cancel-button:hover, button.cancel-button:hover, div.buttons .cancel-button input:hover, div.buttons a.cancel:hover, div.buttons .cancel-button button:hover { - background: #eee; - color: #727272; - border-color: #3f3f3f; } - a.cancel-button:active, button.cancel-button:active, div.buttons .cancel-button input:active, div.buttons a.cancel:active, div.buttons .cancel-button button:active { - border-color: #585858; } - -div.buttons { - display: flex; - flex-wrap: wrap; } - div.buttons a.cancel { - order: 100; - margin-left: 1em; } - div.buttons button + button, - div.buttons button + a { - margin-left: 1em; } - -a.delete-button, button.delete-button, div.buttons .delete-button input, div.buttons .delete-button button { - color: #CD2026; - border-color: #CD2026; } - a.delete-button:hover, button.delete-button:hover, div.buttons .delete-button input:hover, div.buttons .delete-button button:hover { - background: #CD2026; - color: white; - border-color: #751216; } - a.delete-button:active, button.delete-button:active, div.buttons .delete-button input:active, div.buttons .delete-button button:active { - border-color: #a1191e; } - -a.submit-button, button.submit-button, div.buttons .submit-button input, div.buttons .submit-button button { - color: #215D9C; - border-color: #215D9C; } - a.submit-button:hover, button.submit-button:hover, div.buttons .submit-button input:hover, div.buttons .submit-button button:hover { - color: white; - background: #215D9C; - border-color: #0f2b48; } - a.submit-button:active, button.submit-button:active, div.buttons .submit-button input:active, div.buttons .submit-button button:active { - border-color: #184472; } - -form.disabled-during-submit div.buttons { - cursor: wait; } - form.disabled-during-submit div.buttons button { - pointer-events: none; - box-shadow: none; - opacity: 0.7; } - -div.ui-dialog button.ui-button-disabled, -div#content button:disabled, -input[type=submit]:disabled { - border-color: #888; - color: #888; - background: #f3f3f3; - pointer-events: none; - box-shadow: none; - cursor: not-allowed; } - -input, input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="file"], input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select { - border: 1px solid #AAA; - border-radius: 0; - box-sizing: border-box; - margin: 0.2em 0px; - outline: medium none; - padding: 0.7ex 0.7em; - max-width: 100%; - -webkit-transition: background-size 0.2s ease; - -moz-transition: background-size 0.2s ease; - -ms-transition: background-size 0.2s ease; - -o-transition: background-size 0.2s ease; - transition: background-size 0.2s ease; - background: white; } - input:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="file"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, textarea:focus, select:focus { - border-bottom-color: #215D9C; } - input.disabled, input[disabled], input[type="text"].disabled, input[type="text"][disabled], input[type="url"].disabled, input[type="url"][disabled], input[type="email"].disabled, input[type="email"][disabled], input[type="password"].disabled, input[type="password"][disabled], input[type="url"].disabled, input[type="url"][disabled], input[type="tel"].disabled, input[type="tel"][disabled], input[type="number"].disabled, input[type="number"][disabled], input[type="search"].disabled, input[type="search"][disabled], input[type="file"].disabled, input[type="file"][disabled], input[type="date"].disabled, input[type="date"][disabled], input[type="datetime-local"].disabled, input[type="datetime-local"][disabled], input[type="month"].disabled, input[type="month"][disabled], input[type="time"].disabled, input[type="time"][disabled], input[type="week"].disabled, input[type="week"][disabled], textarea.disabled, textarea[disabled], select.disabled, select[disabled] { - background: #eee; } - -input[type="text"][name$="_url"], input[type="text"][name$="-url"], input[type="url"] { - width: 100%; } - -input[type="radio"]:focus, input[type="checkbox"]:focus { - box-shadow: none; } - -label input[type="radio"][disabled] + span, label input[type="checkbox"][disabled] + span { - color: #8e8e7a; } - -input[readonly], select[readonly], textarea[readonly] { - border-width: 0 0 1px 0; } - -div.date input[readonly] { - border-width: 1px; } - -input[type=file] { - border: none; - padding-left: 0; } - -select { - background: white; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - -o-appearance: none; - appearance: none; - padding-right: 4em; - background-image: url("arrow-down.svg"); - background-position: right 1.3rem center; - background-repeat: no-repeat; - background-size: 1rem auto; } - -select[multiple] { - background: white; - padding-right: 0; } - -input[type="checkbox"], -input[type="radio"] { - margin-right: 1ex; - margin-bottom: 1ex; } - -div.content label { - margin-right: 1em; } - -div.widget div.content ul { - padding: 0; - margin: 0; - list-style: none; } - -span.helptext, -div.hint { - display: block; - font-size: 80%; } - -form p label { - display: block; } - -div.a2-block form input, -div.a2-block form select { - width: 100%; } - -div.a2-block form input[type=radio] { - width: auto; } - -div.a2-block form input[type=submit] { - width: auto; - min-width: 20ex; } - -div.a2-block ul#id_edit-profile-title { - margin-left: 1em; - margin-top: -1ex; } - div.a2-block ul#id_edit-profile-title li { - display: inline-block; - margin-right: 2em; } - div.a2-block ul#id_edit-profile-title label { - font-weight: normal; } - -form ul.errorlist { - padding: 0; - margin: 2em 0 0 0; - list-style: none; } - form ul.errorlist li::before { - content: "\f06a"; - font-family: FontAwesome; - padding-right: 1ex; } - -/* fieldsets */ -fieldset.gadjo-foldable legend.gadjo-foldable-widget { - border-bottom: 1px solid #aaa; - cursor: pointer; - display: block; - font-weight: bold; - padding: 1ex 0 0; - width: 100%; - position: relative; } - -fieldset.gadjo-foldable legend.gadjo-foldable-widget:after { - content: "▼"; - -webkit-transition: transform 0.1s ease; - -moz-transition: transform 0.1s ease; - -ms-transition: transform 0.1s ease; - -o-transition: transform 0.1s ease; - transition: transform 0.1s ease; - position: absolute; - right: 1ex; } - -fieldset.gadjo-foldable.gadjo-folded legend.gadjo-foldable-widget:after { - transform: rotate(-90deg); } - -fieldset.gadjo-foldable { - padding: 1ex 0 0 0; - border: 0; } - -.gadjo-foldable.gadjo-folded > .gadjo-folding { - display: none; } - -/* select2 */ -div.select2-container, -span.select2-container { - font-size: 100%; - min-width: 20em; - margin-top: 2px; } - div.select2-container a.select2-choice, - span.select2-container a.select2-choice { - padding: 0.1em 0.7em; } - div.select2-container span.select2-selection--single, - div.select2-container a.select2-choice, - div.select2-container a.select2-choice div, - span.select2-container span.select2-selection--single, - span.select2-container a.select2-choice, - span.select2-container a.select2-choice div { - box-sizing: content-box; - padding: 1px 0; - background: white; - color: #3c3c33; - border-radius: 0; - border: 1px solid #AAA; } - div.select2-container.select2-container--focus span.select2-selection--single, - div.select2-container.select2-container--focus a.select2-choice, - div.select2-container.select2-container--focus a.select2-choice div, div.select2-container.select2-container--open span.select2-selection--single, - div.select2-container.select2-container--open a.select2-choice, - div.select2-container.select2-container--open a.select2-choice div, - span.select2-container.select2-container--focus span.select2-selection--single, - span.select2-container.select2-container--focus a.select2-choice, - span.select2-container.select2-container--focus a.select2-choice div, - span.select2-container.select2-container--open span.select2-selection--single, - span.select2-container.select2-container--open a.select2-choice, - span.select2-container.select2-container--open a.select2-choice div { - background: white; - border: 1px solid #AAA; - color: #3c3c33; } - div.select2-container.select2-container--focus span.select2-selection--single span, - div.select2-container.select2-container--focus a.select2-choice span, - div.select2-container.select2-container--focus a.select2-choice div span, div.select2-container.select2-container--open span.select2-selection--single span, - div.select2-container.select2-container--open a.select2-choice span, - div.select2-container.select2-container--open a.select2-choice div span, - span.select2-container.select2-container--focus span.select2-selection--single span, - span.select2-container.select2-container--focus a.select2-choice span, - span.select2-container.select2-container--focus a.select2-choice div span, - span.select2-container.select2-container--open span.select2-selection--single span, - span.select2-container.select2-container--open a.select2-choice span, - span.select2-container.select2-container--open a.select2-choice div span { - color: #3c3c33; } - div.select2-container.select2-container--focus span.select2-selection--single, - span.select2-container.select2-container--focus span.select2-selection--single { - outline: none; - outline-offset: 0; } - div.select2-container .select2-choices, - div.select2-container .select2-choice, - span.select2-container .select2-choices, - span.select2-container .select2-choice { - box-shadow: none; } - div.select2-container .select2-search--dropdown input, - div.select2-container .select2-search--dropdown input:active, - div.select2-container .select2-search--dropdown input:focus, - span.select2-container .select2-search--dropdown input, - span.select2-container .select2-search--dropdown input:active, - span.select2-container .select2-search--dropdown input:focus { - background: white; - color: #333; - border: 1px solid #ccc; } - div.select2-container .select2-selection--single .select2-selection__rendered, - span.select2-container .select2-selection--single .select2-selection__rendered { - padding-right: 50px; } - div.select2-container .select2-selection--single .select2-selection__arrow, - span.select2-container .select2-selection--single .select2-selection__arrow { - background-image: url("arrow-down.svg"); - background-position: right 1.3rem center; - background-repeat: no-repeat; - background-size: 1rem auto; - width: 50px; - right: 0; - top: 0; - height: 100%; } - div.select2-container .select2-selection--single .select2-selection__arrow b, - span.select2-container .select2-selection--single .select2-selection__arrow b { - display: none; } - div.select2-container .select2-dropdown, - span.select2-container .select2-dropdown { - border: 1px solid #AAA; } - div.select2-container .select2-dropdown.select2-dropdown--below, - span.select2-container .select2-dropdown.select2-dropdown--below { - position: relative; - top: -5px; } - div.select2-container .select2-results .loading-results, - span.select2-container .select2-results .loading-results { - position: absolute; - display: inline-block; - right: 0; - color: black; } - @media screen and (max-width: 760px) { - div.select2-container .select2-results .loading-results, - span.select2-container .select2-results .loading-results { - display: none; } } - div.select2-container .select2-results .loading-results:last-child, - span.select2-container .select2-results .loading-results:last-child { - position: static; - display: block; - color: inherit; } - -div.select2-container.select2-drop-above .select2-choice { - background: white; - border-radius: 0; } - -div.select2-drop { - box-shadow: none; - border-radius: 0; } - -div.select2-search { - margin-top: 4px; } - -/* form.as_p */ -form p { - margin: 0 0 1em 0; } - -form p label { - display: block; } - -form p.required label:after { - padding-left: 1ex; - content: "*"; - color: red; } - -form p label { - margin-bottom: 0.3ex; } - -/* form.small */ -form.small p input { - margin-left: 0; } - -form.small p { - margin-bottom: 0.5em; } - -form.small label { - width: 200px; - display: inline-block; } - -form.small a.button, -form.small button { - margin-left: 205px; - display: inline-block; } - -form.small button + button, -form.small button + a.button { - margin-left: 1em; } - -[name$="-clear"] + label { - display: inline; } - -.field-live-hint { - position: absolute; - background: #ffffee; - color: #333; - z-index: 1000000; - padding: 1em 1em; - box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16); } - -.field-live-hint span::before { - font-family: FontAwesome; - content: "\f0eb"; - padding-right: 0.5em; } - -.field-live-hint button.action, -.field-live-hint button.close { - margin: 0 1em; - padding: 0; - color: blue !important; - border: none; - text-decoration: underline !important; - background: transparent !important; - box-shadow: none !important; } - -.field-live-hint button.close { - color: #333 !important; - margin: 0; - text-decoration: none !important; } - -.field-live-hint button.close::after { - content: "×"; } - -form .widget-optional span.optional { - display: none; } - -form.pk-mark-optional-fields .widget-required span.required { - display: none; } - -form.pk-mark-optional-fields .widget-optional:not(.django-checkbox-input) span.optional { - display: inline; - font-style: italic; } - -.gadjo-joined-buttons { - display: inline-flex; } - .gadjo-joined-buttons button { - border-radius: 0; - margin-left: -1px; } - .gadjo-joined-buttons button:first-child { - border-radius: 3px 0 0 3px; - margin-left: 0px; } - .gadjo-joined-buttons button:last-child { - border-radius: 0 3px 3px 0; } - -div.cell.shown-because-admin { - opacity: 0.5; - background-image: repeating-linear-gradient(-45deg, #eee 0px, #eee 14px, transparent 15px, transparent 30px); } - div.cell.shown-because-admin:hover { - opacity: 1; - background-image: inherit; } - -div#portal-agent-content div.searchcell, aside#sidebar div.searchcell { - font-size: 110%; } - -div#portal-agent-content div.cell, aside#sidebar div.cell { - background: white; - padding: 1rem; - margin-bottom: 1rem; - border-radius: 3px; } - div#portal-agent-content div.cell.transparent, div#portal-agent-content div.cell.pk-transparent, aside#sidebar div.cell.transparent, aside#sidebar div.cell.pk-transparent { - background: transparent; } - div#portal-agent-content div.cell.highlight, div#portal-agent-content div.cell.pk-highlight, aside#sidebar div.cell.highlight, aside#sidebar div.cell.pk-highlight { - background: linear-gradient(to right, #386ede 30%, #00d6eb 100%); - color: white; } - div#portal-agent-content div.cell.highlight h2, div#portal-agent-content div.cell.highlight a, div#portal-agent-content div.cell.pk-highlight h2, div#portal-agent-content div.cell.pk-highlight a, aside#sidebar div.cell.highlight h2, aside#sidebar div.cell.highlight a, aside#sidebar div.cell.pk-highlight h2, aside#sidebar div.cell.pk-highlight a { - color: white; } - div#portal-agent-content div.cell.no-bottom-margin, aside#sidebar div.cell.no-bottom-margin { - margin-bottom: 0; - border-radius: 3px 3px 0 0; - border-bottom: 0; } - div#portal-agent-content div.cell.no-bottom-margin p:last-child, aside#sidebar div.cell.no-bottom-margin p:last-child { - margin-bottom: 0; - padding-bottom: 1ex; } - div#portal-agent-content div.cell.no-bottom-margin + div, aside#sidebar div.cell.no-bottom-margin + div { - margin-top: 0; - border-radius: 0 0 3px 3px; - border-top: 0; } - div#portal-agent-content div.cell.no-bottom-margin + div.no-bottom-margin, aside#sidebar div.cell.no-bottom-margin + div.no-bottom-margin { - border-radius: 0; } - div#portal-agent-content div.cell.no-bottom-margin + div p:first-child, aside#sidebar div.cell.no-bottom-margin + div p:first-child { - margin-top: 0; - padding-top: 1ex; } - div#portal-agent-content div.cell a.pk-big-button, aside#sidebar div.cell a.pk-big-button { - padding: 2rem 4rem; } - div#portal-agent-content div.cell.pk-button, div#portal-agent-content div.cell.pk-big-button, aside#sidebar div.cell.pk-button, aside#sidebar div.cell.pk-big-button { - padding: 0; } - div#portal-agent-content div.cell.pk-button a, div#portal-agent-content div.cell.pk-big-button a, aside#sidebar div.cell.pk-button a, aside#sidebar div.cell.pk-big-button a { - text-align: center; - display: block; } - div#portal-agent-content div.cell.pk-button.pk-big-button a, div#portal-agent-content div.cell.pk-big-button.pk-big-button a, aside#sidebar div.cell.pk-button.pk-big-button a, aside#sidebar div.cell.pk-big-button.pk-big-button a { - padding: 2rem 4rem; } - -aside#sidebar div.cell { - background: white; - padding: 0 1rem; - margin-top: 1rem; } - -div.combo-search-results a.nolink { - color: #3c3c33; - border-bottom-color: transparent; } - -/* temporary hacks for applications */ -div.form-inner-container, -div#pages-list, -div.placeholder, -table.agenda-table, -div#appbar + form, -div#appbar + ul.messages + form, -div#appbar + div#description { - background: white; - padding: 0.5rem; - border-radius: 3px; - box-sizing: border-box; } - -.ui-dialog div.form-inner-container { - padding: 0; } - -div.other_actions { - margin-left: 71%; - width: 29%; } - -body.welco-home div#main-content { - background: white; - margin: 0; } diff --git a/dist/index.html b/dist/index.html index 9d3a02f..74e43ea 100644 --- a/dist/index.html +++ b/dist/index.html @@ -11,10 +11,12 @@ -