html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
.ui-dialog .ui-dialog-title,
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::inner-spin-button,
input[type=number]::outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
box-sizing: content-box
}
input[type=search]::search-cancel-button,
input[type=search]::search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
body {
color: #10181f
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"), url(../fonts/OpenSans.woff) format("woff")
}
body {
font-family: "Open Sans", sans-serif;
color: #10181f
}
.type-size-one {
font-size: 1.375rem
}
.type-size-two {
font-size: 1rem
}
.type-size-three {
font-size: .875rem
}
.type-size-four {
font-size: .8125rem
}
.type-size-five {
font-size: .625rem
}
.ui-dialog .ui-dialog-title,
h1,
h2 {
margin-bottom: .9375rem
}
.ui-dialog .ui-dialog-title,
h1 {
font-size: 1rem;
font-weight: 700
}
h2 {
font-size: .875rem;
font-weight: 700
}
div,
p {
font-size: .8125rem
}
p {
margin: .9375rem 0
}
.text-header {
padding-top: 1rem;
padding-bottom: .4375rem;
margin-top: 0;
margin-bottom: 0
}
.subtitle {
font-style: italic;
color: #10181f;
padding-bottom: .625rem;
max-width: 70%;
flex-shrink: 0
}
.container {
margin-left: -.625rem;
margin-right: -.625rem
}
.container.min {
min-width: 60rem
}
.container.max {
max-width: 75rem
}
.row {
position: relative
}
.row:after {
content: "";
display: table;
clear: both
}
@media screen and (max-width:700) {
.row {
display: block;
height: auto
}
}
.span-1-2 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-2 {
display: block;
width: auto;
height: auto
}
}
.span-1-3 {
box-sizing: border-box;
display: block;
float: left;
width: 33.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-3 {
display: block;
width: auto;
height: auto
}
}
.span-2-3 {
box-sizing: border-box;
display: block;
float: left;
width: 66.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-3 {
display: block;
width: auto;
height: auto
}
}
.span-1-4 {
box-sizing: border-box;
display: block;
float: left;
width: 25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-4 {
display: block;
width: auto;
height: auto
}
}
.span-2-4 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-4 {
display: block;
width: auto;
height: auto
}
}
.span-3-4 {
box-sizing: border-box;
display: block;
float: left;
width: 75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-4 {
display: block;
width: auto;
height: auto
}
}
.span-1-5 {
box-sizing: border-box;
display: block;
float: left;
width: 20%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-5 {
display: block;
width: auto;
height: auto
}
}
.span-2-5 {
box-sizing: border-box;
display: block;
float: left;
width: 40%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-5 {
display: block;
width: auto;
height: auto
}
}
.span-3-5 {
box-sizing: border-box;
display: block;
float: left;
width: 60%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-5 {
display: block;
width: auto;
height: auto
}
}
.span-4-5 {
box-sizing: border-box;
display: block;
float: left;
width: 80%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-5 {
display: block;
width: auto;
height: auto
}
}
.span-1-6 {
box-sizing: border-box;
display: block;
float: left;
width: 16.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-6 {
display: block;
width: auto;
height: auto
}
}
.span-2-6 {
box-sizing: border-box;
display: block;
float: left;
width: 33.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-6 {
display: block;
width: auto;
height: auto
}
}
.span-3-6 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-6 {
display: block;
width: auto;
height: auto
}
}
.span-4-6 {
box-sizing: border-box;
display: block;
float: left;
width: 66.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-6 {
display: block;
width: auto;
height: auto
}
}
.span-5-6 {
box-sizing: border-box;
display: block;
float: left;
width: 83.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-6 {
display: block;
width: auto;
height: auto
}
}
.span-1-7 {
box-sizing: border-box;
display: block;
float: left;
width: 14.28571%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-7 {
display: block;
width: auto;
height: auto
}
}
.span-2-7 {
box-sizing: border-box;
display: block;
float: left;
width: 28.57143%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-7 {
display: block;
width: auto;
height: auto
}
}
.span-3-7 {
box-sizing: border-box;
display: block;
float: left;
width: 42.85714%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-7 {
display: block;
width: auto;
height: auto
}
}
.span-4-7 {
box-sizing: border-box;
display: block;
float: left;
width: 57.14286%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-7 {
display: block;
width: auto;
height: auto
}
}
.span-5-7 {
box-sizing: border-box;
display: block;
float: left;
width: 71.42857%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-7 {
display: block;
width: auto;
height: auto
}
}
.span-6-7 {
box-sizing: border-box;
display: block;
float: left;
width: 85.71429%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-7 {
display: block;
width: auto;
height: auto
}
}
.span-1-8 {
box-sizing: border-box;
display: block;
float: left;
width: 12.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-8 {
display: block;
width: auto;
height: auto
}
}
.span-2-8 {
box-sizing: border-box;
display: block;
float: left;
width: 25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-8 {
display: block;
width: auto;
height: auto
}
}
.span-3-8 {
box-sizing: border-box;
display: block;
float: left;
width: 37.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-8 {
display: block;
width: auto;
height: auto
}
}
.span-4-8 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-8 {
display: block;
width: auto;
height: auto
}
}
.span-5-8 {
box-sizing: border-box;
display: block;
float: left;
width: 62.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-8 {
display: block;
width: auto;
height: auto
}
}
.span-6-8 {
box-sizing: border-box;
display: block;
float: left;
width: 75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-8 {
display: block;
width: auto;
height: auto
}
}
.span-7-8 {
box-sizing: border-box;
display: block;
float: left;
width: 87.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-8 {
display: block;
width: auto;
height: auto
}
}
.span-1-9 {
box-sizing: border-box;
display: block;
float: left;
width: 11.11111%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-9 {
display: block;
width: auto;
height: auto
}
}
.span-2-9 {
box-sizing: border-box;
display: block;
float: left;
width: 22.22222%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-9 {
display: block;
width: auto;
height: auto
}
}
.span-3-9 {
box-sizing: border-box;
display: block;
float: left;
width: 33.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-9 {
display: block;
width: auto;
height: auto
}
}
.span-4-9 {
box-sizing: border-box;
display: block;
float: left;
width: 44.44444%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-9 {
display: block;
width: auto;
height: auto
}
}
.span-5-9 {
box-sizing: border-box;
display: block;
float: left;
width: 55.55556%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-9 {
display: block;
width: auto;
height: auto
}
}
.span-6-9 {
box-sizing: border-box;
display: block;
float: left;
width: 66.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-9 {
display: block;
width: auto;
height: auto
}
}
.span-7-9 {
box-sizing: border-box;
display: block;
float: left;
width: 77.77778%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-9 {
display: block;
width: auto;
height: auto
}
}
.span-8-9 {
box-sizing: border-box;
display: block;
float: left;
width: 88.88889%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-9 {
display: block;
width: auto;
height: auto
}
}
.span-1-10 {
box-sizing: border-box;
display: block;
float: left;
width: 10%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-10 {
display: block;
width: auto;
height: auto
}
}
.span-2-10 {
box-sizing: border-box;
display: block;
float: left;
width: 20%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-10 {
display: block;
width: auto;
height: auto
}
}
.span-3-10 {
box-sizing: border-box;
display: block;
float: left;
width: 30%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-10 {
display: block;
width: auto;
height: auto
}
}
.span-4-10 {
box-sizing: border-box;
display: block;
float: left;
width: 40%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-10 {
display: block;
width: auto;
height: auto
}
}
.span-5-10 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-10 {
display: block;
width: auto;
height: auto
}
}
.span-6-10 {
box-sizing: border-box;
display: block;
float: left;
width: 60%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-10 {
display: block;
width: auto;
height: auto
}
}
.span-7-10 {
box-sizing: border-box;
display: block;
float: left;
width: 70%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-10 {
display: block;
width: auto;
height: auto
}
}
.span-8-10 {
box-sizing: border-box;
display: block;
float: left;
width: 80%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-10 {
display: block;
width: auto;
height: auto
}
}
.span-9-10 {
box-sizing: border-box;
display: block;
float: left;
width: 90%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-9-10 {
display: block;
width: auto;
height: auto
}
}
.span-1-11 {
box-sizing: border-box;
display: block;
float: left;
width: 9.09091%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-11 {
display: block;
width: auto;
height: auto
}
}
.span-2-11 {
box-sizing: border-box;
display: block;
float: left;
width: 18.18182%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-11 {
display: block;
width: auto;
height: auto
}
}
.span-3-11 {
box-sizing: border-box;
display: block;
float: left;
width: 27.27273%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-11 {
display: block;
width: auto;
height: auto
}
}
.span-4-11 {
box-sizing: border-box;
display: block;
float: left;
width: 36.36364%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-11 {
display: block;
width: auto;
height: auto
}
}
.span-5-11 {
box-sizing: border-box;
display: block;
float: left;
width: 45.45455%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-11 {
display: block;
width: auto;
height: auto
}
}
.span-6-11 {
box-sizing: border-box;
display: block;
float: left;
width: 54.54545%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-11 {
display: block;
width: auto;
height: auto
}
}
.span-7-11 {
box-sizing: border-box;
display: block;
float: left;
width: 63.63636%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-11 {
display: block;
width: auto;
height: auto
}
}
.span-8-11 {
box-sizing: border-box;
display: block;
float: left;
width: 72.72727%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-11 {
display: block;
width: auto;
height: auto
}
}
.span-9-11 {
box-sizing: border-box;
display: block;
float: left;
width: 81.81818%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-9-11 {
display: block;
width: auto;
height: auto
}
}
.span-10-11 {
box-sizing: border-box;
display: block;
float: left;
width: 90.90909%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-10-11 {
display: block;
width: auto;
height: auto
}
}
.span-1-12 {
box-sizing: border-box;
display: block;
float: left;
width: 8.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-12 {
display: block;
width: auto;
height: auto
}
}
.span-2-12 {
box-sizing: border-box;
display: block;
float: left;
width: 16.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-12 {
display: block;
width: auto;
height: auto
}
}
.span-3-12 {
box-sizing: border-box;
display: block;
float: left;
width: 25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-12 {
display: block;
width: auto;
height: auto
}
}
.span-4-12 {
box-sizing: border-box;
display: block;
float: left;
width: 33.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-12 {
display: block;
width: auto;
height: auto
}
}
.span-5-12 {
box-sizing: border-box;
display: block;
float: left;
width: 41.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-12 {
display: block;
width: auto;
height: auto
}
}
.span-6-12 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-12 {
display: block;
width: auto;
height: auto
}
}
.span-7-12 {
box-sizing: border-box;
display: block;
float: left;
width: 58.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-12 {
display: block;
width: auto;
height: auto
}
}
.span-8-12 {
box-sizing: border-box;
display: block;
float: left;
width: 66.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-12 {
display: block;
width: auto;
height: auto
}
}
.span-9-12 {
box-sizing: border-box;
display: block;
float: left;
width: 75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-9-12 {
display: block;
width: auto;
height: auto
}
}
.span-10-12 {
box-sizing: border-box;
display: block;
float: left;
width: 83.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-10-12 {
display: block;
width: auto;
height: auto
}
}
.span-11-12 {
box-sizing: border-box;
display: block;
float: left;
width: 91.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-11-12 {
display: block;
width: auto;
height: auto
}
}
.span-1-13 {
box-sizing: border-box;
display: block;
float: left;
width: 7.69231%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-13 {
display: block;
width: auto;
height: auto
}
}
.span-2-13 {
box-sizing: border-box;
display: block;
float: left;
width: 15.38462%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-13 {
display: block;
width: auto;
height: auto
}
}
.span-3-13 {
box-sizing: border-box;
display: block;
float: left;
width: 23.07692%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-13 {
display: block;
width: auto;
height: auto
}
}
.span-4-13 {
box-sizing: border-box;
display: block;
float: left;
width: 30.76923%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-13 {
display: block;
width: auto;
height: auto
}
}
.span-5-13 {
box-sizing: border-box;
display: block;
float: left;
width: 38.46154%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-13 {
display: block;
width: auto;
height: auto
}
}
.span-6-13 {
box-sizing: border-box;
display: block;
float: left;
width: 46.15385%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-13 {
display: block;
width: auto;
height: auto
}
}
.span-7-13 {
box-sizing: border-box;
display: block;
float: left;
width: 53.84615%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-13 {
display: block;
width: auto;
height: auto
}
}
.span-8-13 {
box-sizing: border-box;
display: block;
float: left;
width: 61.53846%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-13 {
display: block;
width: auto;
height: auto
}
}
.span-9-13 {
box-sizing: border-box;
display: block;
float: left;
width: 69.23077%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-9-13 {
display: block;
width: auto;
height: auto
}
}
.span-10-13 {
box-sizing: border-box;
display: block;
float: left;
width: 76.92308%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-10-13 {
display: block;
width: auto;
height: auto
}
}
.span-11-13 {
box-sizing: border-box;
display: block;
float: left;
width: 84.61538%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-11-13 {
display: block;
width: auto;
height: auto
}
}
.span-12-13 {
box-sizing: border-box;
display: block;
float: left;
width: 92.30769%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-12-13 {
display: block;
width: auto;
height: auto
}
}
.span-1-14 {
box-sizing: border-box;
display: block;
float: left;
width: 7.14286%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-14 {
display: block;
width: auto;
height: auto
}
}
.span-2-14 {
box-sizing: border-box;
display: block;
float: left;
width: 14.28571%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-14 {
display: block;
width: auto;
height: auto
}
}
.span-3-14 {
box-sizing: border-box;
display: block;
float: left;
width: 21.42857%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-14 {
display: block;
width: auto;
height: auto
}
}
.span-4-14 {
box-sizing: border-box;
display: block;
float: left;
width: 28.57143%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-14 {
display: block;
width: auto;
height: auto
}
}
.span-5-14 {
box-sizing: border-box;
display: block;
float: left;
width: 35.71429%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-14 {
display: block;
width: auto;
height: auto
}
}
.span-6-14 {
box-sizing: border-box;
display: block;
float: left;
width: 42.85714%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-14 {
display: block;
width: auto;
height: auto
}
}
.span-7-14 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-14 {
display: block;
width: auto;
height: auto
}
}
.span-8-14 {
box-sizing: border-box;
display: block;
float: left;
width: 57.14286%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-14 {
display: block;
width: auto;
height: auto
}
}
.span-9-14 {
box-sizing: border-box;
display: block;
float: left;
width: 64.28571%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-9-14 {
display: block;
width: auto;
height: auto
}
}
.span-10-14 {
box-sizing: border-box;
display: block;
float: left;
width: 71.42857%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-10-14 {
display: block;
width: auto;
height: auto
}
}
.span-11-14 {
box-sizing: border-box;
display: block;
float: left;
width: 78.57143%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-11-14 {
display: block;
width: auto;
height: auto
}
}
.span-12-14 {
box-sizing: border-box;
display: block;
float: left;
width: 85.71429%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-12-14 {
display: block;
width: auto;
height: auto
}
}
.span-13-14 {
box-sizing: border-box;
display: block;
float: left;
width: 92.85714%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-13-14 {
display: block;
width: auto;
height: auto
}
}
.span-1-15 {
box-sizing: border-box;
display: block;
float: left;
width: 6.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-15 {
display: block;
width: auto;
height: auto
}
}
.span-2-15 {
box-sizing: border-box;
display: block;
float: left;
width: 13.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-15 {
display: block;
width: auto;
height: auto
}
}
.span-3-15 {
box-sizing: border-box;
display: block;
float: left;
width: 20%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-15 {
display: block;
width: auto;
height: auto
}
}
.span-4-15 {
box-sizing: border-box;
display: block;
float: left;
width: 26.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-15 {
display: block;
width: auto;
height: auto
}
}
.span-5-15 {
box-sizing: border-box;
display: block;
float: left;
width: 33.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-15 {
display: block;
width: auto;
height: auto
}
}
.span-6-15 {
box-sizing: border-box;
display: block;
float: left;
width: 40%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-15 {
display: block;
width: auto;
height: auto
}
}
.span-7-15 {
box-sizing: border-box;
display: block;
float: left;
width: 46.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-15 {
display: block;
width: auto;
height: auto
}
}
.span-8-15 {
box-sizing: border-box;
display: block;
float: left;
width: 53.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-15 {
display: block;
width: auto;
height: auto
}
}
.span-9-15 {
box-sizing: border-box;
display: block;
float: left;
width: 60%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-9-15 {
display: block;
width: auto;
height: auto
}
}
.span-10-15 {
box-sizing: border-box;
display: block;
float: left;
width: 66.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-10-15 {
display: block;
width: auto;
height: auto
}
}
.span-11-15 {
box-sizing: border-box;
display: block;
float: left;
width: 73.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-11-15 {
display: block;
width: auto;
height: auto
}
}
.span-12-15 {
box-sizing: border-box;
display: block;
float: left;
width: 80%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-12-15 {
display: block;
width: auto;
height: auto
}
}
.span-13-15 {
box-sizing: border-box;
display: block;
float: left;
width: 86.66667%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-13-15 {
display: block;
width: auto;
height: auto
}
}
.span-14-15 {
box-sizing: border-box;
display: block;
float: left;
width: 93.33333%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-14-15 {
display: block;
width: auto;
height: auto
}
}
.span-1-16 {
box-sizing: border-box;
display: block;
float: left;
width: 6.25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-1-16 {
display: block;
width: auto;
height: auto
}
}
.span-2-16 {
box-sizing: border-box;
display: block;
float: left;
width: 12.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-2-16 {
display: block;
width: auto;
height: auto
}
}
.span-3-16 {
box-sizing: border-box;
display: block;
float: left;
width: 18.75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-3-16 {
display: block;
width: auto;
height: auto
}
}
.span-4-16 {
box-sizing: border-box;
display: block;
float: left;
width: 25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-4-16 {
display: block;
width: auto;
height: auto
}
}
.span-5-16 {
box-sizing: border-box;
display: block;
float: left;
width: 31.25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-5-16 {
display: block;
width: auto;
height: auto
}
}
.span-6-16 {
box-sizing: border-box;
display: block;
float: left;
width: 37.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-6-16 {
display: block;
width: auto;
height: auto
}
}
.span-7-16 {
box-sizing: border-box;
display: block;
float: left;
width: 43.75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-7-16 {
display: block;
width: auto;
height: auto
}
}
.span-8-16 {
box-sizing: border-box;
display: block;
float: left;
width: 50%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-8-16 {
display: block;
width: auto;
height: auto
}
}
.span-9-16 {
box-sizing: border-box;
display: block;
float: left;
width: 56.25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-9-16 {
display: block;
width: auto;
height: auto
}
}
.span-10-16 {
box-sizing: border-box;
display: block;
float: left;
width: 62.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-10-16 {
display: block;
width: auto;
height: auto
}
}
.span-11-16 {
box-sizing: border-box;
display: block;
float: left;
width: 68.75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-11-16 {
display: block;
width: auto;
height: auto
}
}
.span-12-16 {
box-sizing: border-box;
display: block;
float: left;
width: 75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-12-16 {
display: block;
width: auto;
height: auto
}
}
.span-13-16 {
box-sizing: border-box;
display: block;
float: left;
width: 81.25%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-13-16 {
display: block;
width: auto;
height: auto
}
}
.span-14-16 {
box-sizing: border-box;
display: block;
float: left;
width: 87.5%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-14-16 {
display: block;
width: auto;
height: auto
}
}
.span-15-16 {
box-sizing: border-box;
display: block;
float: left;
width: 93.75%;
padding-left: .625rem;
padding-right: .625rem
}
@media screen and (max-width:700) {
.span-15-16 {
display: block;
width: auto;
height: auto
}
}
.offset-1-2 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-1-2 {
margin-left: 0
}
}
.offset-1-3 {
margin-left: 33.33333%
}
@media screen and (max-width:700) {
.offset-1-3 {
margin-left: 0
}
}
.offset-2-3 {
margin-left: 66.66667%
}
@media screen and (max-width:700) {
.offset-2-3 {
margin-left: 0
}
}
.offset-1-4 {
margin-left: 25%
}
@media screen and (max-width:700) {
.offset-1-4 {
margin-left: 0
}
}
.offset-2-4 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-2-4 {
margin-left: 0
}
}
.offset-3-4 {
margin-left: 75%
}
@media screen and (max-width:700) {
.offset-3-4 {
margin-left: 0
}
}
.offset-1-5 {
margin-left: 20%
}
@media screen and (max-width:700) {
.offset-1-5 {
margin-left: 0
}
}
.offset-2-5 {
margin-left: 40%
}
@media screen and (max-width:700) {
.offset-2-5 {
margin-left: 0
}
}
.offset-3-5 {
margin-left: 60%
}
@media screen and (max-width:700) {
.offset-3-5 {
margin-left: 0
}
}
.offset-4-5 {
margin-left: 80%
}
@media screen and (max-width:700) {
.offset-4-5 {
margin-left: 0
}
}
.offset-1-6 {
margin-left: 16.66667%
}
@media screen and (max-width:700) {
.offset-1-6 {
margin-left: 0
}
}
.offset-2-6 {
margin-left: 33.33333%
}
@media screen and (max-width:700) {
.offset-2-6 {
margin-left: 0
}
}
.offset-3-6 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-3-6 {
margin-left: 0
}
}
.offset-4-6 {
margin-left: 66.66667%
}
@media screen and (max-width:700) {
.offset-4-6 {
margin-left: 0
}
}
.offset-5-6 {
margin-left: 83.33333%
}
@media screen and (max-width:700) {
.offset-5-6 {
margin-left: 0
}
}
.offset-1-7 {
margin-left: 14.28571%
}
@media screen and (max-width:700) {
.offset-1-7 {
margin-left: 0
}
}
.offset-2-7 {
margin-left: 28.57143%
}
@media screen and (max-width:700) {
.offset-2-7 {
margin-left: 0
}
}
.offset-3-7 {
margin-left: 42.85714%
}
@media screen and (max-width:700) {
.offset-3-7 {
margin-left: 0
}
}
.offset-4-7 {
margin-left: 57.14286%
}
@media screen and (max-width:700) {
.offset-4-7 {
margin-left: 0
}
}
.offset-5-7 {
margin-left: 71.42857%
}
@media screen and (max-width:700) {
.offset-5-7 {
margin-left: 0
}
}
.offset-6-7 {
margin-left: 85.71429%
}
@media screen and (max-width:700) {
.offset-6-7 {
margin-left: 0
}
}
.offset-1-8 {
margin-left: 12.5%
}
@media screen and (max-width:700) {
.offset-1-8 {
margin-left: 0
}
}
.offset-2-8 {
margin-left: 25%
}
@media screen and (max-width:700) {
.offset-2-8 {
margin-left: 0
}
}
.offset-3-8 {
margin-left: 37.5%
}
@media screen and (max-width:700) {
.offset-3-8 {
margin-left: 0
}
}
.offset-4-8 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-4-8 {
margin-left: 0
}
}
.offset-5-8 {
margin-left: 62.5%
}
@media screen and (max-width:700) {
.offset-5-8 {
margin-left: 0
}
}
.offset-6-8 {
margin-left: 75%
}
@media screen and (max-width:700) {
.offset-6-8 {
margin-left: 0
}
}
.offset-7-8 {
margin-left: 87.5%
}
@media screen and (max-width:700) {
.offset-7-8 {
margin-left: 0
}
}
.offset-1-9 {
margin-left: 11.11111%
}
@media screen and (max-width:700) {
.offset-1-9 {
margin-left: 0
}
}
.offset-2-9 {
margin-left: 22.22222%
}
@media screen and (max-width:700) {
.offset-2-9 {
margin-left: 0
}
}
.offset-3-9 {
margin-left: 33.33333%
}
@media screen and (max-width:700) {
.offset-3-9 {
margin-left: 0
}
}
.offset-4-9 {
margin-left: 44.44444%
}
@media screen and (max-width:700) {
.offset-4-9 {
margin-left: 0
}
}
.offset-5-9 {
margin-left: 55.55556%
}
@media screen and (max-width:700) {
.offset-5-9 {
margin-left: 0
}
}
.offset-6-9 {
margin-left: 66.66667%
}
@media screen and (max-width:700) {
.offset-6-9 {
margin-left: 0
}
}
.offset-7-9 {
margin-left: 77.77778%
}
@media screen and (max-width:700) {
.offset-7-9 {
margin-left: 0
}
}
.offset-8-9 {
margin-left: 88.88889%
}
@media screen and (max-width:700) {
.offset-8-9 {
margin-left: 0
}
}
.offset-1-10 {
margin-left: 10%
}
@media screen and (max-width:700) {
.offset-1-10 {
margin-left: 0
}
}
.offset-2-10 {
margin-left: 20%
}
@media screen and (max-width:700) {
.offset-2-10 {
margin-left: 0
}
}
.offset-3-10 {
margin-left: 30%
}
@media screen and (max-width:700) {
.offset-3-10 {
margin-left: 0
}
}
.offset-4-10 {
margin-left: 40%
}
@media screen and (max-width:700) {
.offset-4-10 {
margin-left: 0
}
}
.offset-5-10 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-5-10 {
margin-left: 0
}
}
.offset-6-10 {
margin-left: 60%
}
@media screen and (max-width:700) {
.offset-6-10 {
margin-left: 0
}
}
.offset-7-10 {
margin-left: 70%
}
@media screen and (max-width:700) {
.offset-7-10 {
margin-left: 0
}
}
.offset-8-10 {
margin-left: 80%
}
@media screen and (max-width:700) {
.offset-8-10 {
margin-left: 0
}
}
.offset-9-10 {
margin-left: 90%
}
@media screen and (max-width:700) {
.offset-9-10 {
margin-left: 0
}
}
.offset-1-11 {
margin-left: 9.09091%
}
@media screen and (max-width:700) {
.offset-1-11 {
margin-left: 0
}
}
.offset-2-11 {
margin-left: 18.18182%
}
@media screen and (max-width:700) {
.offset-2-11 {
margin-left: 0
}
}
.offset-3-11 {
margin-left: 27.27273%
}
@media screen and (max-width:700) {
.offset-3-11 {
margin-left: 0
}
}
.offset-4-11 {
margin-left: 36.36364%
}
@media screen and (max-width:700) {
.offset-4-11 {
margin-left: 0
}
}
.offset-5-11 {
margin-left: 45.45455%
}
@media screen and (max-width:700) {
.offset-5-11 {
margin-left: 0
}
}
.offset-6-11 {
margin-left: 54.54545%
}
@media screen and (max-width:700) {
.offset-6-11 {
margin-left: 0
}
}
.offset-7-11 {
margin-left: 63.63636%
}
@media screen and (max-width:700) {
.offset-7-11 {
margin-left: 0
}
}
.offset-8-11 {
margin-left: 72.72727%
}
@media screen and (max-width:700) {
.offset-8-11 {
margin-left: 0
}
}
.offset-9-11 {
margin-left: 81.81818%
}
@media screen and (max-width:700) {
.offset-9-11 {
margin-left: 0
}
}
.offset-10-11 {
margin-left: 90.90909%
}
@media screen and (max-width:700) {
.offset-10-11 {
margin-left: 0
}
}
.offset-1-12 {
margin-left: 8.33333%
}
@media screen and (max-width:700) {
.offset-1-12 {
margin-left: 0
}
}
.offset-2-12 {
margin-left: 16.66667%
}
@media screen and (max-width:700) {
.offset-2-12 {
margin-left: 0
}
}
.offset-3-12 {
margin-left: 25%
}
@media screen and (max-width:700) {
.offset-3-12 {
margin-left: 0
}
}
.offset-4-12 {
margin-left: 33.33333%
}
@media screen and (max-width:700) {
.offset-4-12 {
margin-left: 0
}
}
.offset-5-12 {
margin-left: 41.66667%
}
@media screen and (max-width:700) {
.offset-5-12 {
margin-left: 0
}
}
.offset-6-12 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-6-12 {
margin-left: 0
}
}
.offset-7-12 {
margin-left: 58.33333%
}
@media screen and (max-width:700) {
.offset-7-12 {
margin-left: 0
}
}
.offset-8-12 {
margin-left: 66.66667%
}
@media screen and (max-width:700) {
.offset-8-12 {
margin-left: 0
}
}
.offset-9-12 {
margin-left: 75%
}
@media screen and (max-width:700) {
.offset-9-12 {
margin-left: 0
}
}
.offset-10-12 {
margin-left: 83.33333%
}
@media screen and (max-width:700) {
.offset-10-12 {
margin-left: 0
}
}
.offset-11-12 {
margin-left: 91.66667%
}
@media screen and (max-width:700) {
.offset-11-12 {
margin-left: 0
}
}
.offset-1-13 {
margin-left: 7.69231%
}
@media screen and (max-width:700) {
.offset-1-13 {
margin-left: 0
}
}
.offset-2-13 {
margin-left: 15.38462%
}
@media screen and (max-width:700) {
.offset-2-13 {
margin-left: 0
}
}
.offset-3-13 {
margin-left: 23.07692%
}
@media screen and (max-width:700) {
.offset-3-13 {
margin-left: 0
}
}
.offset-4-13 {
margin-left: 30.76923%
}
@media screen and (max-width:700) {
.offset-4-13 {
margin-left: 0
}
}
.offset-5-13 {
margin-left: 38.46154%
}
@media screen and (max-width:700) {
.offset-5-13 {
margin-left: 0
}
}
.offset-6-13 {
margin-left: 46.15385%
}
@media screen and (max-width:700) {
.offset-6-13 {
margin-left: 0
}
}
.offset-7-13 {
margin-left: 53.84615%
}
@media screen and (max-width:700) {
.offset-7-13 {
margin-left: 0
}
}
.offset-8-13 {
margin-left: 61.53846%
}
@media screen and (max-width:700) {
.offset-8-13 {
margin-left: 0
}
}
.offset-9-13 {
margin-left: 69.23077%
}
@media screen and (max-width:700) {
.offset-9-13 {
margin-left: 0
}
}
.offset-10-13 {
margin-left: 76.92308%
}
@media screen and (max-width:700) {
.offset-10-13 {
margin-left: 0
}
}
.offset-11-13 {
margin-left: 84.61538%
}
@media screen and (max-width:700) {
.offset-11-13 {
margin-left: 0
}
}
.offset-12-13 {
margin-left: 92.30769%
}
@media screen and (max-width:700) {
.offset-12-13 {
margin-left: 0
}
}
.offset-1-14 {
margin-left: 7.14286%
}
@media screen and (max-width:700) {
.offset-1-14 {
margin-left: 0
}
}
.offset-2-14 {
margin-left: 14.28571%
}
@media screen and (max-width:700) {
.offset-2-14 {
margin-left: 0
}
}
.offset-3-14 {
margin-left: 21.42857%
}
@media screen and (max-width:700) {
.offset-3-14 {
margin-left: 0
}
}
.offset-4-14 {
margin-left: 28.57143%
}
@media screen and (max-width:700) {
.offset-4-14 {
margin-left: 0
}
}
.offset-5-14 {
margin-left: 35.71429%
}
@media screen and (max-width:700) {
.offset-5-14 {
margin-left: 0
}
}
.offset-6-14 {
margin-left: 42.85714%
}
@media screen and (max-width:700) {
.offset-6-14 {
margin-left: 0
}
}
.offset-7-14 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-7-14 {
margin-left: 0
}
}
.offset-8-14 {
margin-left: 57.14286%
}
@media screen and (max-width:700) {
.offset-8-14 {
margin-left: 0
}
}
.offset-9-14 {
margin-left: 64.28571%
}
@media screen and (max-width:700) {
.offset-9-14 {
margin-left: 0
}
}
.offset-10-14 {
margin-left: 71.42857%
}
@media screen and (max-width:700) {
.offset-10-14 {
margin-left: 0
}
}
.offset-11-14 {
margin-left: 78.57143%
}
@media screen and (max-width:700) {
.offset-11-14 {
margin-left: 0
}
}
.offset-12-14 {
margin-left: 85.71429%
}
@media screen and (max-width:700) {
.offset-12-14 {
margin-left: 0
}
}
.offset-13-14 {
margin-left: 92.85714%
}
@media screen and (max-width:700) {
.offset-13-14 {
margin-left: 0
}
}
.offset-1-15 {
margin-left: 6.66667%
}
@media screen and (max-width:700) {
.offset-1-15 {
margin-left: 0
}
}
.offset-2-15 {
margin-left: 13.33333%
}
@media screen and (max-width:700) {
.offset-2-15 {
margin-left: 0
}
}
.offset-3-15 {
margin-left: 20%
}
@media screen and (max-width:700) {
.offset-3-15 {
margin-left: 0
}
}
.offset-4-15 {
margin-left: 26.66667%
}
@media screen and (max-width:700) {
.offset-4-15 {
margin-left: 0
}
}
.offset-5-15 {
margin-left: 33.33333%
}
@media screen and (max-width:700) {
.offset-5-15 {
margin-left: 0
}
}
.offset-6-15 {
margin-left: 40%
}
@media screen and (max-width:700) {
.offset-6-15 {
margin-left: 0
}
}
.offset-7-15 {
margin-left: 46.66667%
}
@media screen and (max-width:700) {
.offset-7-15 {
margin-left: 0
}
}
.offset-8-15 {
margin-left: 53.33333%
}
@media screen and (max-width:700) {
.offset-8-15 {
margin-left: 0
}
}
.offset-9-15 {
margin-left: 60%
}
@media screen and (max-width:700) {
.offset-9-15 {
margin-left: 0
}
}
.offset-10-15 {
margin-left: 66.66667%
}
@media screen and (max-width:700) {
.offset-10-15 {
margin-left: 0
}
}
.offset-11-15 {
margin-left: 73.33333%
}
@media screen and (max-width:700) {
.offset-11-15 {
margin-left: 0
}
}
.offset-12-15 {
margin-left: 80%
}
@media screen and (max-width:700) {
.offset-12-15 {
margin-left: 0
}
}
.offset-13-15 {
margin-left: 86.66667%
}
@media screen and (max-width:700) {
.offset-13-15 {
margin-left: 0
}
}
.offset-14-15 {
margin-left: 93.33333%
}
@media screen and (max-width:700) {
.offset-14-15 {
margin-left: 0
}
}
.offset-1-16 {
margin-left: 6.25%
}
@media screen and (max-width:700) {
.offset-1-16 {
margin-left: 0
}
}
.offset-2-16 {
margin-left: 12.5%
}
@media screen and (max-width:700) {
.offset-2-16 {
margin-left: 0
}
}
.offset-3-16 {
margin-left: 18.75%
}
@media screen and (max-width:700) {
.offset-3-16 {
margin-left: 0
}
}
.offset-4-16 {
margin-left: 25%
}
@media screen and (max-width:700) {
.offset-4-16 {
margin-left: 0
}
}
.offset-5-16 {
margin-left: 31.25%
}
@media screen and (max-width:700) {
.offset-5-16 {
margin-left: 0
}
}
.offset-6-16 {
margin-left: 37.5%
}
@media screen and (max-width:700) {
.offset-6-16 {
margin-left: 0
}
}
.offset-7-16 {
margin-left: 43.75%
}
@media screen and (max-width:700) {
.offset-7-16 {
margin-left: 0
}
}
.offset-8-16 {
margin-left: 50%
}
@media screen and (max-width:700) {
.offset-8-16 {
margin-left: 0
}
}
.offset-9-16 {
margin-left: 56.25%
}
@media screen and (max-width:700) {
.offset-9-16 {
margin-left: 0
}
}
.offset-10-16 {
margin-left: 62.5%
}
@media screen and (max-width:700) {
.offset-10-16 {
margin-left: 0
}
}
.offset-11-16 {
margin-left: 68.75%
}
@media screen and (max-width:700) {
.offset-11-16 {
margin-left: 0
}
}
.offset-12-16 {
margin-left: 75%
}
@media screen and (max-width:700) {
.offset-12-16 {
margin-left: 0
}
}
.offset-13-16 {
margin-left: 81.25%
}
@media screen and (max-width:700) {
.offset-13-16 {
margin-left: 0
}
}
.offset-14-16 {
margin-left: 87.5%
}
@media screen and (max-width:700) {
.offset-14-16 {
margin-left: 0
}
}
.offset-15-16 {
margin-left: 93.75%
}
@media screen and (max-width:700) {
.offset-15-16 {
margin-left: 0
}
}
@font-face {
font-family: Axway-MailGate;
src: local("Axway-MailGate"), local("AxwayMailGate"), url(../fonts/Axway-MailGate.woff?7r8ef7) format("woff");
font-weight: 400;
font-style: normal
}
.icon {
font-family: Axway-MailGate !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
color: inherit;
text-transform: none;
line-height: normal;
text-align: center;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
display: inline-block;
vertical-align: middle;
position: relative
}
.icon:before {
font-family: Axway-MailGate !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
color: inherit;
text-transform: none;
line-height: normal;
text-align: center;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit
}
.icon-home {
content: '\e600';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-home:before {
content: '\e600'
}
.icon-folder-closed {
content: '\e912';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-closed:before {
content: '\e912'
}
.icon-folder-plus {
content: '\e6bc';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-plus:before {
content: '\e6bc'
}
.icon-folder-minus {
content: '\e6bd';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-minus:before {
content: '\e6bd'
}
.icon-folder-download {
content: '\e6be';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-download:before {
content: '\e6be'
}
.icon-folder-upload {
content: '\e6bf';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-upload:before {
content: '\e6bf'
}
.icon-folder-user {
content: '\e6c2';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-user:before {
content: '\e6c2'
}
.icon-folder-shared {
content: '\e6c3';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-shared:before {
content: '\e6c3'
}
.icon-folder-search {
content: '\e6bb';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-folder-search:before {
content: '\e6bb'
}
.icon-document {
content: '\e90e';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-document:before {
content: '\e90e'
}
.icon-file-add {
content: '\e6b4';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-file-add:before {
content: '\e6b4'
}
.icon-file-check {
content: '\e6b5';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-file-check:before {
content: '\e6b5'
}
.icon-duplicate {
content: '\e911';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-duplicate:before {
content: '\e911'
}
.icon-document-text {
content: '\e90f';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-document-text:before {
content: '\e90f'
}
.icon-document-bullets {
content: '\e910';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-document-bullets:before {
content: '\e910'
}
.icon-clipboard {
content: '\e919';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-clipboard:before {
content: '\e919'
}
.icon-clipboard-text {
content: '\e91a';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-clipboard-text:before {
content: '\e91a'
}
.icon-file-pending {
content: '\e913';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-file-pending:before {
content: '\e913'
}
.icon-clipboard-alert {
content: '\e6cf';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-clipboard-alert:before {
content: '\e6cf'
}
.icon-user {
content: '\e71e';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-user:before {
content: '\e71e'
}
.icon-user-plus {
content: '\e71f';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-user-plus:before {
content: '\e71f'
}
.icon-user-minus {
content: '\e720';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-user-minus:before {
content: '\e720'
}
.icon-users {
content: '\e723';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-users:before {
content: '\e723'
}
.icon-users-plus {
content: '\e724';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-users-plus:before {
content: '\e724'
}
.icon-users-minus {
content: '\e725';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-users-minus:before {
content: '\e725'
}
.icon-group-work {
content: '\e726';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-group-work:before {
content: '\e726'
}
.icon-download {
content: '\e91c';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-download:before {
content: '\e91c'
}
.icon-upload {
content: '\e915';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-upload:before {
content: '\e915'
}
.icon-envelope-close {
content: '\e914';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-envelope-close:before {
content: '\e914'
}
.icon-pencil4 {
content: '\e612';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-pencil4:before {
content: '\e612'
}
.icon-pencil {
content: '\e904';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-pencil:before {
content: '\e904'
}
.icon-paper-plane {
content: '\e699';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-paper-plane:before {
content: '\e699'
}
.icon-arrow-right {
content: '\e916';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-arrow-right:before {
content: '\e916'
}
.icon-arrow-reply {
content: '\e917';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-arrow-reply:before {
content: '\e917'
}
.icon-arrow-reply-all {
content: '\e918';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-arrow-reply-all:before {
content: '\e918'
}
.icon-paperclip {
content: '\e698';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-paperclip:before {
content: '\e698'
}
.icon-clip {
content: '\e946';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-clip:before {
content: '\e946'
}
.icon-inbox {
content: '\e91b';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-inbox:before {
content: '\e91b'
}
.icon-outbox {
content: '\e91d';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-outbox:before {
content: '\e91d'
}
.icon-gear {
content: '\e902';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-gear:before {
content: '\e902'
}
.icon-floppy {
content: '\e903';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-floppy:before {
content: '\e903'
}
.icon-trash {
content: '\e905';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-trash:before {
content: '\e905'
}
.icon-move {
content: '\e94e';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-move:before {
content: '\e94e'
}
.icon-click-drag {
content: '\e906';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-click-drag:before {
content: '\e906'
}
.icon-hand {
content: '\e92b';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-hand:before {
content: '\e92b'
}
.icon-database {
content: '\e65d';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-database:before {
content: '\e65d'
}
.icon-server {
content: '\e666';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-server:before {
content: '\e666'
}
.icon-glass {
content: '\e908';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-glass:before {
content: '\e908'
}
.icon-printer {
content: '\e91e';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-printer:before {
content: '\e91e'
}
.icon-bell {
content: '\e91f';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-bell:before {
content: '\e91f'
}
.icon-undo {
content: '\e920';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-undo:before {
content: '\e920'
}
.icon-sync {
content: '\e921';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-sync:before {
content: '\e921'
}
.icon-refresh {
content: '\e922';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-refresh:before {
content: '\e922'
}
.icon-calendar {
content: '\e928';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-calendar:before {
content: '\e928'
}
.icon-clock {
content: '\e929';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-clock:before {
content: '\e929'
}
.icon-eye {
content: '\e92c';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-eye:before {
content: '\e92c'
}
.icon-add-circle {
content: '\e931';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-add-circle:before {
content: '\e931'
}
.icon-info-circle {
content: '\e932';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-info-circle:before {
content: '\e932'
}
.icon-exclamation-triangle {
content: '\e933';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-exclamation-triangle:before {
content: '\e933'
}
.icon-x {
content: '\e934';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-x:before {
content: '\e934'
}
.icon-x-circle {
content: '\e935';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-x-circle:before {
content: '\e935'
}
.icon-question-circle {
content: '\e936';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-question-circle:before {
content: '\e936'
}
.icon-check {
content: '\e937';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-check:before {
content: '\e937'
}
.icon-check_circle {
content: '\e938';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-check_circle:before {
content: '\e938'
}
.icon-shield {
content: '\e667';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-shield:before {
content: '\e667'
}
.icon-shield-check {
content: '\e668';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-shield-check:before {
content: '\e668'
}
.icon-shield-alert {
content: '\e669';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-shield-alert:before {
content: '\e669'
}
.icon-shield-cross {
content: '\e66a';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-shield-cross:before {
content: '\e66a'
}
.icon-chevron-right {
content: '\e939';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-chevron-right:before {
content: '\e939'
}
.icon-chevron-down {
content: '\e93a';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-chevron-down:before {
content: '\e93a'
}
.icon-chevron-left {
content: '\e93b';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-chevron-left:before {
content: '\e93b'
}
.icon-chevron-up {
content: '\e93c';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-chevron-up:before {
content: '\e93c'
}
.icon-arrow-right2 {
content: '\e93d';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-arrow-right2:before {
content: '\e93d'
}
.icon-arrow-down {
content: '\e93e';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-arrow-down:before {
content: '\e93e'
}
.icon-arrow-left {
content: '\e93f';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-arrow-left:before {
content: '\e93f'
}
.icon-arrow-up {
content: '\e940';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-arrow-up:before {
content: '\e940'
}
.icon-earth {
content: '\e941';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-earth:before {
content: '\e941'
}
.icon-icons {
content: '\e942';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-icons:before {
content: '\e942'
}
.icon-ellipsis {
content: '\e909';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-ellipsis:before {
content: '\e909'
}
.icon-list-details {
content: '\e923';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-list-details:before {
content: '\e923'
}
.icon-menu {
content: '\e901';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-menu:before {
content: '\e901'
}
.icon-flag {
content: '\e924';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-flag:before {
content: '\e924'
}
.icon-pin {
content: '\e945';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-pin:before {
content: '\e945'
}
.icon-exit {
content: '\e944';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-exit:before {
content: '\e944'
}
.icon-sharepoint {
content: '\e900';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.icon-sharepoint:before {
content: '\e900'
}
.button,
.ui-dialog .ui-dialog-buttonpane button,
button,
input[type=button],
input[type=submit] {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
outline: 0;
border-radius: 0.4rem;
border: 1px solid rgba(71, 65, 65, 0.8);
background: 0 0;
color: rgba(71, 65, 65, 0.8);
height: 1.25rem;
padding: 0 .625rem;
font-size: .8125rem;
line-height: calc(1.25rem - .125rem);
font-weight: 600;
text-decoration: none;
box-shadow: none;
cursor: default
}
.button:active,
.button:hover,
.ui-dialog .ui-dialog-buttonpane button:active,
.ui-dialog .ui-dialog-buttonpane button:hover,
button:active,
button:hover,
input[type=button]:active,
input[type=button]:hover,
input[type=submit]:active,
input[type=submit]:hover {
color: #3a1a1e;
border-color: #3a1a1e;
}
.button:active,
.ui-dialog .ui-dialog-buttonpane button:active,
button:active,
input[type=button]:active,
input[type=submit]:active {
color: #fff;
background-color: #3a1a1e;
}
.button:disabled,
.ui-dialog .ui-dialog-buttonpane button:disabled,
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled {
color: rgba(16, 24, 31, .3);
border-color: rgba(16, 24, 31, .3)
}
.button.primary,
.ui-dialog .ui-dialog-buttonpane button.hidden+button,
.ui-dialog .ui-dialog-buttonpane button.primary,
.ui-dialog .ui-dialog-buttonpane button:first-child,
button.primary,
input[type=button].primary,
input[type=submit].primary {
box-sizing: border-box;
line-height: calc(1.25rem - 2px);
border: 1px solid transparent;
color: #fff;
background-color: rgba(71, 65, 65, 0.8);
box-shadow: 0 .0625rem 0 0 rgba(0, 0, 0, .2)
}
.button.primary:hover,
.ui-dialog .ui-dialog-buttonpane button.hidden+button:hover,
.ui-dialog .ui-dialog-buttonpane button.primary:hover,
.ui-dialog .ui-dialog-buttonpane button:hover:first-child,
button.primary:hover,
input[type=button].primary:hover,
input[type=submit].primary:hover {
background-color: #3a1a1e;
}
.button.primary:active,
.ui-dialog .ui-dialog-buttonpane button.hidden+button:active,
.ui-dialog .ui-dialog-buttonpane button.primary:active,
.ui-dialog .ui-dialog-buttonpane button:active:first-child,
button.primary:active,
input[type=button].primary:active,
input[type=submit].primary:active {
border-color: #3a1a1e;
background-color: #fff;
color: #3a1a1e;
box-shadow: none
}
.button.primary:disabled,
.ui-dialog .ui-dialog-buttonpane button.hidden+button:disabled,
.ui-dialog .ui-dialog-buttonpane button.primary:disabled,
.ui-dialog .ui-dialog-buttonpane button:disabled:first-child,
button.primary:disabled,
input[type=button].primary:disabled,
input[type=submit].primary:disabled {
background-color: rgba(16, 24, 31, .3);
box-shadow: none;
text-shadow: none
}
.button.large,
.ui-dialog .ui-dialog-buttonpane button.large,
button.large,
input[type=button].large,
input[type=submit].large {
border-radius: 0.4rem;
font-size: .875rem;
height: 1.5625rem;
line-height: calc(1.5625rem - .125rem)
}
.button.large.primary,
.ui-dialog .ui-dialog-buttonpane button.hidden+button.large,
.ui-dialog .ui-dialog-buttonpane button.large.primary,
.ui-dialog .ui-dialog-buttonpane button.large:first-child,
button.large.primary,
input[type=button].large.primary,
input[type=submit].large.primary {
line-height: calc(1.5625rem - 2px)
}
a,
button.text {
display: block;
border: none;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
display: inline;
color: rgba(71, 65, 65, 0.80);
font-weight: 700;
text-decoration: none
}
a:hover,
button.text:hover {
text-decoration: underline
}
a.hyperlink:visited,
button.text.hyperlink:visited {
color: #3d4051
}
a.hyperlink:active,
a:active,
button.text.hyperlink:active,
button.text:active {
color: #3a1a1e;
}
a:disabled,
button.text:disabled {
color: rgba(16, 24, 31, .3);
text-decoration: none
}
button.icon {
display: block;
border: none;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
display: inline-block;
color: #3399ff
}
button.icon:hover {
color: #3d4051
}
.action-bar {
display: flex;
margin: 0 0 .375rem 0;
padding: 0;
list-style: none;
width: auto;
flex-direction: row;
flex: 0 0 auto;
align-items: center
}
.action-bar-item {
display: flex;
flex-direction: row;
flex: 0 0 auto;
align-items: center
}
.action-bar-item .button,
.action-bar-item .ui-dialog .ui-dialog-buttonpane button,
.action-bar-item a,
.action-bar-item button,
.ui-dialog .ui-dialog-buttonpane .action-bar-item button {
box-sizing: border-box;
height: 1.875rem;
min-width: 1.875rem;
border-radius: .9375rem;
border: 1px solid transparent;
padding: 0;
font-size: .8125rem;
font-weight: 400;
text-align: center;
color: #3399ff;
outline: 0;
text-decoration: none;
display: flex;
flex: 1 1 auto;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
align-content: flex-start
}
.action-bar-item .button.selected,
.action-bar-item .button:hover,
.action-bar-item .ui-dialog .ui-dialog-buttonpane button.selected,
.action-bar-item .ui-dialog .ui-dialog-buttonpane button:hover,
.action-bar-item a.selected,
.action-bar-item a:hover,
.action-bar-item button.selected,
.action-bar-item button:hover,
.ui-dialog .ui-dialog-buttonpane .action-bar-item button.selected,
.ui-dialog .ui-dialog-buttonpane .action-bar-item button:hover {
background-color: #3399ff;
color: #fff
}
.action-bar-item .button:active,
.action-bar-item .ui-dialog .ui-dialog-buttonpane button:active,
.action-bar-item a:active,
.action-bar-item button:active,
.ui-dialog .ui-dialog-buttonpane .action-bar-item button:active {
border: 1px solid #3399ff;
background-color: #fff;
color: #3399ff
}
.action-bar-item .button.icon-and-label .label,
.action-bar-item .ui-dialog .ui-dialog-buttonpane button.icon-and-label .label,
.action-bar-item a.icon-and-label .label,
.action-bar-item button.icon-and-label .label,
.ui-dialog .ui-dialog-buttonpane .action-bar-item button.icon-and-label .label {
padding-left: 0
}
.action-bar-item .dropdown {
width: 10rem
}
.action-bar-item .label {
padding: 0 .625rem
}
.action-bar-item .label.more {
position: relative;
padding-right: 1.875rem
}
.action-bar-item .label.more:after {
position: absolute;
right: 7px;
content: '\e93a';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.action-bar-item .icon {
color: inherit;
line-height: 1;
width: 1.875rem
}
.action-bar-item .icon:before {
display: block
}
.action-bar-item button[disabled],
.action-bar-item[disabled] a,
.action-bar-item[disabled] button {
color: rgba(16, 24, 31, .3);
cursor: default
}
.action-bar-item button[disabled]:active,
.action-bar-item button[disabled]:hover,
.action-bar-item[disabled] a:active,
.action-bar-item[disabled] a:hover,
.action-bar-item[disabled] button:active,
.action-bar-item[disabled] button:hover {
background: 0 0;
border-color: transparent;
color: rgba(16, 24, 31, .3)
}
.section-header {
position: relative;
display: block;
margin-top: 0;
padding-left: 1.25rem;
font-size: .875rem;
line-height: 1.25rem
}
.section-header.expandable {
margin-bottom: 0
}
.section-header.expandable:before {
content: '\e939';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
position: absolute;
top: 0;
left: 0;
color: #3399ff
}
.section-header.expandable.expanded {
margin-bottom: .9375rem
}
.section-header.expandable.expanded:before {
content: '\e93a';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
color: #3399ff
}
#tabs ul,
.tabs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex: 0 0 auto;
position: relative;
margin: 0 0 .9375rem 0;
padding: 0 1.25rem;
list-style: none;
border-bottom: 1px solid #3399ff
}
#tabs ul li,
.tabs li {
box-sizing: border-box;
display: block;
float: left;
font-size: .8125rem;
height: calc(1.6875rem + 1px);
line-height: 1.6875rem;
margin-right: .3125rem;
border: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #3399ff
}
#tabs ul li a,
.tabs li a {
box-sizing: border-box;
display: block;
padding: 0 .625rem;
width: 100%;
height: 100%;
font-weight: inherit;
text-decoration: none;
color: inherit
}
#tabs ul li:hover,
.tabs li:hover {
border-color: #3399ff
}
#tabs ul li.selected,
.tabs li.selected {
background-color: #3399ff
}
#tabs ul li.selected a,
.tabs li.selected a {
color: #fff
}
#tabs ul li[disabled],
.tabs li[disabled] {
color: rgba(16, 24, 31, .3)
}
#tabs ul li[disabled] a,
.tabs li[disabled] a {
cursor: default
}
#tabs ul li[disabled]:hover,
.tabs li[disabled]:hover {
border-color: transparent
}
#tabs ul.empty,
.tabs.empty {
border-color: #989998
}
#tabs ul.empty li,
.tabs.empty li {
border-color: #989998;
border-bottom-color: #fff;
color: #555559;
padding: 0 .625rem
}
#tabs ul.empty li.add,
.tabs.empty li.add {
padding: 0
}
.alert {
position: relative;
margin-top: .625rem;
margin-bottom: .6875rem;
padding: .25rem 2.25rem .25rem .5rem;
background-color: rgba(0, 0, 0, .1);
font-size: .8125rem;
word-break: break-word
}
.alert a {
font-weight: 600;
text-decoration: underline;
color: #3399ff
}
.alert.info {
background-color: #e4f1fe
}
.alert.info .icon:before {
color: #2a7ab0
}
.alert.success {
background-color: #e4f9de
}
.alert.success .icon:before {
color: #050
}
.alert.warning {
background-color: #fffacd
}
.alert.warning .icon:before {
color: #8d6708
}
.alert.error {
background-color: #ffe3e0
}
.alert.error .icon:before {
color: #8b0000
}
.alert.global {
position: fixed;
min-width: 35%;
max-width: 80%;
margin-top: 0;
margin-bottom: 0;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 2001
}
.alert.global.info {
border: 1px solid #b3d8fc
}
.alert.global.success {
border: 1px solid #c1f1b3
}
.alert.global.warning {
border: 1px solid #fff59a
}
.alert.global.error {
border: 1px solid #ffb5ad
}
.alert .alert-close {
display: block;
border: none;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
position: absolute;
top: 1.125rem;
right: .5rem
}
.alert .alert-close:after {
display: block;
color: #555559;
content: '\e934';
font-size: 1.25rem;
font-family: Axway-MailGate !important
}
.alert .message,
.alert>p {
position: relative;
padding-left: 2rem
}
.alert .message .icon,
.alert>p .icon {
position: absolute;
top: -.2rem;
left: 0;
-webkit-transform: none;
transform: none
}
.alert .message .icon:before,
.alert>p .icon:before {
font-size: 125%
}
.alert .message p,
.alert>p p {
margin-bottom: .25rem
}
.alert .message p+p,
.alert>p p+p {
margin-top: 0
}
.alert .message p:last-child,
.alert>p p:last-child {
margin-bottom: .9735rem
}
body .alert.global:last-child {
box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2)
}
input[type=checkbox],
input[type=radio] {
font-size: 1rem;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
opacity: 0;
position: absolute;
margin-top: 5px;
z-index: 1
}
input[type=checkbox]+label,
input[type=radio]+label {
position: relative;
display: inline-block;
vertical-align: top;
font-size: .8125rem;
font-weight: 400;
color: #10181f;
padding: 0 10px 0 22px;
min-width: 16px;
min-height: 1.5625rem;
line-height: 1.5625rem;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
input[type=checkbox].changed+label,
input[type=radio].changed+label {
background-color: #fffacd
}
.vertical input[type=checkbox]+label,
.vertical input[type=radio]+label {
display: block;
float: left;
clear: left;
text-align: left
}
input[type=radio]+label:after,
input[type=radio]+label:before {
box-sizing: border-box;
content: '';
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
input[type=radio]+label:before {
left: 0;
width: 16px;
height: 16px;
border: 1px solid #989998;
border-radius: 8px;
background-color: #fff
}
input[type=radio]+label:focus:before,
input[type=radio]+label:hover:before {
border-color: #989998
}
input[type=radio]:checked+label:after {
left: 3px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #3399ff
}
input[type=radio]:disabled+label:before {
border-color: #989998;
background-color: #e9eaea
}
input[type=radio]:disabled+label:after {
background-color: #989998
}
input[type=checkbox]+label:after,
input[type=checkbox]+label:before {
box-sizing: border-box;
content: ' ';
position: absolute;
top: calc((1.5625rem - 16px)/ 2);
left: 0;
width: 16px;
height: 16px;
border-radius: 3px
}
input[type=checkbox]+label:before {
border: 1px solid #989998;
background-color: #fff
}
input[type=checkbox]+label:focus:before,
input[type=checkbox]+label:hover:before {
border-color: #989998
}
input[type=checkbox]+label.empty {
padding: 0
}
input[type=checkbox]:checked+label {
position: relative
}
input[type=checkbox]:checked+label:after {
content: '\e937';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
left: -2px;
top: 0;
color: #3399ff;
text-align: center
}
input[type=checkbox]:disabled+label:before {
border-color: #989998;
background-color: #e9eaea
}
input[type=checkbox]:disabled+label:after {
color: #989998
}
.search-box,
.text-input {
display: block;
max-width: 20rem;
min-width: 1rem;
position: relative
}
.search-box input[type=email],
.search-box input[type=number],
.search-box input[type=password],
.search-box input[type=tel],
.search-box input[type=text],
.search-box input[type=url],
.search-box select,
.search-box textarea,
.text-input input[type=email],
.text-input input[type=number],
.text-input input[type=password],
.text-input input[type=tel],
.text-input input[type=text],
.text-input input[type=url],
.text-input select,
.text-input textarea {
box-sizing: border-box;
display: block;
width: 100%;
height: 1.5625rem;
padding: 0 .375rem;
border: 1px solid #989998;
border-radius: .1875rem;
outline: 0;
font-size: .8125rem;
line-height: 1.5625rem;
color: #10181f;
background-color: #fff
}
.search-box input[type=email]::-ms-clear,
.search-box input[type=number]::-ms-clear,
.search-box input[type=password]::-ms-clear,
.search-box input[type=tel]::-ms-clear,
.search-box input[type=text]::-ms-clear,
.search-box input[type=url]::-ms-clear,
.search-box select::-ms-clear,
.search-box textarea::-ms-clear,
.text-input input[type=email]::-ms-clear,
.text-input input[type=number]::-ms-clear,
.text-input input[type=password]::-ms-clear,
.text-input input[type=tel]::-ms-clear,
.text-input input[type=text]::-ms-clear,
.text-input input[type=url]::-ms-clear,
.text-input select::-ms-clear,
.text-input textarea::-ms-clear {
width: 0;
height: 0
}
.search-box input[type=email]:focus,
.search-box input[type=number]:focus,
.search-box input[type=password]:focus,
.search-box input[type=tel]:focus,
.search-box input[type=text]:focus,
.search-box input[type=url]:focus,
.search-box select:focus,
.search-box textarea:focus,
.text-input input[type=email]:focus,
.text-input input[type=number]:focus,
.text-input input[type=password]:focus,
.text-input input[type=tel]:focus,
.text-input input[type=text]:focus,
.text-input input[type=url]:focus,
.text-input select:focus,
.text-input textarea:focus {
border-color: #989998;
background-color: #fff
}
.search-box input[type=email]:disabled,
.search-box input[type=number]:disabled,
.search-box input[type=password]:disabled,
.search-box input[type=tel]:disabled,
.search-box input[type=text]:disabled,
.search-box input[type=url]:disabled,
.search-box select:disabled,
.search-box textarea:disabled,
.text-input input[type=email]:disabled,
.text-input input[type=number]:disabled,
.text-input input[type=password]:disabled,
.text-input input[type=tel]:disabled,
.text-input input[type=text]:disabled,
.text-input input[type=url]:disabled,
.text-input select:disabled,
.text-input textarea:disabled {
background-color: #e9eaea;
color: #989998
}
.search-box textarea,
.text-input textarea {
height: 15.625rem
}
.error.search-box input[type=email],
.error.search-box input[type=number],
.error.search-box input[type=password],
.error.search-box input[type=tel],
.error.search-box input[type=text],
.error.search-box input[type=url],
.error.search-box textarea,
.text-input.error input[type=email],
.text-input.error input[type=number],
.text-input.error input[type=password],
.text-input.error input[type=tel],
.text-input.error input[type=text],
.text-input.error input[type=url],
.text-input.error textarea {
border-color: red;
background-color: #ffe3e0
}
.error.search-box input[type=email]:focus,
.error.search-box input[type=number]:focus,
.error.search-box input[type=password]:focus,
.error.search-box input[type=tel]:focus,
.error.search-box input[type=text]:focus,
.error.search-box input[type=url]:focus,
.error.search-box textarea:focus,
.text-input.error input[type=email]:focus,
.text-input.error input[type=number]:focus,
.text-input.error input[type=password]:focus,
.text-input.error input[type=tel]:focus,
.text-input.error input[type=text]:focus,
.text-input.error input[type=url]:focus,
.text-input.error textarea:focus {
border-color: #989998;
background-color: #fff
}
.search-box:after,
.text-input:after {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 1.5625rem;
text-align: center;
font-size: .875rem
}
.textarea {
max-width: 100%
}
::-webkit-input-placeholder {
color: #989998;
font-style: italic
}
::-moz-placeholder {
color: #989998;
font-style: italic
}
::-webkit-input-placeholder,
::input-placeholder {
color: #989998;
font-style: italic
}
::-moz-placeholder,
::input-placeholder {
color: #989998;
font-style: italic
}
:-ms-input-placeholder,
::input-placeholder {
color: #989998;
font-style: italic
}
::-ms-input-placeholder,
::input-placeholder {
color: #989998;
font-style: italic
}
::input-placeholder,
::placeholder {
color: #989998;
font-style: italic
}
.dropdown {
display: block
}
.dropdown .selected-item {
position: relative;
display: block;
box-sizing: border-box;
width: 100%;
max-width: 20rem;
min-width: 5rem;
height: 1.5625rem;
padding: 0 .375rem;
border: 1px solid #989998;
border-radius: .1875rem;
outline: 0;
font-size: .8125rem;
line-height: 1.5625rem;
color: #10181f;
background-color: #fff;
padding-right: 1.5625rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left
}
.dropdown .selected-item:after {
content: '\e93a';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
color: #3399ff;
width: 1.5625rem;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.dropdown .selected-item[disabled] {
background-color: #e9eaea;
color: #989998
}
.dropdown .selected-item[disabled]:hover {
cursor: default
}
.dropdown .menu {
position: absolute;
top: 1.5625rem;
bottom: auto;
max-width: 20rem;
min-width: 5rem;
border: 1px solid #989998;
z-index: 10000
}
.dropdown .menu .menuitem {
white-space: nowrap
}
.menu {
display: block;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
background-color: #fff;
list-style: none;
overflow: hidden
}
.menu .menuitem {
display: block;
width: 100%;
padding: 0 .375rem;
line-height: 1.5625rem;
color: #10181f;
cursor: pointer;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
font-weight: 400
}
.menu .menuitem .icon {
color: inherit;
line-height: 1;
width: 1.875rem
}
.menu .menuitem .icon:before {
display: block
}
.menu .menuitem.selected {
color: #fff;
background-color: #3399ff
}
.menu .menuitem:hover {
color: #10181f;
background-color: #f3f4f4
}
.menu .menuitem[disabled] {
color: rgba(16, 24, 31, .3);
cursor: default
}
.menu .menuitem[disabled]:hover {
background: 0 0;
color: rgba(16, 24, 31, .3)
}
.menu .separator {
display: block;
border-top: 1px solid #e9eaea;
padding: 0;
margin: .5rem .375rem
}
.form {
margin-left: 0;
margin-right: 0
}
.form section {
padding: .9375rem 0;
border-top: 1px solid #e9eaea
}
.form section:first-child {
border-top: none
}
.form .field {
position: relative
}
.form .field:after {
content: "";
display: table;
clear: both
}
@media screen and (max-width:700) {
.form .field {
display: block;
height: auto
}
}
.form .field .control,
.form .field>label {
box-sizing: border-box;
display: block;
float: left;
padding-bottom: .625rem;
padding-left: 0;
padding-right: 0
}
.form .field .control.composite div:first-child,
.form .field>label.composite div:first-child {
padding-left: 0
}
.form .field .control.composite div:last-child,
.form .field>label.composite div:last-child {
padding-left: 0;
padding-right: 0
}
.form .field>label {
line-height: 1.5625rem;
text-align: right;
padding-right: .625rem
}
.form .field>label.required {
font-weight: 700
}
.form .field>label.required:before {
content: '*'
}
.form .field.composite .control .search-box,
.form .field.composite .control .text-input {
padding-right: .625rem
}
.form.vertical {
display: block;
width: auto
}
.form.vertical .field {
display: block;
padding-bottom: .625rem
}
.form.vertical .field:last-child {
padding-bottom: 0
}
.form.vertical .field .control,
.form.vertical .field>label {
display: block;
padding: 0;
float: none
}
.form.vertical .field>label {
text-align: left;
padding: 0
}
.form-error {
font-size: .8125rem;
font-style: italic;
color: red;
margin-top: .125rem
}
.field-value {
display: inline-block;
height: 1.5625rem;
line-height: 1.5625rem;
padding: 0 .625rem;
color: #10181f;
background-color: #e4f1fe;
border-radius: 3px
}
.field-value.empty:after {
display: inline;
content: 'Empty';
color: #555559;
font-style: italic
}
.plain-text {
background-color: #fff
}
.main-header {
position: relative;
height: 100px;
min-width: 31.25rem;
display: flex;
flex: 0 0 auto;
color: #10181f;
background: #fff;
border-bottom: 1px solid #e9eaea;
align-items: center;
padding-left: .9375rem
}
.main-header .logo {
width: 1.9375rem;
height: 1.875rem
}
.main-header .title {
display: none;
padding-left: .75rem;
margin: 0;
font-size: 1.375rem;
font-weight: 400
}
.main-header .account {
position: absolute;
top: 50%;
right: .9375rem;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.main-header .account .picture {
position: absolute;
top: 50%;
left: -3.4375rem;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 2.5rem;
height: 2.5rem;
border-radius: 2.5rem;
border: 1px solid #989998;
text-align: center;
font-size: 1rem;
line-height: 2.5rem
}
.main-header .account .welcome {
font-size: .625rem;
line-height: 1rem
}
.main-header .account .user {
font-size: .8125rem;
font-weight: 600;
line-height: 1.125rem;
position: relative;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 1.25rem
}
.main-header .account .user:after {
content: '\e93a';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
display: inline-block;
vertical-align: top;
color: #3399ff;
position: absolute;
right: 0
}
.main-header .popover {
top: 3.75rem;
right: .9375rem;
left: auto;
-webkit-transform: none;
transform: none;
width: auto
}
.main-header .popover:before {
right: 2.923rem;
left: auto
}
.main-header button.account,
.main-header div.account {
padding: .35rem 0 .35rem 3.75rem;
height: auto;
border-radius: 0;
border: 1px solid transparent;
min-height: 48px
}
.main-header button.account .picture,
.main-header div.account .picture {
left: .35rem
}
.main-header button.account .picture,
.main-header button.account .welcome,
.main-header div.account .picture,
.main-header div.account .welcome {
color: #10181f
}
.main-header button.account .welcome,
.main-header div.account .welcome {
text-align: left
}
.main-header button.account:active,
.main-header div.account:active {
border-color: #3399ff;
color: #10181f;
background-color: transparent
}
.main-header button.account:active .user:after,
.main-header div.account:active .user:after {
color: #10181f
}
.main-menu {
position: relative;
z-index: 1;
order: 1;
width: 2.5rem;
min-width: 2.5rem;
background-color: #3d4051;
color: #fff;
transition: width .3s;
display: flex;
flex: 0 0 auto;
flex-direction: column;
overflow: hidden
}
.main-menu .main-menu-toggle {
display: block;
border: none;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
width: 2.5rem;
height: 1.75rem;
display: block;
text-align: center;
position: absolute;
height: 100%;
width: 100%;
margin: .875rem 0 1.065rem 0;
color: inherit;
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.main-menu .main-menu-toggle:before {
display: block;
font-size: 1.25rem;
line-height: inherit
}
.main-menu .main-menu-items {
margin: 0;
padding: 0;
list-style: none
}
.main-menu .main-menu-item,
.main-menu header {
position: relative;
margin-bottom: 0;
cursor: pointer;
white-space: nowrap
}
.main-menu .main-menu-item:hover,
.main-menu header:hover {
background-color: rgba(16, 24, 31, .5)
}
.main-menu .main-menu-item.selected,
.main-menu header.selected {
background-color: #3399ff;
cursor: default
}
.main-menu .main-menu-item .icon,
.main-menu header .icon {
width: 2.5rem;
height: 1.75rem;
display: block;
text-align: center;
line-height: 1.75rem;
float: left;
color: #fff
}
.main-menu .main-menu-item .icon:before,
.main-menu header .icon:before {
display: block;
font-size: 1.25rem;
line-height: inherit
}
.main-menu .main-menu-item .label,
.main-menu header .label {
display: inline-block;
line-height: 1.75rem;
font-size: .8125rem;
font-weight: 100;
padding-right: .9375rem;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis
}
.main-menu .main-menu-item a,
.main-menu a.main-menu-item {
display: block;
width: 100%;
height: 1.75rem;
color: #fff
}
.main-menu li.main-menu-item span:first-child {
padding-left: 0;
transition: all .1s ease-out
}
.main-menu .button,
.main-menu .ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonpane .main-menu button {
overflow: hidden
}
.main-menu header {
margin-top: .875rem;
border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.main-menu header h2 {
margin-bottom: 0;
text-transform: uppercase
}
.main-menu header a.main-menu-item .icon {
width: 1.25rem;
transition: all .3s ease-in-out
}
.main-menu header a.main-menu-item .icon:before {
font-size: 1rem
}
.main-menu header a[aria-expanded=false] .icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.main-menu.expanded {
width: auto
}
.main-menu.expanded .main-menu-toggle {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.main-menu.expanded li.main-menu-item span:first-child {
padding-left: .5rem
}
.main-menu.expanded li.main-menu-item a.button span:first-child {
padding-left: 0
}
.main-menu-detail {
position: relative;
z-index: 2;
display: flex;
flex: 1 1 80%;
flex-direction: column;
order: 1;
transition: left .3s;
overflow: hidden
}
.breadcrumbs {
display: block;
list-style: none;
margin: 0;
padding: 0;
font-size: .8125rem;
display: table-row
}
.breadcrumbs li {
display: table-cell;
position: relative
}
.breadcrumbs li:after {
display: inline-block;
vertical-align: middle;
content: '\e939';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
color: #989998
}
.breadcrumbs li a {
display: inline-block;
vertical-align: middle;
font-weight: 400;
max-width: 150px
}
.breadcrumbs li:last-child:after {
display: none
}
.breadcrumbs li:last-child a {
color: #555559;
text-decoration: none;
cursor: default
}
.search-box {
width: 16rem;
display: inline-block;
position: relative
}
.search-box input[type=text] {
padding-right: 1.5rem
}
.search-box:after {
content: '\e908';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
width: 1rem;
height: 1rem;
font-size: 1rem;
position: absolute;
top: 50%;
right: .3125rem;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #3399ff
}
body[aria-busy=true]::before {
content: '';
display: block;
position: fixed;
z-index: 1999;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, .3)
}
.cleditorPopup,
.dialog,
.ui-autocomplete,
.ui-dialog {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 36rem;
padding: 1rem 1.25rem;
background-color: #fff;
border-radius: .385rem;
z-index: 2000;
box-shadow: 0 .25rem 1rem 0 rgba(16, 24, 31, .3)
}
.dialog-header,
.ui-dialog .ui-dialog-titlebar {
position: relative;
border-bottom: .0625rem solid #e9eaea;
padding-bottom: .9375rem;
margin-bottom: .9375rem;
z-index: 4
}
.dialog-header .ui-dialog .ui-dialog-title,
.dialog-header h1,
.ui-dialog .dialog-header .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar h1 {
margin: 0
}
.dialog-header .close,
.ui-dialog .ui-dialog-titlebar .close {
display: block;
border: none;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
position: absolute;
top: 0;
right: 0;
color: #3399ff
}
.dialog-header .close:before,
.ui-dialog .ui-dialog-titlebar .close:before {
content: '\e934';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
color: #0a0a0a
}
.dialog-content {
position: relative;
z-index: 2
}
.dialog-footer,
.ui-dialog .ui-dialog-buttonpane {
position: relative;
text-align: right;
padding-top: 1.25rem;
margin-top: 1.25rem;
border-top: .0625rem solid #e9eaea;
z-index: 3
}
.action-bar .action-bar-item .popover,
.popover {
max-width: 16rem
}
.action-bar .action-bar-item .popover .close:before,
.popover .close:before {
content: '\e934';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
color: #555559
}
.action-bar .action-bar-item .popover .dialog-content,
.popover .dialog-content {
width: 100%
}
.action-bar .action-bar-item .popover .dialog-footer,
.action-bar .action-bar-item .popover .ui-dialog .ui-dialog-buttonpane,
.popover .dialog-footer,
.popover .ui-dialog .ui-dialog-buttonpane,
.ui-dialog .action-bar .action-bar-item .popover .ui-dialog-buttonpane,
.ui-dialog .popover .ui-dialog-buttonpane {
border: none
}
.action-bar .action-bar-item .popover .menu .menuitem,
.popover .menu .menuitem {
padding: 0
}
.action-bar .action-bar-item .popover .menu .menuitem a,
.action-bar .action-bar-item .popover .menu .menuitem a:hover,
.popover .menu .menuitem a,
.popover .menu .menuitem a:hover {
padding: 0 .375rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
flex: 1 1 auto;
align-items: center;
align-content: flex-start;
color: inherit;
text-decoration: none;
font-weight: 400;
background-color: inherit;
text-align: inherit;
white-space: nowrap;
border-radius: 0;
border: 0 none
}
.action-bar .action-bar-item .popover .menu .menuitem a:active,
.popover .menu .menuitem a:active {
background-color: #3399ff;
color: #fff
}
.action-bar .action-bar-item .popover::before,
.submenu::before {
display: none
}
.table-header .ui-dialog .ui-dialog-title,
.table-header h1,
.ui-dialog .table-header .ui-dialog-title {
font-weight: 700
}
table.data {
width: 100%;
table-layout: fixed
}
table.data td,
table.data th {
padding: 0 .625rem
}
table.data td.icon-only,
table.data th.icon-only {
text-align: center
}
table.data thead th {
background-color: #f3f4f4;
font-size: .8125rem;
font-weight: 400;
height: 2rem;
text-align: left;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle
}
table.data thead th.selected {
background-color: #e9eaea;
font-weight: 700
}
table.data thead th .icon {
color: inherit
}
table.data thead th[aria-sort=ascending] a::after,
table.data thead th[aria-sort=descending] a::after {
display: inline-block;
font-family: Axway-MailGate !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
color: inherit;
text-transform: none;
line-height: normal;
text-align: center;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '';
font-size: 1.25rem
}
table.data thead th[aria-sort=ascending] a::after {
content: '\e940'
}
table.data thead th[aria-sort=descending] a::after {
content: '\e93e'
}
table.data tbody td {
font-size: .8125rem;
height: 3rem;
vertical-align: middle;
border-bottom: 1px solid #f3f4f4
}
table.data tbody td.dataTables_empty {
color: #555559;
font-style: italic
}
table.data tbody td a {
font-weight: 700
}
table.data tr.selected td {
background-color: #f3f4f4
}
table.data tr.new {
font-weight: 700
}
table.data tr:hover td {
background-color: #e6f3fd
}
table.data tr:hover td.dataTables_empty {
background-color: transparent
}
table.data tr.unread td:first-child {
position: relative
}
table.data tr.unread td:first-child:before {
content: ' ';
display: block;
position: absolute;
top: .125rem;
bottom: .125rem;
left: 0;
width: .25rem;
height: 2.74rem;
background-color: #54a75f
}
table.data .status-ok {
color: #54a75f
}
.list {
list-style: none;
margin: 0;
padding: 0;
border-right: .0625rem solid #e9eaea
}
.list li a {
display: block;
padding: .4375rem .625rem;
min-height: .8125rem;
font-size: .8125rem;
font-weight: inherit;
text-decoration: none;
color: #10181f
}
.list li a:hover,
.list li.selected a {
color: #fff;
background-color: #3399ff
}
.display-mode-switch {
display: block;
height: 1.25rem;
list-style: none;
margin: 0;
padding: 0
}
.display-mode-switch li {
display: block;
float: left;
height: 100%;
line-height: 1.25rem;
padding: 0 .625rem;
margin-left: -1px;
font-size: .8125rem;
color: #3399ff;
border: 1px solid #3399ff;
cursor: default
}
.display-mode-switch li:first-child {
margin-left: 0;
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem
}
.display-mode-switch li:last-child {
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem
}
.display-mode-switch li.selected {
background-color: #3399ff;
color: #fff
}
.display-mode-switch li.selected a,
.display-mode-switch li.selected button {
color: inherit
}
.display-mode-switch li[disabled] {
color: rgba(16, 24, 31, .3)
}
.display-mode-switch.large {
height: 1.5625rem
}
.display-mode-switch.large li {
line-height: 1.5625rem;
padding: 0 .8125rem
}
.axw-loader {
display: inline-block;
width: 1.875rem;
margin-left: .625rem;
height: .625rem
}
.axw-loader.big {
width: 3.75rem;
margin-left: .3125rem;
height: 1.25rem
}
.axw-loader.linecentered {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-left: 0
}
.axw-loader span,
.axw-loader:after,
.axw-loader:before {
display: inline-block;
float: left;
width: 33%;
height: 99%;
border-radius: 50%;
margin: 0;
opacity: 0
}
.axw-loader span {
display: block;
background: #3d4051;
text-indent: -9000px;
overflow: hidden
}
.axw-loader span:after,
.axw-loader span:before,
.axw-loader:after,
.axw-loader:before {
content: '';
background: #3399ff
}
.axw-loader:before {
-webkit-animation: loader-dot-animation 1.125s ease infinite 0s;
animation: loader-dot-animation 1.125s ease infinite 0s
}
.axw-loader span {
-webkit-animation: loader-dot-animation 1.125s ease infinite .37463s;
animation: loader-dot-animation 1.125s ease infinite .37463s
}
.axw-loader:after {
-webkit-animation: loader-dot-animation 1.125s ease infinite .75038s;
animation: loader-dot-animation 1.125s ease infinite .75038s
}
@-webkit-keyframes loader-dot-animation {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes loader-dot-animation {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.axw-spinner {
position: relative;
display: inline-block;
margin-left: .3125rem;
margin-right: .3125rem;
height: 2.50625rem;
width: 2.50625rem;
overflow: hidden
}
.axw-spinner span {
position: absolute;
display: inline-block;
width: 100%;
left: 0;
font-size: 0;
color: transparent;
margin-top: 1.25rem
}
.axw-spinner.big {
height: 5.00625rem;
width: 5.00625rem
}
.axw-spinner.big span {
margin-left: -2.5rem;
margin-top: 2.5rem
}
.axw-spinner.linecentered {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-left: 0
}
.axw-spinner.pagecentered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-left: 0;
background: rgba(255, 255, 255, .8);
padding: .625rem;
border-radius: .625rem
}
.axw-spinner.pagecentered.big {
padding: 1.25rem;
border-radius: 1.25rem
}
.axw-spinner.pagecentered span {
left: .625rem
}
.axw-spinner span:after,
.axw-spinner span:before,
.axw-spinner:after,
.axw-spinner:before {
content: '';
display: block;
float: left;
height: 1.25rem;
width: 1.25rem;
background: #3399ff;
border-radius: 50%;
-webkit-transform: scale(.9);
transform: scale(.9);
margin: 0;
opacity: 0
}
.axw-spinner.big span:after,
.axw-spinner.big span:before,
.axw-spinner.big:after,
.axw-spinner.big:before {
height: 2.5rem;
width: 2.5rem
}
.axw-spinner:before {
-webkit-animation: spinner-dot-animation 1.125s ease infinite 0s;
animation: spinner-dot-animation 1.125s ease infinite 0s
}
.axw-spinner:after {
-webkit-animation: spinner-dot-animation 1.125s ease infinite .28125s;
animation: spinner-dot-animation 1.125s ease infinite .28125s
}
.axw-spinner span:after {
-webkit-animation: spinner-dot-animation 1.125s ease infinite .5625s;
animation: spinner-dot-animation 1.125s ease infinite .5625s
}
.axw-spinner span:before {
-webkit-animation: spinner-dot-animation 1.125s ease infinite .84375s;
animation: spinner-dot-animation 1.125s ease infinite .84375s
}
.spinner-with-text {
display: table
}
.spinner-with-text>div {
display: table-cell;
vertical-align: middle
}
.spinner-with-text>div:last-child {
padding-left: 1.3125rem
}
.spinner-with-text .axw-spinner {
-webkit-transform: none;
transform: none
}
.spinner-with-text .icon {
font-size: 2.5rem
}
.spinner-with-text .message-info-text>div:last-child {
margin-top: .9375rem
}
@-webkit-keyframes spinner-dot-animation {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
background-color: #3399ff
}
45% {
-webkit-transform: scale(.9);
transform: scale(.9);
opacity: 1;
background-color: #3d4051
}
55% {
opacity: 1
}
90% {
opacity: 0
}
}
@keyframes spinner-dot-animation {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
background-color: #3399ff
}
45% {
-webkit-transform: scale(.9);
transform: scale(.9);
opacity: 1;
background-color: #3d4051
}
55% {
opacity: 1
}
90% {
opacity: 0
}
}
.login-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
background: url(../images/login/login_background_1920x1080.jpg) no-repeat center center;
padding: 0;
background-size: cover
}
.login {
width: 30rem;
background: 0 0;
padding: 0;
z-index: 1
}
.login .dialog-header,
.login .ui-dialog .ui-dialog-titlebar,
.ui-dialog .login .ui-dialog-titlebar {
position: relative;
color: #fff;
padding: 2.25rem 1.25rem 2.25rem 1.25rem;
margin-bottom: 0;
border-bottom: none;
border-radius: .5rem .5rem 0 0;
text-align: center;
background: #fff;
display: flex;
justify-content: center
}
.login .dialog-header .product,
.login .ui-dialog .ui-dialog-titlebar .product,
.ui-dialog .login .ui-dialog-titlebar .product {
margin-left: .75rem;
text-align: left
}
.login .dialog-header .logo,
.login .ui-dialog .ui-dialog-titlebar .logo,
.ui-dialog .login .ui-dialog-titlebar .logo {
display: inline-block;
top: 50%;
left: .9375rem;
width: 5.75rem;
height: 1.9375rem
}
.login .dialog-header .ui-dialog .ui-dialog-title,
.login .dialog-header h1,
.login .ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.login .ui-dialog .ui-dialog-titlebar h1,
.ui-dialog .login .dialog-header .ui-dialog-title,
.ui-dialog .login .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog .login .ui-dialog-titlebar h1 {
display: none;
font-size: 1.85rem;
font-weight: 400
}
.login .dialog-header .poweredby,
.login .ui-dialog .ui-dialog-titlebar .poweredby,
.ui-dialog .login .ui-dialog-titlebar .poweredby {
display: inline-block;
margin-top: .5rem
}
.login .dialog-content {
padding: 1.7rem 1.25rem 0 1.25rem;
background: #fff
}
.login .dialog-content .ui-dialog .ui-dialog-title,
.login .dialog-content h1,
.ui-dialog .login .dialog-content .ui-dialog-title {
font-size: 1.6rem;
font-weight: 600
}
.login .dialog-content .search-box input[type=email],
.login .dialog-content .search-box input[type=number],
.login .dialog-content .search-box input[type=password],
.login .dialog-content .search-box input[type=tel],
.login .dialog-content .search-box input[type=text],
.login .dialog-content .search-box input[type=url],
.login .dialog-content .text-input input[type=email],
.login .dialog-content .text-input input[type=number],
.login .dialog-content .text-input input[type=password],
.login .dialog-content .text-input input[type=tel],
.login .dialog-content .text-input input[type=text],
.login .dialog-content .text-input input[type=url] {
height: 2.2rem
}
.login .dialog-content .form section {
border-top: none;
padding-top: 0;
padding-bottom: 0
}
.login .dialog-content .form .alert {
margin-top: 0;
margin-bottom: 0
}
.login .dialog-content .form .field .control,
.login .dialog-content .form .field>label {
padding-bottom: 1.25rem
}
.login .dialog-content input[type=checkbox]+label,
.login .dialog-content input[type=radio]+label {
font-size: .7rem
}
.login .dialog-footer,
.login .ui-dialog .ui-dialog-buttonpane,
.ui-dialog .login .ui-dialog-buttonpane {
text-align: center;
padding: 1.25rem 1.25rem 2.5rem 1.25rem;
margin-top: -1px;
border: none;
border-radius: 0 0 .5rem .5rem;
background: #fff
}
.login button,
.login input.button {
padding-left: 3rem;
padding-right: 3rem;
margin-bottom: 1rem
}
.login .button.large,
.login .ui-dialog .ui-dialog-buttonpane button.large,
.login button.large,
.login input.button.large,
.ui-dialog .ui-dialog-buttonpane .login button.large {
height: 1.8625rem;
line-height: calc(1.8625rem - 2px)
}
.login button {
font-size: 1rem
}
.login .antiphishing-img {
text-align: center
}
.login .antiphishing-img img {
height: 100px;
width: 100px
}
body,
html {
margin: 0;
height: 100%;
min-height: 100%
}
body {
display: flex;
flex-direction: column
}
.main {
position: relative;
width: 100%;
display: flex;
flex: 1 1 100%
}
.attachments-container,
.attachments-container .attachmentColumn,
.cleditorMain,
.cleditorMain iframe,
.fileUploadTable .filenameColumn,
.flex,
.login .dialog-header .product,
.login .ui-dialog .ui-dialog-titlebar .product,
.ui-dialog .login .ui-dialog-titlebar .product,
.ui-dialog form,
section.search .search-box,
section.search .text-input,
table.shareUsersTable .nameColumn {
display: flex;
flex: 1 1 auto;
flex-direction: column
}
.attachments-container .attachmentColumn[data-orientation=horizontal],
.attachments-container[data-orientation=horizontal],
.cleditorMain iframe[data-orientation=horizontal],
.cleditorMain[data-orientation=horizontal],
.fileUploadTable .filenameColumn[data-orientation=horizontal],
.flex[data-orientation=horizontal],
.login .dialog-header .product[data-orientation=horizontal],
.login .ui-dialog .ui-dialog-titlebar .product[data-orientation=horizontal],
.ui-dialog .login .ui-dialog-titlebar .product[data-orientation=horizontal],
.ui-dialog form[data-orientation=horizontal],
section.search .search-box[data-orientation=horizontal],
section.search .text-input[data-orientation=horizontal],
table.shareUsersTable .nameColumn[data-orientation=horizontal] {
flex-direction: row
}
.page {
display: flex;
flex: 1 1 auto;
flex-direction: column
}
.tab-content {
position: relative;
display: flex;
flex: 1 1 100%;
flex-direction: column;
padding: 0 1.25rem 1.25rem 1.25rem
}
.tab-content.preferences {
overflow: auto
}
.dataTables_wrapper {
display: flex;
flex-direction: column;
flex: 1 1 auto
}
.table-wrapper {
display: flex;
flex-direction: column;
flex: 1 1 0px;
overflow-x: hidden;
overflow-y: auto;
height: 100%
}
.page_preferences {
overflow-x: hidden;
overflow-y: auto;
flex: 1 1 0;
padding-bottom: 21px
}
[role=group] {
display: flex;
flex: 0 0 auto;
flex-direction: row;
flex-wrap: nowrap;
align-items: center
}
[role=group] .search-box {
flex-grow: 0
}
[role=group] .action-bar {
flex-grow: 1
}
[role=group] .action-bar+.action-bar {
flex-grow: 0
}
.main-menu .main-menu-toggle {
position: absolute;
bottom: .75rem;
padding: 0 .75rem;
font-size: 1.65rem;
text-align: left;
height: 2.25rem;
margin: 0;
border-radius: 0;
color: #988898;
cursor: pointer
}
.main-menu.expanded {
width: 15%;
max-width: 18rem
}
.main-menu.expanded .main-menu-toggle {
cursor: pointer
}
.main-menu .main-menu-toggle:hover {
color: #fff
}
.main-menu .main-menu-toggle::before {
content: '\276F'
}
.main-menu.expanded .main-menu-toggle::before {
content: '\276E'
}
.main-menu .main-menu-item .icon {
width: 2.5rem;
height: 1.75rem;
display: block;
text-align: center;
line-height: 1.75rem;
float: left;
color: #fff
}
.main-menu .separator {
display: block;
border-top: 1px solid rgba(255, 255, 255, .1);
padding: 0;
margin: .25rem 1rem
}
.main-menu-inner {
position: absolute;
top: 0;
left: 0;
bottom: 3.25rem;
right: auto;
overflow: hidden;
overflow-y: auto
}
.main-menu.expanded .main-menu-inner {
right: 0
}
.quick-button {
padding: 0 0 .5rem 0
}
.main-menu .quick-button a.button.large {
padding-left: 0;
border-radius: 0;
transition: all .3s ease-out
}
.main-menu.expanded .quick-button a.button.large {
padding-left: .5rem;
transition: all .3s ease-out
}
.main-menu .main-menu-item.quick-button:hover {
background-color: transparent
}
.quick-button a.button {
height: 2.25rem;
line-height: 2.25rem;
font-weight: 400;
margin-left: -1px;
padding: 0 .5rem;
background-color: #C80404
}
.quick-button a.button:hover {
background-color: rgba(0, 0, 0, .4);
cursor: pointer
}
.main-menu .quick-button a.button .icon,
.main-menu .quick-button a.button .label {
height: 2.25rem;
line-height: 2.25rem
}
.main-menu.compact {
width: 3rem
}
.main-menu.compact .main-menu-item,
.main-menu.compact .separator {
display: none
}
.main-menu.compact header {
display: none !important
}
.main-menu.compact .drafts,
.main-menu.compact .inbox,
.main-menu.compact .keep,
.main-menu.compact .outbox,
.main-menu.compact .quick-button,
.main-menu.compact .sent {
display: inherit
}
.main-menu.compact .main-menu-item a,
.main-menu.compact a.main-menu-item {
height: 2.5rem
}
.main-menu.compact .main-menu-item .icon,
.main-menu.compact .quick-button a.button .icon {
width: 3rem;
height: 2.5rem;
line-height: 2.5rem
}
.main-menu.compact .main-menu-item .icon::before,
.main-menu.compact .quick-button a.button .icon::before {
font-size: 1.75rem
}
.main-menu.compact ol.main-menu-items {
border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.main-menu.compact ol.nav_quickButtons {
border-bottom: 0 none
}
#content-wrapper {
display: flex;
flex-direction: column;
flex: 1 1 auto;
position: relative;
background-color: #fff
}
.content {
padding: 0;
margin: 0
}
#tabs {
padding: 1rem 0 0 0;
position: relative;
display: flex;
flex: 0 0 auto
}
#tabs ul {
padding: 0 1.25rem;
margin: 0;
min-height: 2.25rem;
line-height: 2.25rem;
border-bottom: 0;
position: relative;
display: block;
flex: 1 1 100%;
flex-direction: row;
flex-wrap: wrap
}
#tabs ul:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px solid #e9eaea;
z-index: 1
}
#tabs ul li {
max-width: 16rem;
height: 2.25rem;
line-height: 2.25rem;
background-color: #f3f4f4;
border: 1px solid #e9eaea;
margin-right: 0;
z-index: 0;
border-radius: 0;
position: relative
}
#tabs li.tab-icon {
position: relative
}
#tabs li.tab-icon.current {
background-color: #fff;
z-index: 2
}
#tabs li.tab-icon.current:after,
#tabs li.tab-icon.current:before {
content: '';
position: absolute;
display: block
}
#tabs li.tab-icon.current:before {
top: -1px;
left: -1px;
right: -1px;
border-top: 4px solid #3399ff
}
#tabs li.tab-icon.current:after {
bottom: -1px;
left: 0;
right: 0;
border-bottom: 1px solid #fff
}
#tabs li.tab-icon a.tab-button {
position: relative;
padding-left: 30px;
padding-right: 30px;
outline: 0;
max-width: 250px
}
#tabs li.tab-icon a.tab-button::before {
position: absolute;
display: block;
content: '';
left: 7px;
margin-top: 3px;
height: 2.25rem
}
#tabs li.tab-icon a.close-button {
position: absolute;
right: 3px;
top: 0;
bottom: 0;
width: auto;
padding: .45rem 0 0 0
}
#tabs li.tab-icon a.close-button:before {
border-radius: 3px;
font-size: 85%;
font-weight: 600
}
#tabs li.tab-icon a.close-button:hover {
cursor: pointer
}
#tabs li.tab-icon a.close-button:hover:before {
color: #fff;
background-color: #3399ff
}
#tabs li.tab-icon.icon-search a.tab-button::before {
content: url(../images/icons/search-16.png)
}
#tabs li.tab-icon.icon-folder a.tab-button::before {
content: url(../images/icons/tab-icons/folder.png)
}
#tabs li.tab-icon.icon-folder-r a.tab-button::before {
content: url(../images/icons/tab-icons/folder-r.png)
}
#tabs li.tab-icon.icon-folder-rw a.tab-button::before {
content: url(../images/icons/tab-icons/folder-rw.png)
}
#tabs li.tab-icon.icon-folder-green a.tab-button::before {
content: url(../images/icons/tab-icons/folder-green.png)
}
#tabs li.tab-icon.icon-shared-folder a.tab-button::before {
content: url(../images/icons/tab-icons/shared-folder.png)
}
#tabs li.tab-icon.icon-sp-folder a.tab-button::before {
content: url(../images/icons/tab-icons/sp-folder.png)
}
#tabs li.tab-icon.icon-sp-folder-r a.tab-button::before {
content: url(../images/icons/tab-icons/sp-folder-r.png)
}
#tabs li.tab-icon.icon-sp-folder-rw a.tab-button::before {
content: url(../images/icons/tab-icons/sp-folder-rw.png)
}
#tabs li.tab-icon.icon-sp-folder-green a.tab-button::before {
content: url(../images/icons/tab-icons/sp-folder-green.png)
}
#tabs li.tab-icon.icon-sp-shared-folder a.tab-button::before {
content: url(../images/icons/tab-icons/sp-shared-folder.png)
}
#tabs li.tab-icon.icon-manage a.tab-button::before {
content: url(../images/icons/tab-icons/manage.png)
}
#tabs li.tab-icon.icon-message a.tab-button::before {
content: url(../images/icons/tab-icons/mail.png)
}
#tabs li.tab-icon.icon-unknown a.tab-button::before {
content: url(../images/icons/tab-icons/unknown.png)
}
#tabs li.tab-icon.icon-compose a.tab-button::before {
content: url(../images/icons/compose-mail.png)
}
.inner-tabs li {
margin-bottom: -1px
}
.tab-content.preferences .form {
max-width: 60rem
}
#recaptcha {
float: left;
position: relative;
padding-bottom: 1.25rem
}
.reset-buttons {
text-align: left
}
.reset-buttons button {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin: 0 .25rem;
min-width: 140px
}
#login-button {
position: relative
}
#login-button .axw-loader {
position: absolute;
top: 10px
}
.phishing-grid {
background-color: #fff;
padding: 10px;
clear: both;
display: block;
margin: 10px 0;
border: 1px solid #8c9cac;
border-radius: 3px;
width: auto;
height: 240px;
overflow: auto
}
.phishing-grid img {
border: 10px solid #fff;
height: 100px;
width: 100px;
border-radius: 3px
}
.phishing-grid img.selected {
border-color: #09f
}
.hidden {
display: none !important;
visibility: hidden !important
}
.alphabet .action-bar {
float: none;
margin-bottom: 0
}
.alphabet .action-bar .action-bar-item {
line-height: 1.875rem
}
.alphabet .action-bar .action-bar-item a {
justify-content: center;
border-radius: 3px;
position: relative
}
.alphabet .action-bar .action-bar-item.current a {
color: #10181f
}
.alphabet .action-bar .action-bar-item.current a:after {
position: absolute;
bottom: -3px;
display: block;
width: 100%;
height: 3px;
left: 0;
right: 0;
content: '';
background-color: #3399ff
}
.alphabet .action-bar .action-bar-item.current a:active::after,
.alphabet .action-bar .action-bar-item.current a:focus::after {
display: none
}
.alphabet .action-bar .action-bar-item.current a:hover {
color: #10181f;
background-color: transparent;
border-color: transparent
}
.inner-tab-content {
display: none
}
.inner-tab-content.current {
display: flex;
flex-direction: column;
flex: 1 1 auto
}
.createRow .createCell {
padding: .625rem
}
td.icon-blocked .icon,
td.icon-trusted .icon {
padding-right: 5px
}
.section-header.expandable+form {
display: none;
opacity: 0;
transition: opacity .3s linear
}
.section-header.expandable.expanded+form {
display: inherit;
opacity: 1
}
.section-header.expandable.expanded .display-mode-switch {
display: inherit
}
.dataTables_length,
.dropdown {
display: block;
max-width: 20rem;
min-width: 1rem
}
.dataTables_length select,
.dropdown select {
box-sizing: border-box;
display: block;
width: 100%;
height: 1.5625rem;
padding: 0 .375rem;
padding-right: 0;
border: 1px solid #989998;
border-radius: .1875rem;
outline: 0;
font-size: .8125rem;
line-height: 1.5625rem;
color: #10181f;
background-color: #fff
}
.dataTables_length select::-ms-clear,
.dropdown select::-ms-clear {
width: 0;
height: 0
}
.dataTables_length select:focus,
.dropdown select:focus {
border-color: #3399ff !important;
box-shadow: 0 0 5px 0 #3399ff !important;
outline: 0 !important
}
.dataTables_length select:disabled,
.dropdown select:disabled {
background-color: #e9eaea;
color: #989998
}
.dataTables_length {
padding-right: 1rem
}
.dataTables_length label {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.dataTables_length select {
margin-left: 7px;
margin-right: 7px
}
.display-mode-switch {
float: right;
display: none
}
.form .search section {
border-top: 0
}
section.search .search-box,
section.search .text-input {
flex-direction: row;
flex-wrap: nowrap;
align-items: center
}
.composeMail table.compose-mail tr {
border-bottom: 1px solid #e9eaea;
border-top: 1px solid #e9eaea
}
.composeMail input:disabled {
background-color: transparent;
opacity: .7
}
.messageView table.compose-mail {
background-color: #f3f4f4;
border-radius: 4px
}
.messageView .message-container {
overflow: hidden;
border-top: 1px solid #e9eaea
}
.messageView .subject-row {
padding: 7px 7px 21px 10px;
border-top: 1px solid #f2f3f5;
font-size: 20px
}
.messageView form {
position: relative
}
.messageView .from {
font-size: 16px
}
.messageView .avatar {
position: absolute;
width: 48px;
border-radius: 48px;
text-align: center;
border: none;
display: block;
line-height: 48px;
text-transform: uppercase;
font-size: 16pt;
left: 10px
}
.messageView .details-group {
flex-direction: column;
align-items: flex-start;
padding-left: 74px;
padding-bottom: 14px
}
.messageView .details-group label {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
flex: 1 1 auto;
width: 100%
}
.messageView .details-group label.bcc-row,
.messageView .details-group label.cc-row,
.messageView .details-group label.reply-to-row,
.messageView .details-group label.to-row {
align-items: flex-start
}
.messageView .details-group label span {
display: inline-block;
margin-bottom: 7px;
vertical-align: middle
}
.messageView .details-group label span:nth-child(2) {
padding-left: 7px;
max-height: 60px;
overflow: auto
}
.subject .compose-input {
padding: 7px 0
}
.subject input {
padding: 7px
}
.create-folder-submenu,
.submenu {
-webkit-transform: none;
transform: none;
left: auto;
right: 0;
top: auto;
width: auto
}
.btn-settings+.submenu,
.create-folder-submenu {
top: 42px
}
.caption-text {
padding: .875rem .625rem
}
.shortcuts table.data td {
text-align: left
}
.btn-folder-tree .ui-button-icon-space,
.btn-folder-tree .ui-icon-triangle-1-s {
display: none
}
.global-folder-toolbar {
display: flex;
flex: 0 0 auto;
width: 100%;
align-items: center;
padding: .875rem 0
}
.folder-actions {
position: absolute;
top: 0;
right: 1.25rem;
padding: .25rem;
background-color: #f3f4f4;
border: 1px solid #e9eaea;
border-top: 0 none;
border-radius: 0 0 4px 5px;
margin: 0;
flex-grow: 0
}
.breadcrumbs,
.folderCaption>span {
flex-grow: 1
}
.folderCaption>.icon {
flex-grow: 0;
width: 2rem
}
.btn-attach {
line-height: 1.875rem
}
.icon-overlay-add-circle:after {
right: 5px;
font-size: 65%
}
.btn-folder-settings {
display: block;
line-height: 32px
}
#manageFolders_table tbody td {
overflow: hidden;
text-overflow: ellipsis
}
.messageDataTable tbody td,
.page_spamReport tbody td,
.trackingDialog .recipientColumn {
overflow: hidden;
word-break: break-all
}
table.data td {
padding-top: 0;
padding-bottom: 0;
height: 3.5rem
}
table.data td.attachmentColumn {
overflow: visible
}
table.data td.checkboxColumn,
table.data th.checkboxColumn {
padding-left: .325rem
}
table.data td.checkboxColumn {
position: relative
}
table.data input[type=checkbox] {
left: 4px
}
table.data input[type=checkbox]+label.empty {
padding: 0 6px;
font-size: 0
}
table.data input[type=checkbox]+label.empty::before {
left: 4px
}
table.data input[type=checkbox]+label.empty::after {
left: 2px
}
table.data input[type=checkbox]:focus+label.empty::before {
box-shadow: 0 0 5px 0 #3399ff !important
}
td .folder-menu {
position: relative;
flex: 0 0 auto;
right: 0;
width: 44px;
height: 100%;
display: block
}
td .folder-menu .dialog.submenu,
td .folder-menu .submenu.cleditorPopup,
td .folder-menu .submenu.ui-autocomplete,
td .folder-menu .submenu.ui-dialog {
position: absolute;
right: 0;
top: 35px;
width: 125px;
padding: .75rem;
border-collapse: separate
}
table.shareUsersTable tr .nameColumn a.btn-remove-share-folder-user {
display: none
}
table.shareUsersTable tr:hover .nameColumn a.btn-remove-share-folder-user {
display: inherit;
text-decoration: none
}
table.shareUsersTable .nameColumn {
flex-direction: row;
flex: 0 0 auto;
align-items: center
}
table.shareUsersTable .nameColumn>span+span {
flex: 1;
padding-left: 7px
}
[role=dialog] .dataTables_wrapper {
max-height: 200px;
overflow-y: auto
}
.dataTables_navigation {
padding: 7px 0;
display: flex;
flex-direction: row;
align-self: flex-end;
flex: 0 0 auto;
align-items: flex-end;
justify-content: flex-end;
width: 100%;
align-items: center
}
.dataTables_info {
float: left;
padding: 8px 14px
}
.dataTables_paginate {
float: left
}
.dataTables_paginate .paginate_button {
position: relative;
padding: 7px;
border: 1px solid #e9eaea;
background-color: #fff;
color: #3399ff;
display: inline-block;
min-width: 18px;
text-align: center;
font-weight: 400;
cursor: pointer;
margin-left: -1px;
z-index: 0
}
.dataTables_paginate .paginate_button:focus,
.dataTables_paginate .paginate_button:hover {
text-decoration: none;
border-color: #7cadca;
z-index: 2
}
.dataTables_paginate .paginate_button.first {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.dataTables_paginate .paginate_button.current {
background: #3399ff;
color: #fff;
border-color: #3399ff;
z-index: 1
}
.dataTables_paginate .paginate_button.last {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.dataTables_paginate .paginate_button.disabled {
color: #989998;
cursor: not-allowed;
pointer-events: none
}
.dataTables_paginate .paginate_button.disabled:hover {
background: inherit
}
.option {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
position: relative
}
.option .option-item {
display: flex;
flex-direction: column;
flex: 1 1 auto;
justify-content: center;
width: 90%
}
.dataTable .description,
a.sfItemLink {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
a.sfItemLink.attachment:hover {
text-decoration: none
}
a.sfItemLink.attachment:hover span:first-child {
text-decoration: underline
}
.file-icon {
margin-right: 14px
}
.attachments-container .file-icon,
.fileUploadTable .file-icon {
margin-right: 7px
}
.page .dataTables_wrapper {
position: relative;
padding-top: 2rem
}
.page .dataTables_wrapper:before {
display: block;
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
background: #f3f4f4;
height: 2rem;
width: 100%
}
.page .dataTables_wrapper table.data thead th {
height: 0
}
.page .dataTables_wrapper .dataTable th div {
position: absolute;
top: 0;
line-height: 2rem
}
.page .dataTables_wrapper .dataTable th.checkboxColumn div {
top: 3px
}
.page .dataTables_wrapper .dataTable th.checkboxColumn div [type=checkbox] {
z-index: 1
}
.page .dataTables_wrapper .dataTable th a {
position: absolute;
top: 0;
line-height: 2rem;
display: flex;
flex: 1 1 auto;
flex-direction: row;
align-items: center;
text-decoration: none
}
.page .dataTables_wrapper .dataTable th a:hover span {
text-decoration: underline
}
.attachments-container {
flex: 0 0 auto;
padding-bottom: 10px;
padding-top: 7px;
max-height: 128px;
overflow-y: auto
}
.attachments-container .dataTables_wrapper {
padding-top: 0;
overflow: auto
}
.attachments-container .dataTables_wrapper:before {
display: none
}
.attachments-container .attachmentColumn {
flex-direction: row;
align-items: center;
white-space: nowrap;
padding: 5px 10px !important
}
.attachments-container .attachmentColumn .btn-stop-upload,
.attachments-container .attachmentColumn .delete-attachment {
margin-right: -5px
}
.attachments-container .progress-bar {
border-radius: 18px;
overflow: hidden;
z-index: 1
}
.attachments-container .progress-bar span {
border-radius: 0;
background: #51ad1b;
box-shadow: none;
opacity: .35
}
.attachments-container .progress-bar span::after {
border-radius: 0
}
.composeMail .attachments-container .attachmentColumn {
padding-right: 10px !important
}
table.compose-mail .tagedit-list li.tagedit-listelement-old {
padding: 2px 4px 2px 0
}
.messageView .attachments-container .attachmentColumn {
border-color: #fff;
background-color: #fff
}
.tagedit-list li.tagedit-listelement-edit input,
.tagedit-list li.tagedit-listelement-edit tester {
font-size: .8125rem !important;
padding-top: 2px !important;
padding-bottom: 2px !important
}
.attachments-container .attachmentColumn,
.tagedit-list li.tagedit-listelement-edit,
.tagedit-list li.tagedit-listelement-old {
background: #eff6fc;
border: 1px solid transparent;
border-radius: 18px;
line-height: 18px
}
.attachments-container .attachmentColumn.selected,
.attachments-container .attachmentColumn:hover,
.tagedit-list li.tagedit-listelement-edit.selected,
.tagedit-list li.tagedit-listelement-edit:hover,
.tagedit-list li.tagedit-listelement-old.selected,
.tagedit-list li.tagedit-listelement-old:hover {
background-color: #e4f1fe;
border-color: #89c4f4
}
.attachments-container .attachmentColumn.selected,
.attachments-container .attachmentColumn:focus,
.tagedit-list li.tagedit-listelement-edit.selected,
.tagedit-list li.tagedit-listelement-edit:focus,
.tagedit-list li.tagedit-listelement-old.selected,
.tagedit-list li.tagedit-listelement-old:focus {
border-color: #3399ff !important;
box-shadow: 0 0 5px 0 #3399ff !important;
outline: 0 !important
}
.tagedit-list li.tagedit-listelement-edit.selected {
background-color: transparent
}
.btn-stop-upload,
.delete-attachment,
.remove-failed-row,
.remove-processing-row,
.remove-row {
height: 18px;
border-radius: 50%;
color: #3399ff;
margin-top: 0;
position: relative;
top: 1px
}
.btn-stop-upload::before,
.delete-attachment::before,
.remove-failed-row::before,
.remove-processing-row::before,
.remove-row::before {
content: '\e934';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
font-size: 18px;
font-weight: 600;
color: inherit
}
.btn-stop-upload:hover,
.delete-attachment:hover,
.remove-failed-row:hover,
.remove-processing-row:hover,
.remove-row:hover {
text-decoration: none;
background-color: #3399ff;
color: #fff
}
td.compose-label {
line-height: 42px
}
.fileUploadTable .filenameColumn {
flex-direction: row;
align-items: center;
white-space: nowrap
}
.blocked .spinner-with-text>div,
.detained .spinner-with-text>div {
vertical-align: top
}
.blocked .icon,
.detained .icon {
color: #ac0033;
margin-top: -.65rem
}
button.view {
visibility: hidden;
display: none;
position: absolute;
right: .6125rem;
top: 4px;
background: #fff;
display: flex;
align-items: center
}
button.view .icon {
margin-right: 5px
}
button.view:hover span {
text-decoration: none
}
tr:hover button.view {
visibility: visible;
display: inherit
}
.attachmentColumn span.view:hover::before {
border-radius: 20px;
background-color: #3399ff;
color: #fff
}
#processingIndicator {
position: absolute;
bottom: auto;
right: auto;
height: 0;
width: 0;
opacity: 0;
display: none;
z-index: 999
}
#processingIndicator.processing {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
display: block
}
#tabs {
background-color: #fafafa
}
.file-upload.btn-add {
line-height: 1.75rem
}
.main-menu.expanded .quick-button {
padding: .875rem
}
.main-menu.expanded .quick-button a.button.large {
padding-left: 0;
border-radius: 4px
}
.ui-widget {
font-family: inherit
}
.checkboxColumn {
width: 18px
}
[role=dialog] .dataTables_wrapper {
max-height: 200px;
overflow-y: auto;
position: relative
}
[role=dialog] table.data tbody td {
height: 2.5rem
}
.tagedit-list li.tagedit-listelement-new input {
border: 1px solid transparent;
height: 18px
}
.add-collaborator-wrapper .tagedit-list li.tagedit-listelement-new input {
border: 0 none
}
.tagedit-list {
box-sizing: border-box;
display: inline-block;
width: 100%;
height: 1.5625rem;
padding: 0 .375rem;
border: 1px solid #989998;
border-radius: .1875rem;
outline: 0;
font-size: .8125rem;
line-height: 1.5625rem;
color: #10181f
}
.cleditorToolbar {
padding: 7px 0
}
.cleditorPopup {
-webkit-transform: none;
transform: none;
top: auto;
left: auto;
width: auto
}
.cleditorPopup input[type=email],
.cleditorPopup input[type=number],
.cleditorPopup input[type=password],
.cleditorPopup input[type=tel],
.cleditorPopup input[type=text],
.cleditorPopup input[type=url],
.cleditorPopup textarea {
box-sizing: border-box;
display: block;
width: 100% !important;
height: 1.5625rem;
padding: 0 .375rem;
border: 1px solid #989998;
border-radius: .1875rem;
outline: 0;
font-size: .8125rem;
line-height: 1.5625rem;
color: #10181f;
margin: .5rem 0
}
.cleditorPopup input[type=email]::-ms-clear,
.cleditorPopup input[type=number]::-ms-clear,
.cleditorPopup input[type=password]::-ms-clear,
.cleditorPopup input[type=tel]::-ms-clear,
.cleditorPopup input[type=text]::-ms-clear,
.cleditorPopup input[type=url]::-ms-clear,
.cleditorPopup textarea::-ms-clear {
width: 0;
height: 0
}
.cleditorPopup input[type=email]:focus,
.cleditorPopup input[type=number]:focus,
.cleditorPopup input[type=password]:focus,
.cleditorPopup input[type=tel]:focus,
.cleditorPopup input[type=text]:focus,
.cleditorPopup input[type=url]:focus,
.cleditorPopup textarea:focus {
border-color: #3399ff !important;
box-shadow: 0 0 5px 0 #3399ff !important;
outline: 0 !important
}
.cleditorPopup input[type=email]:disabled,
.cleditorPopup input[type=number]:disabled,
.cleditorPopup input[type=password]:disabled,
.cleditorPopup input[type=tel]:disabled,
.cleditorPopup input[type=text]:disabled,
.cleditorPopup input[type=url]:disabled,
.cleditorPopup textarea:disabled {
background-color: #e9eaea;
color: #989998
}
.cleditorPopup textarea {
height: 7.8125rem
}
.compose-text,
.tagedit-input {
border-radius: .1875rem
}
.nameColumn .userEmail {
width: 100%
}
.dialog.global-upload-indicator,
.global-upload-indicator.cleditorPopup,
.global-upload-indicator.ui-autocomplete,
.global-upload-indicator.ui-dialog {
max-height: 60%
}
.dialog.global-upload-indicator .dataTables_wrapper,
.global-upload-indicator.cleditorPopup .dataTables_wrapper,
.global-upload-indicator.ui-autocomplete .dataTables_wrapper,
.global-upload-indicator.ui-dialog .dataTables_wrapper {
height: 200px;
overflow: auto
}
.ui-dialog {
-webkit-transform: none;
transform: none;
top: auto;
left: auto
}
.ui-dialog form {
flex: 1 1 auto
}
.ui-dialog .moveCopyDialog .folder_navigation_wrapper {
margin-top: 0 !important;
overflow: hidden
}
.ui-dialog .moveCopyDialog ul.dynatree-container {
border: 1px solid #989998;
padding: 7px;
overflow: auto;
max-height: 250px
}
.ui-autocomplete {
top: auto;
-webkit-transform: none;
transform: none;
padding: 1.25rem
}
.ui-autocomplete .ui-menu-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
flex: 1 1 auto;
width: 100%
}
.ui-autocomplete .ui-menu-item [role=option] {
font-weight: 400;
display: flex;
flex-direction: column;
padding-right: 0;
flex: 1 1 auto;
padding-left: 46px
}
.ui-autocomplete .ui-menu-item [role=option]:before {
content: '\e71e';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
font-size: 24px;
position: absolute;
left: 0;
height: 32px;
width: 32px;
line-height: 32px;
background: #f3f4f4;
border-radius: 32px;
text-align: center;
margin: 5px 5px 5px 5px
}
.ui-autocomplete .ui-menu-item [role=option]:hover .ui-autocomplete .ui-menu-item [role=option].ui-state-active {
background-color: #e9eaea;
border-color: transparent;
text-decoration: none
}
.ui-autocomplete .ui-menu-item [role=option]:active,
.ui-autocomplete .ui-menu-item [role=option]:focus {
background-color: #3399ff;
color: #fff;
border-color: transparent
}
.ui-autocomplete .ui-menu-item [role=option] .emailAddress {
opacity: .8
}
.ui-autocomplete .ui-menu-item-show-all {
font-size: 14px;
margin-top: 14px;
padding-left: 40px;
font-weight: 400
}
.ui-autocomplete .ui-menu-item-show-all a {
font-weight: 400
}
.ui-autocomplete .ui-menu-item-show-all a.ui-state-active,
.ui-autocomplete .ui-menu-item-show-all a:hover {
text-decoration: underline
}
.ui-autocomplete .ui-button.ui-state-active:hover,
.ui-autocomplete .ui-button:active,
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-widget-content .ui-state-active,
.ui-autocomplete .ui-widget-header .ui-state-active,
.ui-autocomplete a.ui-button:active {
background-color: #e9eaea;
border-color: transparent;
text-decoration: none;
color: #10181f
}
.ui-dialog .ui-dialog-titlebar {
border-left: 0 none;
border-right: 0 none;
border-top: 0 none;
background: #fff
}
.ui-dialog .ui-dialog-title {
margin-bottom: 0
}
.ui-dialog .ui-dialog-titlebar-close {
display: block;
border: none;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
position: absolute;
top: 0;
right: 0;
color: #3399ff
}
.ui-dialog .ui-dialog-titlebar-close:before {
content: '\e934';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
color: #555559
}
.ui-dialog .ui-dialog-buttonpane {
border-width: 0;
padding: 1.25rem 0 0 0;
margin: 1.25rem 0 0 0
}
.ui-dialog .ui-dialog-buttonpane button {
border-radius: 1.875rem;
font-size: .875rem;
height: 1.875rem;
line-height: normal;
font-family: inherit;
font-weight: 400;
min-width: 60px
}
.ui-front,
.ui-widget-overlay {
z-index: 1999
}
.ui-widget.ui-widget-content {
border: inherit
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
display: flex;
flex-direction: row;
flex: 0 0 auto;
justify-content: flex-end;
width: 100%
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
font-family: inherit
}
.ui-datepicker {
border: 0 none;
font-size: .875rem;
padding: 0 .3125rem .3125rem .3125rem;
font-family: "Open Sans", sans-serif;
width: auto;
box-shadow: 0 .25rem 1rem 0 rgba(16, 24, 31, .3)
}
.ui-datepicker.ui-widget.ui-widget-content {
border: 0 none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
height: 2.125rem;
line-height: 2.125rem;
text-align: center;
font-weight: 700;
color: #3399ff;
border-radius: 0;
border: 0 none;
background-color: transparent;
padding: 0
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
line-height: 2.125rem
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
display: block;
border: none;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: inherit;
font-weight: inherit;
position: absolute;
top: 0;
color: #3399ff;
width: 2.5rem;
height: 2.5rem;
cursor: pointer
}
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
color: #3d4051;
text-decoration: none;
background: 0 0
}
.ui-datepicker .ui-datepicker-prev {
left: 0
}
.ui-datepicker .ui-datepicker-prev:before {
content: '\e93f';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
font-size: 2.25rem;
line-height: 2.25rem;
font-weight: 400
}
.ui-datepicker .ui-datepicker-next {
right: 0
}
.ui-datepicker .ui-datepicker-next:before {
content: '\e93d';
font-size: 1.25rem;
font-family: Axway-MailGate !important;
font-size: 2.25rem;
line-height: 2.25rem;
font-weight: 400
}
.ui-datepicker .ui-widget-header .ui-icon {
background-image: none
}
.ui-datepicker table {
font-size: inherit
}
.ui-datepicker td,
.ui-datepicker th {
width: 2.5rem;
height: 2.5rem;
text-align: center;
vertical-align: middle;
text-transform: uppercase
}
.ui-datepicker td {
cursor: pointer;
color: #10181f;
padding: 0
}
.ui-datepicker td:hover {
color: #3399ff;
font-weight: 700
}
.ui-datepicker td:hover .ui-state-default {
font-weight: 700
}
.ui-datepicker td.ui-state-disabled {
color: #989998
}
.ui-datepicker td.ui-datepicker-today {
background-color: #3399ff;
color: #fff;
font-weight: 700;
border-radius: .1875rem
}
.ui-datepicker td.ui-datepicker-today .ui-state-highlight {
color: #fff
}
.ui-datepicker td.ui-datepicker-today:hover {
background-color: #3d4051
}
.ui-datepicker td a,
.ui-datepicker td a.ui-state-default,
.ui-datepicker td a.ui-state-highlight,
.ui-datepicker td span,
.ui-datepicker td span.ui-state-default {
text-align: center;
background: 0 0;
color: inherit;
border: 0 none;
padding: 0;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem
}
.ui-datepicker td a.ui-state-default:active,
.ui-datepicker td a.ui-state-highlight:active,
.ui-datepicker td a:active,
.ui-datepicker td span.ui-state-default:active,
.ui-datepicker td span:active {
background-color: #3d4051;
color: #fff;
border-radius: .1875rem
}
#logo-link {
width: auto;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: right center
}
.product #logo-link {
margin-top: auto
}
.login .dialog-header,
.login .ui-dialog .ui-dialog-titlebar,
.ui-dialog .login .ui-dialog-titlebar {
justify-content: left
}
.login .dialog-header .product,
.login .ui-dialog .ui-dialog-titlebar .product,
.ui-dialog .login .ui-dialog-titlebar .product {
flex-direction: row;
margin-left: 0;
padding-left: 13%
}
.login .dialog-header .product .ui-dialog .ui-dialog-title,
.login .dialog-header .product h1,
.login .ui-dialog .ui-dialog-titlebar .product .ui-dialog-title,
.login .ui-dialog .ui-dialog-titlebar .product h1,
.ui-dialog .login .dialog-header .product .ui-dialog-title,
.ui-dialog .login .ui-dialog-titlebar .product .ui-dialog-title,
.ui-dialog .login .ui-dialog-titlebar .product h1 {
margin-left: .75rem
}
.login .dialog-header img,
.login .ui-dialog .ui-dialog-titlebar img,
.ui-dialog .login .ui-dialog-titlebar img {
margin-left: 0px
}
@media only screen and (max-height:720px) {
.message-container {
display: block;
width: 100%;
height: 100%
}
.tab-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
overflow: auto
}
.message-body {
height: 100%
}
.attachments-container .composeMail .attachmentColumn,
.cleditorMain .composeMail iframe,
.composeMail .attachments-container,
.composeMail .attachments-container .attachmentColumn,
.composeMail .cleditorMain,
.composeMail .cleditorMain iframe,
.composeMail .fileUploadTable .filenameColumn,
.composeMail .flex,
.composeMail .login .dialog-header .product,
.composeMail .login .ui-dialog .ui-dialog-titlebar .product,
.composeMail .ui-dialog .login .ui-dialog-titlebar .product,
.composeMail .ui-dialog form,
.composeMail section.search .search-box,
.composeMail section.search .text-input,
.composeMail table.shareUsersTable .nameColumn,
.fileUploadTable .composeMail .filenameColumn,
.login .dialog-header .composeMail .product,
.login .ui-dialog .ui-dialog-titlebar .composeMail .product,
.ui-dialog .composeMail form,
.ui-dialog .login .ui-dialog-titlebar .composeMail .product,
section.search .composeMail .search-box,
section.search .composeMail .text-input,
table.shareUsersTable .composeMail .nameColumn {
height: 100%
}
.dataTables_wrapper {
display: block
}
}
.button:focus,
.focus,
.ui-dialog .ui-dialog-buttonpane button:focus,
[role=button]:focus,
a:focus,
button.text:focus,
button:focus,
input:focus,
input[type=checkbox]:focus+label::before,
input[type=radio]:focus+label::before,
select:focus,
textarea:focus {
border-color: #3a1a1e !important;
box-shadow: 0 0 5px 0 #3a1a1e !important;
outline: 0 !important
}
[aria-hidden=true] {
display: none
}
[aria-hidden=false] {
display: inherit
}
kbd {
display: inline-block;
padding: .2rem .5rem;
min-width: 26px;
font-family: inherit;
font-size: inherit;
color: inherit;
background: #f3f4f4;
border: 1px solid #acb0bf;
border-radius: 4px;
text-align: center;
box-sizing: border-box
}
.dialog-content-error
{
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
padding: 17px;
border-top: solid 1px #767676;
background-color: #ffffff;
border-radius: 0 0 .5rem .5rem;
}