3594 lines
114 KiB
CSS
3594 lines
114 KiB
CSS
@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; }
|