@charset "utf-8";
/*
Hive Layout Framework
Copyright (c) 2008-2020 Hive Solutions Lda.
This file is part of Hive Layout Framework.
Hive Layout Framework is free software: you can redistribute it and/or modify
it under the terms of the Apache License as published by the Apache
Foundation, either version 2.0 of the License, or (at your option) any
later version.
Hive Layout Framework is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
Apache License for more details.
You should have received a copy of the Apache License along with
Hive Layout Framework. If not, see .
*/
/*
__author__ = João Magalhães
__version__ = 1.0.0
__revision__ = $LastChangedRevision$
__date__ = $LastChangedDate$
__copyright__ = Copyright (c) 2008-2020 Hive Solutions Lda.
__license__ = Apache License, Version 2.0
*/
html {
height: 100%;
}
body.flat #content {
animation: fade-in 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-in 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-in 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-in 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-in 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-in 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}
body.fluid {
margin: 0px auto 0px auto;
min-height: 100%;
min-width: 768px;
padding: 0px 0px 0px 0px;
position: relative;
width: inherit;
}
body.mobile-s.fluid {
min-width: initial;
overflow-x: hidden;
}
body.mobile-s.fluid.side-visible {
overflow-y: hidden;
}
body.fluid > .container {
margin: 0px auto 0px auto;
min-height: 100%;
}
body.fluid.fixed > .container {
width: 1024px;
}
body.fluid #overlay {
background-color: #888888;
}
body.fluid.flat #overlay {
background-color: #000000;
}
body.fluid #header {
min-height: 100%;
position: fixed;
z-index: 2;
}
body.fluid #footer {
border-top: 1px solid #e0e0e0;
color: #4d4d4d;
font-size: 12px;
padding: 6px 0px 6px 0px;
}
body.fluid #content {
padding: 50px 0px 0px 0px;
text-align: left;
z-index: 1;
}
body.mobile-s.fluid #content {
opacity: 1.0;
-o-opacity: 1.0;
-ms-opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
-webkit-opacity: 1.0;
transition: opacity 0.35s ease;
-o-transition: opacity 0.35s ease;
-ms-transition: opacity 0.35s ease;
-moz-transition: opacity 0.35s ease;
-khtml-transition: opacity 0.35s ease;
-webkit-transition: opacity 0.35s ease;
width: 100%;
}
body.mobile-s.fluid.side-visible #content {
opacity: 0.15;
-o-opacity: 0.15;
-ms-opacity: 0.15;
-moz-opacity: 0.15;
-khtml-opacity: 0.15;
-webkit-opacity: 0.15;
pointer-events: none;
}
body.fluid.flat #content {
padding-top: 52px;
}
body.fluid .bar-loader.loading {
opacity: 0.0;
-o-opacity: 0.0;
-ms-opacity: 0.0;
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
-webkit-opacity: 0.0;
}
body.fluid .top-loader {
opacity: 1.0;
-o-opacity: 1.0;
-ms-opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
-webkit-opacity: 1.0;
}
body.fluid .content.no-header .content-header {
display: none;
}
body.fluid .content-container {
padding: 0px 24px 0px 24px;
}
body.mobile-s.fluid .content-container {
padding: 0px 16px 0px 16px;
}
body.fluid .content.no-padding .content-container {
padding: 0px 0px 0px 0px;
}
body.fluid .window {
border-color: #888888;
box-shadow: 0px 1px 4px #aaaaaa;
-o-box-shadow: 0px 1px 4px #aaaaaa;
-ms-box-shadow: 0px 1px 4px #aaaaaa;
-moz-box-shadow: 0px 1px 4px #aaaaaa;
-khtml-box-shadow: 0px 1px 4px #aaaaaa;
-webkit-box-shadow: 0px 1px 4px #aaaaaa;
}
body.fluid.flat .window {
box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow: none;
}
body.no-footer .footer {
display: none;
}
.text-green {
color: #46a546;
}
a.text-green:hover,
a.text-green.hover {
border-color: #46a546;
}
.text-orange {
color: #f89406;
}
a.text-orange:hover,
a.text-orange.hover {
border-color: #f89406;
}
.text-red {
color: #c43c35;
}
a.text-red:hover,
a.text-red.hover {
border-color: #c43c35;
}
.text-blue {
color: #3c80cd;
}
a.text-blue:hover,
a.text-blue.hover {
border-color: #3c80cd;
}
.content-container table {
border-collapse: collapse;
margin: 0px 0px 0px 0px;
table-layout: fixed;
width: 100%;
}
.content-container table.no-fixed {
table-layout: auto;
}
.content-container > form {
margin: 0px 0px 0px 0px;
max-width: 690px;
padding: 18px 0px 18px 0px;
width: 100%;
}
.content-container > form .buttons {
text-align: right;
}
.content-container > form.inline {
max-width: 100%;
}
.content-container > form.inline div.item {
float: left;
margin: 8px 0px 8px 0px;
padding-left: 8px;
padding-right: 8px;
vertical-align: top;
width: 50%;
}
body.mobile-s .content-container > form.inline div.item {
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.content-container > form.inline div.item.clear {
float: none;
}
.content-container > form.inline div.item.full {
width: 100%;
}
.content-container > form.inline div.separator {
clear: both;
}
.content-container > ul.sections-list {
max-width: 690px;
padding: 24px 0px 24px 0px;
width: 100%;
}
body.mobile-s .content-container > ul.sections-list {
padding: 12px 0px 12px 0px;
}
.content-container > .flow-content {
margin: 24px 0px 24px 0px;
text-align: center;
width: 100%;
}
body.mobile-s .content-container > .flow-content {
margin: 12px 0px 12px 0px;
}
.content-container .text-field {
width: 100%;
}
.content-container .text-area {
width: 100%;
}
.content-container .filter .table-row > th.selection,
.content-container .filter .table-row > td.selection {
width: 74px;
}
.content-container .filter .table-row > th.selection > input[type=checkbox],
.content-container .filter .table-row > td.selection > input[type=checkbox] {
vertical-align: middle;
}
.content-container .filter .table-row > td:first-child,
.content-container .filter .table-row > th:first-child {
padding-left: 24px;
}
body.mobile-s .content-container .filter .table-row > td:first-child,
body.mobile-s .content-container .filter .table-row > th:first-child {
padding-left: 16px;
}
.content-container .filter .table-row > td:last-child,
.content-container .filter .table-row > th:last-child {
padding-right: 24px;
}
body.mobile-s .content-container .filter .table-row > td:last-child,
body.mobile-s .content-container .filter .table-row > th:last-child {
padding-right: 16px;
}
body.mobile-s .content-container .filter .table-row > td.no-mobile,
body.mobile-s .content-container .filter .table-row > th.no-mobile {
display: none;
}
.content-container .filter .table-row > td > .image {
display: block;
height: 26px;
}
.content-container .filter .table-row > td > .image.lightbox-animated {
cursor: pointer;
}
.listers > .cards {
display: none;
}
body.mobile-s .listers > .cards {
display: block;
}
.listers > .filter {
display: table;
}
body.mobile-s .listers > .filter {
display: none;
}
.or {
font-weight: bold;
margin: 0px 8px 0px 8px;
text-transform: uppercase;
}
body.flat .or {
text-transform: none;
}
.separator {
border-top: 1px solid #e0e0e0;
margin: 18px 0px 18px 0px;
}
body.mobile-s .separator {
margin: 10px 0px 10px 0px;
}
.top-bar {
background-color: #cccccc;
height: 50px;
line-height: 50px;
padding: 0px 0px 0px 0px;
text-align: left;
user-select: none;
-o-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
width: 100%;
z-index: 10;
}
body.mobile-s .top-bar {
min-width: initial;
}
body.flat .top-bar {
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
-o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
-ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
-khtml-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
height: 52px;
line-height: 52px;
}
.top-bar.large {
height: 64px;
line-height: 64px;
}
body.flat .top-bar.large {
height: 66px;
line-height: 66px;
}
.top-bar,
.top-bar.grey {
background-color: #f2f2f2;
border-bottom: 1px solid #cccccc;
}
body.flat .top-bar,
body.flat .top-bar.grey {
border-bottom: none;
}
.top-bar > .container {
margin: 0px auto 0px auto;
max-height: 100%;
}
.top-bar > .container:after {
clear: both;
content: "";
display: block;
}
body.fluid.fixed .top-bar > .container {
width: 1024px;
}
.top-bar > .container:after {
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
.top-bar > .container > :first-child {
margin-left: 24px;
}
body.mobile-s .top-bar > .container > :first-child {
margin-left: 16px;
}
.top-bar > .container > * {
float: left;
}
.top-bar > .container > .right {
float: right;
margin-right: 24px;
}
body.mobile-s .top-bar > .container > .right {
margin-right: 16px;
}
.top-bar > .container > .logo {
background: transparent none no-repeat;
color: #2d2d2d;
font-size: 26px;
font-weight: bold;
max-height: 50px;
overflow: hidden;
text-shadow: 1px 1px 1px #ffffff;
-o-text-shadow: 1px 1px 1px #ffffff;
-ms-text-shadow: 1px 1px 1px #ffffff;
-moz-text-shadow: 1px 1px 1px #ffffff;
-khtml-text-shadow: 1px 1px 1px #ffffff;
-webkit-text-shadow: 1px 1px 1px #ffffff;
width: 176px;
}
body.mobile-s .top-bar > .container > .logo {
width: initial;
}
body.flat .top-bar > .container > .logo {
max-height: 52px;
}
.top-bar > .container > .logo > a {
border-bottom: none;
color: #2d2d2d;
cursor: pointer;
display: inline-block;
vertical-align: top;
}
.top-bar > .container > .logo > a:hover {
color: #3668c6;
}
body.flat .top-bar > .container > .logo > a:hover {
color: #257f96;
}
.top-bar > .container > .logo > a > img {
height: 50px;
max-width: 152px;
object-fit: scale-down;
}
body.flat .top-bar > .container > .logo > a > img {
height: 52px;
}
.top-bar > .container > .text-field {
margin-top: 9px;
}
.top-bar > .container > .text-field,
.top-bar > .container > .drop-field > .text-field {
border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
font-size: 14px;
height: 32px;
transition: width 0.2s ease;
-o-transition: width 0.2s ease;
-ms-transition: width 0.2s ease;
-moz-transition: width 0.2s ease;
-khtml-transition: width 0.2s ease;
-webkit-transition: width 0.2s ease;
vertical-align: middle;
width: 300px;
}
body.mobile-s .top-bar > .container > .text-field,
body.tablet-s.landscape-s .top-bar > .container > .text-field,
body.mobile-s .top-bar > .container > .drop-field > .text-field,
body.tablet-s.landscape-s .top-bar > .container > .drop-field > .text-field {
display: none;
}
body.flat .top-bar > .container > .text-field,
body.flat .top-bar > .container > .drop-field > .text-field {
border-color: transparent;
}
.top-bar > .container > .text-field:focus,
.top-bar > .container > .drop-field > .text-field:focus {
width: 400px;
}
body.flat .top-bar > .container > .text-field:focus,
body.flat .top-bar > .container > .drop-field > .text-field:focus {
border-color: #4cbad7;
}
.side-links {
background-color: #ffffff;
border-right: 1px solid #e0e0e0;
border-top: 51px solid transparent;
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-khtml-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #2d2d2d;
font-weight: bold;
margin: 0px 0px 0px 0px;
max-height: 100%;
min-height: 100%;
overflow: auto;
padding: 18px 0px 0px 0px;
position: absolute;
text-align: left;
text-transform: uppercase;
width: 200px;
z-index: 1;
}
body.mobile-s .side-links {
display: none;
left: -200px;
padding-top: 12px;
}
body.flat .side-links {
border-right: none;
border-top: 52px solid transparent;
font-weight: 600;
text-transform: none;
}
.side-links.grey,
body.grey .side-links {
background-color: #f2f2f2;
border-left: 1px solid #e0e0e0;
box-shadow: 1px 0px 4px #f2f2f2;
-o-box-shadow: 1px 0px 4px #f2f2f2;
-ms-box-shadow: 1px 0px 4px #f2f2f2;
-moz-box-shadow: 1px 0px 4px #f2f2f2;
-khtml-box-shadow: 1px 0px 4px #f2f2f2;
-webkit-box-shadow: 1px 0px 4px #f2f2f2;
}
body.flat .side-links.grey,
body.flat.grey .side-links {
border-left: none;
box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow: none;
}
.side-links > h3 {
color: #6d6d6d;
font-size: 10px;
letter-spacing: 0.5px;
margin: 0px 24px 12px 24px;
text-transform: uppercase;
}
body.mobile-s .side-links > h3 {
margin-bottom: 8px;
margin-left: 16px;
margin-right: 16px;
}
.side-links > a {
border-bottom: none;
color: #4d4d4d;
cursor: pointer;
display: block;
font-size: 14px;
line-height: 22px;
margin: 0px 24px 10px 24px;
overflow: hidden;
padding: 0px 0px 0px 0px;
text-overflow: ellipsis;
}
body.flat .side-links > a {
color: #1d1d1d;
font-size: 15px;
font-weight: 600;
}
body.mobile-s .side-links > a {
margin-left: 16px;
margin-right: 16px;
}
.side-links > a.active,
.side-links > a.selected {
background-color: transparent;
color: #3668c6;
}
body.flat .side-links > a.active,
body.flat .side-links > a.selected {
color: #257f96;
}
.side-links > a:hover {
background-color: transparent;
color: #3668c6;
}
body.flat .side-links > a:hover {
color: #257f96;
}
.side-links > div.separator {
border-top: 1px solid #e0e0e0;
}
.side-links > div.separator:last-child {
display: none;
}
.system-menu {
font-weight: bold;
}
.system-menu .menu-button {
background: transparent url(../images/base/arrow-blue.png) no-repeat right center;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
padding: 0px 24px 0px 18px;
}
body.flat .system-menu .menu-button {
background-image: url(../images/base/arrow-green.png);
}
body.retina-s .system-menu .menu-button {
background-image: url(../images/base/arrow-blue-2x.png);
background-size: 13px 3px;
}
body.retina-s.flat .system-menu .menu-button {
background-image: url(../images/base/arrow-green-2x.png);
}
.system-menu.active .menu-button {
background-color: #ffffff;
border-left-color: #dddddd;
border-right-color: #dddddd;
}
body.flat .system-menu.active .menu-button {
background-color: #e0e0e0;
border-left-color: transparent;
border-right-color: transparent;
}
.system-menu .menu-link {
cursor: pointer;
}
.system-menu .menu-contents {
background-color: #ffffff;
border: 1px solid #dddddd;
box-shadow: 0px 1px 4px #dddddd;
-o-box-shadow: 0px 1px 4px #dddddd;
-ms-box-shadow: 0px 1px 4px #dddddd;
-moz-box-shadow: 0px 1px 4px #dddddd;
-khtml-box-shadow: 0px 1px 4px #dddddd;
-webkit-box-shadow: 0px 1px 4px #dddddd;
min-width: 340px;
position: absolute;
}
body.mobile-s .system-menu .menu-contents {
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-khtml-box-sizing: border-box;
-webkit-box-sizing: border-box;
max-width: 90%;
min-width: 90%;
}
body.flat .system-menu .menu-contents {
animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-into-drop 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.0);
border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
margin-top: 4px;
}
.system-menu .header-contents {
line-height: 0px;
padding: 20px 20px 20px 20px;
}
.system-menu .avatar-image {
border-radius: 32px 32px 32px 32px;
-o-border-radius: 32px 32px 32px 32px;
-ms-border-radius: 32px 32px 32px 32px;
-moz-border-radius: 32px 32px 32px 32px;
-khtml-border-radius: 32px 32px 32px 32px;
-webkit-border-radius: 32px 32px 32px 32px;
height: 64px;
vertical-align: middle;
width: 64px;
}
.system-menu .avatar-contents {
display: inline-block;
margin: 0px 12px 0px 12px;
vertical-align: middle;
}
.system-menu .avatar-contents h2 {
font-size: 15px;
line-height: 26px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
}
body.flat .system-menu .avatar-contents h2 {
font-size: 16px;
text-transform: none;
}
.system-menu .avatar-contents h3 {
color: #5d5d5d;
font-size: 13px;
font-weight: normal;
line-height: 22px;
margin: 0px 0px 0px 0px;
}
body.flat .system-menu .avatar-contents h3 {
font-size: 14px;
font-weight: 600;
}
.system-menu .footer-contents {
border-top: 1px solid #dddddd;
line-height: 20px;
padding: 12px 20px 12px 20px;
text-align: right;
}
.system-menu .footer-contents a {
text-transform: uppercase;
}
body.flat .system-menu .footer-contents a {
text-transform: none;
}
.content-header {
border-bottom: 1px solid #e0e0e0;
line-height: 34px;
margin: 16px 0px 0px 0px;
min-height: 34px;
padding-bottom: 16px;
}
body.flat .content-header {
line-height: 32px;
min-height: 32px;
}
.content-header:after {
clear: both;
display: block;
height: 0px;
visibility: hidden;
}
.content-header * {
vertical-align: middle;
}
.content-header > h1 {
float: left;
font-weight: inherit;
margin: 0px 0px 0px 24px;
}
body.mobile-s .content-header > h1 {
float: none;
font-size: 22px;
margin-left: 16px;
}
.content-header > h1 > * {
display: inline-block;
vertical-align: top;
}
.content-header > h1 > a {
border-bottom: none;
padding-bottom: 0px;
}
.content-header > .content-buttons {
float: right;
font-size: 0px;
margin: 0px 24px 0px 0px;
}
body.mobile-s .content-header > .content-buttons {
float: none;
margin-left: 8px;
}
body.mobile-s .content-header > .content-buttons > * {
margin-top: 12px;
}
.content-header > .content-buttons .button.button-color,
.content-header > .content-buttons .drop-down-container {
margin-left: 8px;
}
.content-header > .content-buttons .drop-down-container > ul.drop-down {
max-height: 442px;
max-width: 220px;
}
body.flat .content-header > .content-buttons .drop-down-container > ul.drop-down {
max-height: 444px;
}
.side-panel {
background-color: #ffffff;
border-left: 1px solid #888888;
box-shadow: -2px 0px 4px #aaaaaa;
-o-box-shadow: -2px 0px 4px #aaaaaa;
-ms-box-shadow: -2px 0px 4px #aaaaaa;
-moz-box-shadow: -2px 0px 4px #aaaaaa;
-khtml-box-shadow: -2px 0px 4px #aaaaaa;
-webkit-box-shadow: -2px 0px 4px #aaaaaa;
display: none;
min-height: 100%;
padding: 0px 24px 0px 24px;
position: fixed;
right: 0px;
text-align: left;
top: 0px;
width: 360px;
z-index: 30;
}
body.flat .side-panel {
border-left: none;
box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow: none;
}
.side-panel.grey,
body.grey .side-panel {
background-color: #f2f2f2;
}
.side-panel h1 {
font-weight: inherit;
text-transform: none;
}
.side-panel .form {
margin: 0px auto 0px auto;
width: 100%;
}
.side-panel .text-field {
width: 100%;
}
.side-panel .buttons {
margin-top: 24px;
}
.side-panel .buttons > * {
margin-right: 6px;
}
.side-panel .buttons > :last-child {
margin-right: 0px;
}
.show-panel {
color: #3d3d3d;
}
.show-panel .panel-header {
height: 96px;
margin-top: 18px;
}
body.mobile-s .show-panel .panel-header {
height: 64px;
}
.show-panel .panel-header .buttons {
float: right;
}
.show-panel .panel-header .image {
border: 1px solid #cccccc;
border-radius: 48px 48px 48px 48px;
-o-border-radius: 48px 48px 48px 48px;
-ms-border-radius: 48px 48px 48px 48px;
-moz-border-radius: 48px 48px 48px 48px;
-khtml-border-radius: 48px 48px 48px 48px;
-webkit-border-radius: 48px 48px 48px 48px;
float: left;
height: 96px;
width: 96px;
}
body.mobile-s .show-panel .panel-header .image {
height: 64px;
width: 64px;
}
.show-panel .panel-header .image.square {
border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-khtml-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
}
.show-panel .panel-header .image.no-border {
border: none;
}
.show-panel .panel-header .details {
height: 86px;
padding-left: 124px;
padding-top: 12px;
vertical-align: top;
width: 100%;
}
body.mobile-s .show-panel .panel-header .details {
padding-left: 80px;
padding-top: 8px;
}
.show-panel .panel-header .details h2 {
margin: 0px 0px 12px 0px;
}
body.mobile-s .show-panel .panel-header .details h2 {
font-size: 18px;
margin-bottom: 4px;
}
.show-panel .panel-header .details h3 {
font-size: 14px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
}
body.mobile-s .show-panel .panel-header .details h3 {
font-size: 13px;
}
body.flat .show-panel .panel-header .details h3 {
font-weight: 600;
text-transform: none;
}
.show-panel .panel-contents {
border-top: 1px solid #e0e0e0;
margin-top: 18px;
}
.show-panel .panel-contents.simple {
border-top: none;
}
body.mobile-s .show-panel .panel-contents.simple {
margin-top: 8px;
}
.show-panel .panel-contents:after {
clear: both;
content: "";
display: block;
}
.show-panel .panel-contents dl {
margin: 14px 0px 14px 0px;
}
body.mobile-s .show-panel .panel-contents dl {
margin: 8px 0px 8px 0px;
}
.show-panel .panel-contents dl div.item {
padding: 8px 0px 8px 0px;
vertical-align: top;
}
body.mobile-s .show-panel .panel-contents dl div.item {
padding: 6px 0px 6px 0px;
}
.show-panel .panel-contents dl.inline div.item {
float: left;
padding-right: 8px;
width: 50%;
}
body.mobile-s .show-panel .panel-contents dl.inline div.item {
border-top: 1px dotted #f4f4f4;
float: none;
font-size: 0px;
padding-right: 0px;
width: 100%;
}
body.mobile-s .show-panel .panel-contents dl.inline div.item:first-child,
body.mobile-s .show-panel .panel-contents dl.inline .separator + div.item {
border-top: none;
}
.show-panel .panel-contents dl.inline div.separator {
clear: both;
}
.show-panel .panel-contents dl dt {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin: 0px 0px 4px 0px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
word-wrap: break-word;
}
body.mobile-s .show-panel .panel-contents dl dt {
display: inline-block;
font-size: 13px;
margin-bottom: 0px;
vertical-align: top;
width: 45%;
}
body.flat .show-panel .panel-contents dl dt {
color: #1d1d1d;
font-size: 15px;
text-transform: none;
}
body.mobile-s.flat .show-panel .panel-contents dl dt {
font-size: 14px;
}
body.mobile-s .show-panel .panel-contents dl dt {
font-size: 12px;
}
.show-panel .panel-contents dl dd {
font-size: 16px;
line-height: 30px;
margin: 0px 0px 18px 0px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
body.mobile-s .show-panel .panel-contents dl dd {
display: inline-block;
font-size: 14px;
margin-bottom: 0px;
text-align: right;
vertical-align: top;
width: 55%;
}
body.flat .show-panel .panel-contents dl dd {
font-size: 15px;
margin-bottom: 14px;
}
body.mobile-s.flat .show-panel .panel-contents dl dd {
font-size: 14px;
margin-bottom: 0px;
}
.show-panel .panel-contents dl dd {
color: #4d4d4d;
}
.show-panel .panel-contents .image {
margin-top: 14px;
max-height: 278px;
max-width: 100%;
}
body.mobile-s .show-panel .panel-contents .image {
max-height: initial;
}
body.flat .show-panel .panel-contents .image {
margin-top: 12px;
}
.show-panel .panel-contents .image.lightbox-animated {
cursor: pointer;
}
.login-panel {
background-color: #f9f9f9;
border: 1px solid #cdcdcd;
box-shadow: 0px 0px 6px #e8e8e8;
-o-box-shadow: 0px 0px 6px #e8e8e8;
-ms-box-shadow: 0px 0px 6px #e8e8e8;
-moz-box-shadow: 0px 0px 6px #e8e8e8;
-khtml-box-shadow: 0px 0px 6px #e8e8e8;
-webkit-box-shadow: 0px 0px 6px #e8e8e8;
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-khtml-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 64px auto 64px auto;
max-width: 100%;
padding: 32px 32px 32px 32px;
width: 406px;
}
body.flat .login-panel:not(.login-panel-message) {
animation: fade-into-rise 0.45s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-o-animation: fade-into-rise 0.45s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-ms-animation: fade-into-rise 0.45s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-moz-animation: fade-into-rise 0.45s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-khtml-animation: fade-into-rise 0.45s cubic-bezier(0.645, 0.045, 0.355, 1.0);
-webkit-animation: fade-into-rise 0.45s cubic-bezier(0.645, 0.045, 0.355, 1.0);
}
body.flat .login-panel {
border: 2px solid #cdcdcd;
border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-khtml-box-shadow: none;
-webkit-box-shadow: none;
}
body.mobile-s .login-panel {
margin: 12px auto 12px auto;
padding: 28px 16px 28px 16px;
}
.login-panel form {
margin: 0px 0px 0px 0px;
max-width: 100%;
width: 342px;
}
.login-panel h1 {
font-size: 34px;
font-weight: normal;
margin: 0px 0px 16px 0px;
text-transform: none;
}
.login-panel h3 {
color: #4d4d4d;
font-size: 16px;
font-weight: inherit;
margin: 0px 0px 42px 0px;
}
.login-panel.login-panel-message h3 {
margin-bottom: 0px;
}
.login-panel h4 {
color: #4d4d4d;
font-size: 16px;
font-weight: normal;
margin: 0px 0px 16px 0px;
}
body.flat .login-panel h4 {
font-weight: 600;
}
.login-panel p {
color: #4d4d4d;
margin: 0px 0px 0px 0px;
}
.login-panel .login-logo {
max-height: 120px;
max-width: 90%;
}
body.mobile-s .login-panel .login-logo {
max-width: 80%;
}
.login-panel .forgot {
margin: -8px 0px 26px 0px;
text-align: left;
}
body.mobile-s .login-panel .forgot {
margin-top: 0px;
}
.login-panel .buttons {
margin: 42px 0px 0px 0px;
}
.login-panel .buttons .button {
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-khtml-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 12px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.login-panel .buttons .button:last-of-type {
margin-bottom: 0px;
}
.login-panel .new {
margin-top: 12px;
text-align: left;
}
.login-footer {
font-size: 14px;
margin-bottom: 20px;
margin-top: -32px;
}
body.mobile-s .login-footer {
margin-top: 20px;
}
.drop-down-container.operations {
display: none;
}
.drop-down-container.operations.force {
display: inline-block;
}
.button-drop-down.operations {
display: none;
}
.button-drop-down.operations.force {
display: inline-block;
}
.window.window-lightbox {
cursor: pointer;
line-height: 0px;
overflow: visible;
padding: 0px 0px 0px 0px;
width: inherit;
}
.window.window-lightbox .button-confirm,
.window.window-lightbox .button-expand {
animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-ms-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-khtml-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
}
.window.window-lightbox .button-confirm {
background: transparent url(../images/base/lightbox-close.png) no-repeat left 0px;
cursor: pointer;
height: 30px;
margin: -14px 0px 0px -14px;
position: absolute;
width: 30px;
}
.retina-s .window.window-lightbox .button-confirm {
background-image: url(../images/base/lightbox-close-2x.png);
background-size: 30px 30px;
}
.window.window-lightbox.loading .button-confirm {
background-image: url(../images/base/lightbox-loading.png);
}
.retina-s .window.window-lightbox.loading .button-confirm {
background-image: url(../images/base/lightbox-loading-2x.png);
background-size: 30px 330px;
}
.window.window-lightbox.loaded .button-confirm {
background-image: url(../images/base/lightbox-close.png);
}
.retina-s .window.window-lightbox.loaded .button-confirm {
background-image: url(../images/base/lightbox-close-2x.png);
background-size: 30px 30px;
}
.cards {
margin: 0px auto 0px auto;
}
.cards > .card {
border: 1px solid #e0e0e0;
border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
-ms-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
display: inline-block;
margin: 8px 8px 8px 8px;
max-width: 320px;
vertical-align: top;
width: 100%;
}
body.mobile-s .cards > .card {
border-left: none;
border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-khtml-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-right: none;
border-top: none;
margin: 0px 0px 0px 0px;
max-width: 100%;
}
.cards > .card > dl {
margin: 0px 0px 0px 0px;
padding: 8px 16px 8px 16px;
}
.cards > .card > dl > .item {
border-top: 1px dotted #f4f4f4;
float: none;
font-size: 0px;
padding: 2px 0px 2px 0px;
width: 100%;
}
body.mobile-s .cards > .card > dl > .item {
padding: 6px 0px 6px 0px;
}
.cards > .card > dl > .item:first-child {
border-top: none;
}
.cards > .card > dl > .item > dt {
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 32px;
margin: 0px 0px 0px 0px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
text-transform: uppercase;
vertical-align: top;
width: 45%;
word-wrap: break-word;
}
body.flat .cards > .card > dl > .item > dt {
color: #1d1d1d;
font-size: 14px;
text-transform: none;
}
.cards > .card > dl > .item > dd {
display: inline-block;
font-size: 14px;
line-height: 32px;
margin: 0px 0px 0px 0px;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
vertical-align: top;
width: 55%;
word-wrap: break-word;
}
.cards > .card > dl > .item > dd > * {
width: 100%;
}