/**/
@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('../prettify/prettify.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/* Responsive css starts here*/
img
{
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
div.main-section
{
border-top: 5px solid #293276;
}
textarea
{
height: auto;
min-height: 50px;
border-radius: 0;
}
select
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0;
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object
{
max-width: none !important;
}
button
{
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto;
}
[data-whatinput='mouse'] button
{
outline: 0;
}
pre
{
overflow: auto;
}
p.copyright
{
margin-top: 0pt;
margin-bottom: 12pt;
font-weight: bold;
font-style: normal;
text-align: right;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #000000;
padding-top: 8px;
color: #af2026;
}
p.proc_subheading
{
font-weight: bold;
font-style: normal;
}
p.code
{
font-family: 'Courier New';
background-color: #dcdcdc;
border-left-style: solid;
border-left-width: 0px;
border-right-style: solid;
border-right-width: 0px;
border-top-style: solid;
border-top-width: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-bottom-color: #dcdcdc;
margin-bottom: 10px;
}
p.code1
{
font-family: 'Courier New';
background-color: #dcdcdc;
margin-left: 7mm;
margin-bottom: 10px;
}
p.code2
{
font-family: 'Courier New';
background-color: #dcdcdc;
margin-left: 14mm;
margin-bottom: 10px;
}
p.NormalTerm
{
font-weight: bold;
font-style: normal;
page-break-after: avoid;
}
p.NormalTerm2
{
font-weight: bold;
font-style: normal;
margin-left: 7mm;
page-break-after: avoid;
}
p.NormalTerm2Continued
{
margin-left: 14mm;
page-break-before: avoid;
}
p.NormalTerm3
{
margin-left: 14mm;
font-weight: bold;
font-style: normal;
page-break-after: avoid;
}
p.NormalTerm3Continued
{
margin-left: 21mm;
page-break-before: avoid;
}
p.NormalTermContinued
{
margin-left: 7mm;
page-break-before: avoid;
}
button,
input,
optgroup,
select,
textarea
{
font-family: inherit;
}
.is-visible
{
display: block !important;
}
.is-hidden
{
display: none !important;
}
.grid-container
{
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 75rem;
margin: 0 auto;
}
@media print, screen and (min-width: 40em)
{
.grid-container
{
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.grid-container.fluid
{
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 100%;
margin: 0 auto;
}
@media print, screen and (min-width: 40em)
{
.grid-container.fluid
{
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.grid-container.full
{
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 0 auto;
}
.grid-x
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.cell
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%;
}
.cell.auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.cell.shrink
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .auto
{
width: auto;
}
.grid-x > .shrink
{
width: auto;
}
.grid-x > .small-shrink,
.grid-x > .small-full,
.grid-x > .small-1,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12
{
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 40em)
{
.grid-x > .medium-shrink,
.grid-x > .medium-full,
.grid-x > .medium-1,
.grid-x > .medium-2,
.grid-x > .medium-3,
.grid-x > .medium-4,
.grid-x > .medium-5,
.grid-x > .medium-6,
.grid-x > .medium-7,
.grid-x > .medium-8,
.grid-x > .medium-9,
.grid-x > .medium-10,
.grid-x > .medium-11,
.grid-x > .medium-12
{
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em)
{
.grid-x > .large-shrink,
.grid-x > .large-full,
.grid-x > .large-1,
.grid-x > .large-2,
.grid-x > .large-3,
.grid-x > .large-4,
.grid-x > .large-5,
.grid-x > .large-6,
.grid-x > .large-7,
.grid-x > .large-8,
.grid-x > .large-9,
.grid-x > .large-10,
.grid-x > .large-11,
.grid-x > .large-12
{
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-x > .small-1,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .small-1
{
width: 8.33333%;
}
.grid-x > .small-2
{
width: 16.66667%;
}
.grid-x > .small-3
{
width: 25%;
}
.grid-x > .small-4
{
width: 33.33333%;
}
.grid-x > .small-5
{
width: 41.66667%;
}
.grid-x > .small-6
{
width: 50%;
}
.grid-x > .small-7
{
width: 58.33333%;
}
.grid-x > .small-8
{
width: 66.66667%;
}
.grid-x > .small-9
{
width: 75%;
}
.grid-x > .small-10
{
width: 83.33333%;
}
.grid-x > .small-11
{
width: 91.66667%;
}
.grid-x > .small-12
{
width: 100%;
}
@media print, screen and (min-width: 40em)
{
.grid-x > .medium-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .medium-shrink,
.grid-x > .medium-1,
.grid-x > .medium-2,
.grid-x > .medium-3,
.grid-x > .medium-4,
.grid-x > .medium-5,
.grid-x > .medium-6,
.grid-x > .medium-7,
.grid-x > .medium-8,
.grid-x > .medium-9,
.grid-x > .medium-10,
.grid-x > .medium-11,
.grid-x > .medium-12
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .medium-shrink
{
width: auto;
}
.grid-x > .medium-1
{
width: 8.33333%;
}
.grid-x > .medium-2
{
width: 16.66667%;
}
.grid-x > .medium-3
{
width: 25%;
}
.grid-x > .medium-4
{
width: 33.33333%;
}
.grid-x > .medium-5
{
width: 41.66667%;
}
.grid-x > .medium-6
{
width: 50%;
}
.grid-x > .medium-7
{
width: 58.33333%;
}
.grid-x > .medium-8
{
width: 66.66667%;
}
.grid-x > .medium-9
{
width: 75%;
}
.grid-x > .medium-10
{
width: 83.33333%;
}
.grid-x > .medium-11
{
width: 91.66667%;
}
.grid-x > .medium-12
{
width: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.grid-x > .large-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .large-shrink,
.grid-x > .large-1,
.grid-x > .large-2,
.grid-x > .large-3,
.grid-x > .large-4,
.grid-x > .large-5,
.grid-x > .large-6,
.grid-x > .large-7,
.grid-x > .large-8,
.grid-x > .large-9,
.grid-x > .large-10,
.grid-x > .large-11,
.grid-x > .large-12
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .large-shrink
{
width: auto;
}
.grid-x > .large-1
{
width: 8.33333%;
}
.grid-x > .large-2
{
width: 16.66667%;
}
.grid-x > .large-3
{
width: 25%;
}
.grid-x > .large-4
{
width: 33.33333%;
}
.grid-x > .large-5
{
width: 41.66667%;
}
.grid-x > .large-6
{
width: 50%;
}
.grid-x > .large-7
{
width: 58.33333%;
}
.grid-x > .large-8
{
width: 66.66667%;
}
.grid-x > .large-9
{
width: 75%;
}
.grid-x > .large-10
{
width: 83.33333%;
}
.grid-x > .large-11
{
width: 91.66667%;
}
.grid-x > .large-12
{
width: 100%;
}
}
.grid-margin-x:not(.grid-x) > .cell
{
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell
{
height: auto;
}
.grid-margin-x
{
margin-left: -0.625rem;
margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-margin-x
{
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.grid-margin-x > .cell
{
width: calc(100% - 1.25rem);
margin-left: 0.625rem;
margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-margin-x > .cell
{
width: calc(100% - 1.875rem);
margin-left: 0.9375rem;
margin-right: 0.9375rem;
}
}
.grid-margin-x > .auto
{
width: auto;
}
.grid-margin-x > .shrink
{
width: auto;
}
.grid-margin-x > .small-1
{
width: calc(8.33333% - 1.25rem);
}
.grid-margin-x > .small-2
{
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x > .small-3
{
width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4
{
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x > .small-5
{
width: calc(41.66667% - 1.25rem);
}
.grid-margin-x > .small-6
{
width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7
{
width: calc(58.33333% - 1.25rem);
}
.grid-margin-x > .small-8
{
width: calc(66.66667% - 1.25rem);
}
.grid-margin-x > .small-9
{
width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10
{
width: calc(83.33333% - 1.25rem);
}
.grid-margin-x > .small-11
{
width: calc(91.66667% - 1.25rem);
}
.grid-margin-x > .small-12
{
width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em)
{
.grid-margin-x > .auto
{
width: auto;
}
.grid-margin-x > .shrink
{
width: auto;
}
.grid-margin-x > .small-1
{
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .small-2
{
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .small-3
{
width: calc(25% - 1.875rem);
}
.grid-margin-x > .small-4
{
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .small-5
{
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .small-6
{
width: calc(50% - 1.875rem);
}
.grid-margin-x > .small-7
{
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .small-8
{
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .small-9
{
width: calc(75% - 1.875rem);
}
.grid-margin-x > .small-10
{
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .small-11
{
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .small-12
{
width: calc(100% - 1.875rem);
}
.grid-margin-x > .medium-auto
{
width: auto;
}
.grid-margin-x > .medium-shrink
{
width: auto;
}
.grid-margin-x > .medium-1
{
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .medium-2
{
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .medium-3
{
width: calc(25% - 1.875rem);
}
.grid-margin-x > .medium-4
{
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .medium-5
{
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .medium-6
{
width: calc(50% - 1.875rem);
}
.grid-margin-x > .medium-7
{
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .medium-8
{
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .medium-9
{
width: calc(75% - 1.875rem);
}
.grid-margin-x > .medium-10
{
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .medium-11
{
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .medium-12
{
width: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em)
{
.grid-margin-x > .large-auto
{
width: auto;
}
.grid-margin-x > .large-shrink
{
width: auto;
}
.grid-margin-x > .large-1
{
width: calc(8.33333% - 1.875rem);
}
.grid-margin-x > .large-2
{
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x > .large-3
{
width: calc(25% - 1.875rem);
}
.grid-margin-x > .large-4
{
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x > .large-5
{
width: calc(41.66667% - 1.875rem);
}
.grid-margin-x > .large-6
{
width: calc(50% - 1.875rem);
}
.grid-margin-x > .large-7
{
width: calc(58.33333% - 1.875rem);
}
.grid-margin-x > .large-8
{
width: calc(66.66667% - 1.875rem);
}
.grid-margin-x > .large-9
{
width: calc(75% - 1.875rem);
}
.grid-margin-x > .large-10
{
width: calc(83.33333% - 1.875rem);
}
.grid-margin-x > .large-11
{
width: calc(91.66667% - 1.875rem);
}
.grid-margin-x > .large-12
{
width: calc(100% - 1.875rem);
}
}
.grid-padding-x .grid-padding-x
{
margin-right: -0.625rem;
margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-padding-x .grid-padding-x
{
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
.grid-container:not(.full) > .grid-padding-x
{
margin-right: -0.625rem;
margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-container:not(.full) > .grid-padding-x
{
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
}
.grid-padding-x > .cell
{
padding-right: 0.625rem;
padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-padding-x > .cell
{
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.small-up-1 > .cell
{
width: 100%;
}
.small-up-2 > .cell
{
width: 50%;
}
.small-up-3 > .cell
{
width: 33.33333%;
}
.small-up-4 > .cell
{
width: 25%;
}
.small-up-5 > .cell
{
width: 20%;
}
.small-up-6 > .cell
{
width: 16.66667%;
}
.small-up-7 > .cell
{
width: 14.28571%;
}
.small-up-8 > .cell
{
width: 12.5%;
}
@media print, screen and (min-width: 40em)
{
.medium-up-1 > .cell
{
width: 100%;
}
.medium-up-2 > .cell
{
width: 50%;
}
.medium-up-3 > .cell
{
width: 33.33333%;
}
.medium-up-4 > .cell
{
width: 25%;
}
.medium-up-5 > .cell
{
width: 20%;
}
.medium-up-6 > .cell
{
width: 16.66667%;
}
.medium-up-7 > .cell
{
width: 14.28571%;
}
.medium-up-8 > .cell
{
width: 12.5%;
}
}
@media print, screen and (min-width: 64em)
{
.large-up-1 > .cell
{
width: 100%;
}
.large-up-2 > .cell
{
width: 50%;
}
.large-up-3 > .cell
{
width: 33.33333%;
}
.large-up-4 > .cell
{
width: 25%;
}
.large-up-5 > .cell
{
width: 20%;
}
.large-up-6 > .cell
{
width: 16.66667%;
}
.large-up-7 > .cell
{
width: 14.28571%;
}
.large-up-8 > .cell
{
width: 12.5%;
}
}
.grid-margin-x.small-up-1 > .cell
{
width: calc(100% - 1.25rem);
}
.grid-margin-x.small-up-2 > .cell
{
width: calc(50% - 1.25rem);
}
.grid-margin-x.small-up-3 > .cell
{
width: calc(33.33333% - 1.25rem);
}
.grid-margin-x.small-up-4 > .cell
{
width: calc(25% - 1.25rem);
}
.grid-margin-x.small-up-5 > .cell
{
width: calc(20% - 1.25rem);
}
.grid-margin-x.small-up-6 > .cell
{
width: calc(16.66667% - 1.25rem);
}
.grid-margin-x.small-up-7 > .cell
{
width: calc(14.28571% - 1.25rem);
}
.grid-margin-x.small-up-8 > .cell
{
width: calc(12.5% - 1.25rem);
}
@media print, screen and (min-width: 40em)
{
.grid-margin-x.small-up-1 > .cell
{
width: calc(100% - 1.875rem);
}
.grid-margin-x.small-up-2 > .cell
{
width: calc(50% - 1.875rem);
}
.grid-margin-x.small-up-3 > .cell
{
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.small-up-4 > .cell
{
width: calc(25% - 1.875rem);
}
.grid-margin-x.small-up-5 > .cell
{
width: calc(20% - 1.875rem);
}
.grid-margin-x.small-up-6 > .cell
{
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.small-up-7 > .cell
{
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.small-up-8 > .cell
{
width: calc(12.5% - 1.875rem);
}
.grid-margin-x.medium-up-1 > .cell
{
width: calc(100% - 1.875rem);
}
.grid-margin-x.medium-up-2 > .cell
{
width: calc(50% - 1.875rem);
}
.grid-margin-x.medium-up-3 > .cell
{
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.medium-up-4 > .cell
{
width: calc(25% - 1.875rem);
}
.grid-margin-x.medium-up-5 > .cell
{
width: calc(20% - 1.875rem);
}
.grid-margin-x.medium-up-6 > .cell
{
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.medium-up-7 > .cell
{
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.medium-up-8 > .cell
{
width: calc(12.5% - 1.875rem);
}
}
@media print, screen and (min-width: 64em)
{
.grid-margin-x.large-up-1 > .cell
{
width: calc(100% - 1.875rem);
}
.grid-margin-x.large-up-2 > .cell
{
width: calc(50% - 1.875rem);
}
.grid-margin-x.large-up-3 > .cell
{
width: calc(33.33333% - 1.875rem);
}
.grid-margin-x.large-up-4 > .cell
{
width: calc(25% - 1.875rem);
}
.grid-margin-x.large-up-5 > .cell
{
width: calc(20% - 1.875rem);
}
.grid-margin-x.large-up-6 > .cell
{
width: calc(16.66667% - 1.875rem);
}
.grid-margin-x.large-up-7 > .cell
{
width: calc(14.28571% - 1.875rem);
}
.grid-margin-x.large-up-8 > .cell
{
width: calc(12.5% - 1.875rem);
}
}
.small-margin-collapse
{
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .cell
{
margin-right: 0;
margin-left: 0;
}
.small-margin-collapse > .small-1
{
width: 8.33333%;
}
.small-margin-collapse > .small-2
{
width: 16.66667%;
}
.small-margin-collapse > .small-3
{
width: 25%;
}
.small-margin-collapse > .small-4
{
width: 33.33333%;
}
.small-margin-collapse > .small-5
{
width: 41.66667%;
}
.small-margin-collapse > .small-6
{
width: 50%;
}
.small-margin-collapse > .small-7
{
width: 58.33333%;
}
.small-margin-collapse > .small-8
{
width: 66.66667%;
}
.small-margin-collapse > .small-9
{
width: 75%;
}
.small-margin-collapse > .small-10
{
width: 83.33333%;
}
.small-margin-collapse > .small-11
{
width: 91.66667%;
}
.small-margin-collapse > .small-12
{
width: 100%;
}
@media print, screen and (min-width: 40em)
{
.small-margin-collapse > .medium-1
{
width: 8.33333%;
}
.small-margin-collapse > .medium-2
{
width: 16.66667%;
}
.small-margin-collapse > .medium-3
{
width: 25%;
}
.small-margin-collapse > .medium-4
{
width: 33.33333%;
}
.small-margin-collapse > .medium-5
{
width: 41.66667%;
}
.small-margin-collapse > .medium-6
{
width: 50%;
}
.small-margin-collapse > .medium-7
{
width: 58.33333%;
}
.small-margin-collapse > .medium-8
{
width: 66.66667%;
}
.small-margin-collapse > .medium-9
{
width: 75%;
}
.small-margin-collapse > .medium-10
{
width: 83.33333%;
}
.small-margin-collapse > .medium-11
{
width: 91.66667%;
}
.small-margin-collapse > .medium-12
{
width: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.small-margin-collapse > .large-1
{
width: 8.33333%;
}
.small-margin-collapse > .large-2
{
width: 16.66667%;
}
.small-margin-collapse > .large-3
{
width: 25%;
}
.small-margin-collapse > .large-4
{
width: 33.33333%;
}
.small-margin-collapse > .large-5
{
width: 41.66667%;
}
.small-margin-collapse > .large-6
{
width: 50%;
}
.small-margin-collapse > .large-7
{
width: 58.33333%;
}
.small-margin-collapse > .large-8
{
width: 66.66667%;
}
.small-margin-collapse > .large-9
{
width: 75%;
}
.small-margin-collapse > .large-10
{
width: 83.33333%;
}
.small-margin-collapse > .large-11
{
width: 91.66667%;
}
.small-margin-collapse > .large-12
{
width: 100%;
}
}
.small-padding-collapse
{
margin-right: 0;
margin-left: 0;
}
.small-padding-collapse > .cell
{
padding-right: 0;
padding-left: 0;
}
@media print, screen and (min-width: 40em)
{
.medium-margin-collapse
{
margin-right: 0;
margin-left: 0;
}
.medium-margin-collapse > .cell
{
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 40em)
{
.medium-margin-collapse > .small-1
{
width: 8.33333%;
}
.medium-margin-collapse > .small-2
{
width: 16.66667%;
}
.medium-margin-collapse > .small-3
{
width: 25%;
}
.medium-margin-collapse > .small-4
{
width: 33.33333%;
}
.medium-margin-collapse > .small-5
{
width: 41.66667%;
}
.medium-margin-collapse > .small-6
{
width: 50%;
}
.medium-margin-collapse > .small-7
{
width: 58.33333%;
}
.medium-margin-collapse > .small-8
{
width: 66.66667%;
}
.medium-margin-collapse > .small-9
{
width: 75%;
}
.medium-margin-collapse > .small-10
{
width: 83.33333%;
}
.medium-margin-collapse > .small-11
{
width: 91.66667%;
}
.medium-margin-collapse > .small-12
{
width: 100%;
}
}
@media print, screen and (min-width: 40em)
{
.medium-margin-collapse > .medium-1
{
width: 8.33333%;
}
.medium-margin-collapse > .medium-2
{
width: 16.66667%;
}
.medium-margin-collapse > .medium-3
{
width: 25%;
}
.medium-margin-collapse > .medium-4
{
width: 33.33333%;
}
.medium-margin-collapse > .medium-5
{
width: 41.66667%;
}
.medium-margin-collapse > .medium-6
{
width: 50%;
}
.medium-margin-collapse > .medium-7
{
width: 58.33333%;
}
.medium-margin-collapse > .medium-8
{
width: 66.66667%;
}
.medium-margin-collapse > .medium-9
{
width: 75%;
}
.medium-margin-collapse > .medium-10
{
width: 83.33333%;
}
.medium-margin-collapse > .medium-11
{
width: 91.66667%;
}
.medium-margin-collapse > .medium-12
{
width: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.medium-margin-collapse > .large-1
{
width: 8.33333%;
}
.medium-margin-collapse > .large-2
{
width: 16.66667%;
}
.medium-margin-collapse > .large-3
{
width: 25%;
}
.medium-margin-collapse > .large-4
{
width: 33.33333%;
}
.medium-margin-collapse > .large-5
{
width: 41.66667%;
}
.medium-margin-collapse > .large-6
{
width: 50%;
}
.medium-margin-collapse > .large-7
{
width: 58.33333%;
}
.medium-margin-collapse > .large-8
{
width: 66.66667%;
}
.medium-margin-collapse > .large-9
{
width: 75%;
}
.medium-margin-collapse > .large-10
{
width: 83.33333%;
}
.medium-margin-collapse > .large-11
{
width: 91.66667%;
}
.medium-margin-collapse > .large-12
{
width: 100%;
}
}
@media print, screen and (min-width: 40em)
{
.medium-padding-collapse
{
margin-right: 0;
margin-left: 0;
}
.medium-padding-collapse > .cell
{
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 64em)
{
.large-margin-collapse
{
margin-right: 0;
margin-left: 0;
}
.large-margin-collapse > .cell
{
margin-right: 0;
margin-left: 0;
}
}
@media print, screen and (min-width: 64em)
{
.large-margin-collapse > .small-1
{
width: 8.33333%;
}
.large-margin-collapse > .small-2
{
width: 16.66667%;
}
.large-margin-collapse > .small-3
{
width: 25%;
}
.large-margin-collapse > .small-4
{
width: 33.33333%;
}
.large-margin-collapse > .small-5
{
width: 41.66667%;
}
.large-margin-collapse > .small-6
{
width: 50%;
}
.large-margin-collapse > .small-7
{
width: 58.33333%;
}
.large-margin-collapse > .small-8
{
width: 66.66667%;
}
.large-margin-collapse > .small-9
{
width: 75%;
}
.large-margin-collapse > .small-10
{
width: 83.33333%;
}
.large-margin-collapse > .small-11
{
width: 91.66667%;
}
.large-margin-collapse > .small-12
{
width: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.large-margin-collapse > .medium-1
{
width: 8.33333%;
}
.large-margin-collapse > .medium-2
{
width: 16.66667%;
}
.large-margin-collapse > .medium-3
{
width: 25%;
}
.large-margin-collapse > .medium-4
{
width: 33.33333%;
}
.large-margin-collapse > .medium-5
{
width: 41.66667%;
}
.large-margin-collapse > .medium-6
{
width: 50%;
}
.large-margin-collapse > .medium-7
{
width: 58.33333%;
}
.large-margin-collapse > .medium-8
{
width: 66.66667%;
}
.large-margin-collapse > .medium-9
{
width: 75%;
}
.large-margin-collapse > .medium-10
{
width: 83.33333%;
}
.large-margin-collapse > .medium-11
{
width: 91.66667%;
}
.large-margin-collapse > .medium-12
{
width: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.large-margin-collapse > .large-1
{
width: 8.33333%;
}
.large-margin-collapse > .large-2
{
width: 16.66667%;
}
.large-margin-collapse > .large-3
{
width: 25%;
}
.large-margin-collapse > .large-4
{
width: 33.33333%;
}
.large-margin-collapse > .large-5
{
width: 41.66667%;
}
.large-margin-collapse > .large-6
{
width: 50%;
}
.large-margin-collapse > .large-7
{
width: 58.33333%;
}
.large-margin-collapse > .large-8
{
width: 66.66667%;
}
.large-margin-collapse > .large-9
{
width: 75%;
}
.large-margin-collapse > .large-10
{
width: 83.33333%;
}
.large-margin-collapse > .large-11
{
width: 91.66667%;
}
.large-margin-collapse > .large-12
{
width: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.large-padding-collapse
{
margin-right: 0;
margin-left: 0;
}
.large-padding-collapse > .cell
{
padding-right: 0;
padding-left: 0;
}
}
.small-offset-0
{
margin-left: 0%;
}
.grid-margin-x > .small-offset-0
{
margin-left: calc(0% + 0.625rem);
}
.small-offset-1
{
margin-left: 8.33333%;
}
.grid-margin-x > .small-offset-1
{
margin-left: calc(8.33333% + 0.625rem);
}
.small-offset-2
{
margin-left: 16.66667%;
}
.grid-margin-x > .small-offset-2
{
margin-left: calc(16.66667% + 0.625rem);
}
.small-offset-3
{
margin-left: 25%;
}
.grid-margin-x > .small-offset-3
{
margin-left: calc(25% + 0.625rem);
}
.small-offset-4
{
margin-left: 33.33333%;
}
.grid-margin-x > .small-offset-4
{
margin-left: calc(33.33333% + 0.625rem);
}
.small-offset-5
{
margin-left: 41.66667%;
}
.grid-margin-x > .small-offset-5
{
margin-left: calc(41.66667% + 0.625rem);
}
.small-offset-6
{
margin-left: 50%;
}
.grid-margin-x > .small-offset-6
{
margin-left: calc(50% + 0.625rem);
}
.small-offset-7
{
margin-left: 58.33333%;
}
.grid-margin-x > .small-offset-7
{
margin-left: calc(58.33333% + 0.625rem);
}
.small-offset-8
{
margin-left: 66.66667%;
}
.grid-margin-x > .small-offset-8
{
margin-left: calc(66.66667% + 0.625rem);
}
.small-offset-9
{
margin-left: 75%;
}
.grid-margin-x > .small-offset-9
{
margin-left: calc(75% + 0.625rem);
}
.small-offset-10
{
margin-left: 83.33333%;
}
.grid-margin-x > .small-offset-10
{
margin-left: calc(83.33333% + 0.625rem);
}
.small-offset-11
{
margin-left: 91.66667%;
}
.grid-margin-x > .small-offset-11
{
margin-left: calc(91.66667% + 0.625rem);
}
@media print, screen and (min-width: 40em)
{
.medium-offset-0
{
margin-left: 0%;
}
.grid-margin-x > .medium-offset-0
{
margin-left: calc(0% + 0.9375rem);
}
.medium-offset-1
{
margin-left: 8.33333%;
}
.grid-margin-x > .medium-offset-1
{
margin-left: calc(8.33333% + 0.9375rem);
}
.medium-offset-2
{
margin-left: 16.66667%;
}
.grid-margin-x > .medium-offset-2
{
margin-left: calc(16.66667% + 0.9375rem);
}
.medium-offset-3
{
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3
{
margin-left: calc(25% + 0.9375rem);
}
.medium-offset-4
{
margin-left: 33.33333%;
}
.grid-margin-x > .medium-offset-4
{
margin-left: calc(33.33333% + 0.9375rem);
}
.medium-offset-5
{
margin-left: 41.66667%;
}
.grid-margin-x > .medium-offset-5
{
margin-left: calc(41.66667% + 0.9375rem);
}
.medium-offset-6
{
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6
{
margin-left: calc(50% + 0.9375rem);
}
.medium-offset-7
{
margin-left: 58.33333%;
}
.grid-margin-x > .medium-offset-7
{
margin-left: calc(58.33333% + 0.9375rem);
}
.medium-offset-8
{
margin-left: 66.66667%;
}
.grid-margin-x > .medium-offset-8
{
margin-left: calc(66.66667% + 0.9375rem);
}
.medium-offset-9
{
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9
{
margin-left: calc(75% + 0.9375rem);
}
.medium-offset-10
{
margin-left: 83.33333%;
}
.grid-margin-x > .medium-offset-10
{
margin-left: calc(83.33333% + 0.9375rem);
}
.medium-offset-11
{
margin-left: 91.66667%;
}
.grid-margin-x > .medium-offset-11
{
margin-left: calc(91.66667% + 0.9375rem);
}
}
@media print, screen and (min-width: 64em)
{
.large-offset-0
{
margin-left: 0%;
}
.grid-margin-x > .large-offset-0
{
margin-left: calc(0% + 0.9375rem);
}
.large-offset-1
{
margin-left: 8.33333%;
}
.grid-margin-x > .large-offset-1
{
margin-left: calc(8.33333% + 0.9375rem);
}
.large-offset-2
{
margin-left: 16.66667%;
}
.grid-margin-x > .large-offset-2
{
margin-left: calc(16.66667% + 0.9375rem);
}
.large-offset-3
{
margin-left: 25%;
}
.grid-margin-x > .large-offset-3
{
margin-left: calc(25% + 0.9375rem);
}
.large-offset-4
{
margin-left: 33.33333%;
}
.grid-margin-x > .large-offset-4
{
margin-left: calc(33.33333% + 0.9375rem);
}
.large-offset-5
{
margin-left: 41.66667%;
}
.grid-margin-x > .large-offset-5
{
margin-left: calc(41.66667% + 0.9375rem);
}
.large-offset-6
{
margin-left: 50%;
}
.grid-margin-x > .large-offset-6
{
margin-left: calc(50% + 0.9375rem);
}
.large-offset-7
{
margin-left: 58.33333%;
}
.grid-margin-x > .large-offset-7
{
margin-left: calc(58.33333% + 0.9375rem);
}
.large-offset-8
{
margin-left: 66.66667%;
}
.grid-margin-x > .large-offset-8
{
margin-left: calc(66.66667% + 0.9375rem);
}
.large-offset-9
{
margin-left: 75%;
}
.grid-margin-x > .large-offset-9
{
margin-left: calc(75% + 0.9375rem);
}
.large-offset-10
{
margin-left: 83.33333%;
}
.grid-margin-x > .large-offset-10
{
margin-left: calc(83.33333% + 0.9375rem);
}
.large-offset-11
{
margin-left: 91.66667%;
}
.grid-margin-x > .large-offset-11
{
margin-left: calc(91.66667% + 0.9375rem);
}
}
.grid-y
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.grid-y > .cell
{
width: auto;
max-width: none;
}
.grid-y > .auto
{
height: auto;
}
.grid-y > .shrink
{
height: auto;
}
.grid-y > .small-shrink,
.grid-y > .small-full,
.grid-y > .small-1,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12
{
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 40em)
{
.grid-y > .medium-shrink,
.grid-y > .medium-full,
.grid-y > .medium-1,
.grid-y > .medium-2,
.grid-y > .medium-3,
.grid-y > .medium-4,
.grid-y > .medium-5,
.grid-y > .medium-6,
.grid-y > .medium-7,
.grid-y > .medium-8,
.grid-y > .medium-9,
.grid-y > .medium-10,
.grid-y > .medium-11,
.grid-y > .medium-12
{
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 64em)
{
.grid-y > .large-shrink,
.grid-y > .large-full,
.grid-y > .large-1,
.grid-y > .large-2,
.grid-y > .large-3,
.grid-y > .large-4,
.grid-y > .large-5,
.grid-y > .large-6,
.grid-y > .large-7,
.grid-y > .large-8,
.grid-y > .large-9,
.grid-y > .large-10,
.grid-y > .large-11,
.grid-y > .large-12
{
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-y > .small-1,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .small-1
{
height: 8.33333%;
}
.grid-y > .small-2
{
height: 16.66667%;
}
.grid-y > .small-3
{
height: 25%;
}
.grid-y > .small-4
{
height: 33.33333%;
}
.grid-y > .small-5
{
height: 41.66667%;
}
.grid-y > .small-6
{
height: 50%;
}
.grid-y > .small-7
{
height: 58.33333%;
}
.grid-y > .small-8
{
height: 66.66667%;
}
.grid-y > .small-9
{
height: 75%;
}
.grid-y > .small-10
{
height: 83.33333%;
}
.grid-y > .small-11
{
height: 91.66667%;
}
.grid-y > .small-12
{
height: 100%;
}
@media print, screen and (min-width: 40em)
{
.grid-y > .medium-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .medium-shrink,
.grid-y > .medium-1,
.grid-y > .medium-2,
.grid-y > .medium-3,
.grid-y > .medium-4,
.grid-y > .medium-5,
.grid-y > .medium-6,
.grid-y > .medium-7,
.grid-y > .medium-8,
.grid-y > .medium-9,
.grid-y > .medium-10,
.grid-y > .medium-11,
.grid-y > .medium-12
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .medium-shrink
{
height: auto;
}
.grid-y > .medium-1
{
height: 8.33333%;
}
.grid-y > .medium-2
{
height: 16.66667%;
}
.grid-y > .medium-3
{
height: 25%;
}
.grid-y > .medium-4
{
height: 33.33333%;
}
.grid-y > .medium-5
{
height: 41.66667%;
}
.grid-y > .medium-6
{
height: 50%;
}
.grid-y > .medium-7
{
height: 58.33333%;
}
.grid-y > .medium-8
{
height: 66.66667%;
}
.grid-y > .medium-9
{
height: 75%;
}
.grid-y > .medium-10
{
height: 83.33333%;
}
.grid-y > .medium-11
{
height: 91.66667%;
}
.grid-y > .medium-12
{
height: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.grid-y > .large-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .large-shrink,
.grid-y > .large-1,
.grid-y > .large-2,
.grid-y > .large-3,
.grid-y > .large-4,
.grid-y > .large-5,
.grid-y > .large-6,
.grid-y > .large-7,
.grid-y > .large-8,
.grid-y > .large-9,
.grid-y > .large-10,
.grid-y > .large-11,
.grid-y > .large-12
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .large-shrink
{
height: auto;
}
.grid-y > .large-1
{
height: 8.33333%;
}
.grid-y > .large-2
{
height: 16.66667%;
}
.grid-y > .large-3
{
height: 25%;
}
.grid-y > .large-4
{
height: 33.33333%;
}
.grid-y > .large-5
{
height: 41.66667%;
}
.grid-y > .large-6
{
height: 50%;
}
.grid-y > .large-7
{
height: 58.33333%;
}
.grid-y > .large-8
{
height: 66.66667%;
}
.grid-y > .large-9
{
height: 75%;
}
.grid-y > .large-10
{
height: 83.33333%;
}
.grid-y > .large-11
{
height: 91.66667%;
}
.grid-y > .large-12
{
height: 100%;
}
}
.grid-padding-y .grid-padding-y
{
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-padding-y .grid-padding-y
{
margin-top: -0.9375rem;
margin-bottom: -0.9375rem;
}
}
.grid-padding-y > .cell
{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-padding-y > .cell
{
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
}
.grid-margin-y
{
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-margin-y
{
margin-top: -0.9375rem;
margin-bottom: -0.9375rem;
}
}
.grid-margin-y > .cell
{
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-margin-y > .cell
{
height: calc(100% - 1.875rem);
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
}
.grid-margin-y > .auto
{
height: auto;
}
.grid-margin-y > .shrink
{
height: auto;
}
.grid-margin-y > .small-1
{
height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-2
{
height: calc(16.66667% - 1.25rem);
}
.grid-margin-y > .small-3
{
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4
{
height: calc(33.33333% - 1.25rem);
}
.grid-margin-y > .small-5
{
height: calc(41.66667% - 1.25rem);
}
.grid-margin-y > .small-6
{
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7
{
height: calc(58.33333% - 1.25rem);
}
.grid-margin-y > .small-8
{
height: calc(66.66667% - 1.25rem);
}
.grid-margin-y > .small-9
{
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10
{
height: calc(83.33333% - 1.25rem);
}
.grid-margin-y > .small-11
{
height: calc(91.66667% - 1.25rem);
}
.grid-margin-y > .small-12
{
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em)
{
.grid-margin-y > .auto
{
height: auto;
}
.grid-margin-y > .shrink
{
height: auto;
}
.grid-margin-y > .small-1
{
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2
{
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .small-3
{
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4
{
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .small-5
{
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .small-6
{
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7
{
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .small-8
{
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .small-9
{
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10
{
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .small-11
{
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .small-12
{
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto
{
height: auto;
}
.grid-margin-y > .medium-shrink
{
height: auto;
}
.grid-margin-y > .medium-1
{
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2
{
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .medium-3
{
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4
{
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .medium-5
{
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .medium-6
{
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7
{
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .medium-8
{
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .medium-9
{
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10
{
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .medium-11
{
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .medium-12
{
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em)
{
.grid-margin-y > .large-auto
{
height: auto;
}
.grid-margin-y > .large-shrink
{
height: auto;
}
.grid-margin-y > .large-1
{
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .large-2
{
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .large-3
{
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4
{
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .large-5
{
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .large-6
{
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7
{
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .large-8
{
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .large-9
{
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10
{
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .large-11
{
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .large-12
{
height: calc(100% - 1.875rem);
}
}
.grid-frame
{
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .grid-frame
{
width: 100%;
}
.cell-block
{
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-y
{
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-container
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.cell-block-container > .grid-x
{
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media print, screen and (min-width: 40em)
{
.medium-grid-frame
{
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .medium-grid-frame
{
width: 100%;
}
.medium-cell-block
{
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.medium-cell-block-container
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.medium-cell-block-container > .grid-x
{
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.medium-cell-block-y
{
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media print, screen and (min-width: 64em)
{
.large-grid-frame
{
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .large-grid-frame
{
width: 100%;
}
.large-cell-block
{
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.large-cell-block-container
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.large-cell-block-container > .grid-x
{
max-height: 100%;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.large-cell-block-y
{
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.grid-y.grid-frame
{
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
@media print, screen and (min-width: 40em)
{
.grid-y.medium-grid-frame
{
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
@media print, screen and (min-width: 64em)
{
.grid-y.large-grid-frame
{
width: auto;
overflow: hidden;
position: relative;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
.cell .grid-y.grid-frame
{
height: 100%;
}
@media print, screen and (min-width: 40em)
{
.cell .grid-y.medium-grid-frame
{
height: 100%;
}
}
@media print, screen and (min-width: 64em)
{
.cell .grid-y.large-grid-frame
{
height: 100%;
}
}
.grid-margin-y
{
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-margin-y
{
margin-top: -0.9375rem;
margin-bottom: -0.9375rem;
}
}
.grid-margin-y > .cell
{
height: calc(100% - 1.25rem);
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em)
{
.grid-margin-y > .cell
{
height: calc(100% - 1.875rem);
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
}
}
.grid-margin-y > .auto
{
height: auto;
}
.grid-margin-y > .shrink
{
height: auto;
}
.grid-margin-y > .small-1
{
height: calc(8.33333% - 1.25rem);
}
.grid-margin-y > .small-2
{
height: calc(16.66667% - 1.25rem);
}
.grid-margin-y > .small-3
{
height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4
{
height: calc(33.33333% - 1.25rem);
}
.grid-margin-y > .small-5
{
height: calc(41.66667% - 1.25rem);
}
.grid-margin-y > .small-6
{
height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7
{
height: calc(58.33333% - 1.25rem);
}
.grid-margin-y > .small-8
{
height: calc(66.66667% - 1.25rem);
}
.grid-margin-y > .small-9
{
height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10
{
height: calc(83.33333% - 1.25rem);
}
.grid-margin-y > .small-11
{
height: calc(91.66667% - 1.25rem);
}
.grid-margin-y > .small-12
{
height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em)
{
.grid-margin-y > .auto
{
height: auto;
}
.grid-margin-y > .shrink
{
height: auto;
}
.grid-margin-y > .small-1
{
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .small-2
{
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .small-3
{
height: calc(25% - 1.875rem);
}
.grid-margin-y > .small-4
{
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .small-5
{
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .small-6
{
height: calc(50% - 1.875rem);
}
.grid-margin-y > .small-7
{
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .small-8
{
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .small-9
{
height: calc(75% - 1.875rem);
}
.grid-margin-y > .small-10
{
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .small-11
{
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .small-12
{
height: calc(100% - 1.875rem);
}
.grid-margin-y > .medium-auto
{
height: auto;
}
.grid-margin-y > .medium-shrink
{
height: auto;
}
.grid-margin-y > .medium-1
{
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .medium-2
{
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .medium-3
{
height: calc(25% - 1.875rem);
}
.grid-margin-y > .medium-4
{
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .medium-5
{
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .medium-6
{
height: calc(50% - 1.875rem);
}
.grid-margin-y > .medium-7
{
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .medium-8
{
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .medium-9
{
height: calc(75% - 1.875rem);
}
.grid-margin-y > .medium-10
{
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .medium-11
{
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .medium-12
{
height: calc(100% - 1.875rem);
}
}
@media print, screen and (min-width: 64em)
{
.grid-margin-y > .large-auto
{
height: auto;
}
.grid-margin-y > .large-shrink
{
height: auto;
}
.grid-margin-y > .large-1
{
height: calc(8.33333% - 1.875rem);
}
.grid-margin-y > .large-2
{
height: calc(16.66667% - 1.875rem);
}
.grid-margin-y > .large-3
{
height: calc(25% - 1.875rem);
}
.grid-margin-y > .large-4
{
height: calc(33.33333% - 1.875rem);
}
.grid-margin-y > .large-5
{
height: calc(41.66667% - 1.875rem);
}
.grid-margin-y > .large-6
{
height: calc(50% - 1.875rem);
}
.grid-margin-y > .large-7
{
height: calc(58.33333% - 1.875rem);
}
.grid-margin-y > .large-8
{
height: calc(66.66667% - 1.875rem);
}
.grid-margin-y > .large-9
{
height: calc(75% - 1.875rem);
}
.grid-margin-y > .large-10
{
height: calc(83.33333% - 1.875rem);
}
.grid-margin-y > .large-11
{
height: calc(91.66667% - 1.875rem);
}
.grid-margin-y > .large-12
{
height: calc(100% - 1.875rem);
}
}
.grid-frame.grid-margin-y
{
height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em)
{
.grid-frame.grid-margin-y
{
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em)
{
.grid-frame.grid-margin-y
{
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 40em)
{
.grid-margin-y.medium-grid-frame
{
height: calc(100vh + 1.875rem);
}
}
@media print, screen and (min-width: 64em)
{
.grid-margin-y.large-grid-frame
{
height: calc(100vh + 1.875rem);
}
}
.align-left
{
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.align-right
{
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center
{
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-justify
{
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-spaced
{
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-left.vertical.menu > li > a
{
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.align-right.vertical.menu > li > a
{
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center.vertical.menu > li > a
{
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-top
{
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-self-top
{
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-bottom
{
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-self-bottom
{
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-middle
{
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.align-self-middle
{
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.align-stretch
{
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-self-stretch
{
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.align-center-middle
{
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
.small-order-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.small-order-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.small-order-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.small-order-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.small-order-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.small-order-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
@media print, screen and (min-width: 40em)
{
.medium-order-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.medium-order-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.medium-order-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.medium-order-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.medium-order-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.medium-order-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
}
@media print, screen and (min-width: 64em)
{
.large-order-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.large-order-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.large-order-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.large-order-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.large-order-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.large-order-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
}
}
.flex-container
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.flex-child-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-child-grow
{
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.flex-child-shrink
{
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flex-dir-row
{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-dir-row-reverse
{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-dir-column
{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-dir-column-reverse
{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em)
{
.medium-flex-container
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.medium-flex-child-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.medium-flex-child-grow
{
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.medium-flex-child-shrink
{
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.medium-flex-dir-row
{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.medium-flex-dir-row-reverse
{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.medium-flex-dir-column
{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.medium-flex-dir-column-reverse
{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 64em)
{
.large-flex-container
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.large-flex-child-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.large-flex-child-grow
{
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.large-flex-child-shrink
{
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.large-flex-dir-row
{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.large-flex-dir-row-reverse
{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.large-flex-dir-column
{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.large-flex-dir-column-reverse
{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
/* div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility; }
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility; }
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
line-height: 0;
color: #cacaca; }
h1, .h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h2, .h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h3, .h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h4, .h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h5, .h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h6, .h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; } */
/*
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem; }
h2, .h2 {
font-size: 2.5rem; }
h3, .h3 {
font-size: 1.9375rem; }
h4, .h4 {
font-size: 1.5625rem; }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; } }
a {
line-height: inherit;
color: #1779ba;
text-decoration: none;
cursor: pointer; }
a:hover, a:focus {
color: #1468a0; }
a img {
border: 0; }
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0; }
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6; }
li {
font-size: inherit; }
ul {
margin-left: 1.25rem;
list-style-type: disc; }
ol {
margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }
dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca; }
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a; }
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a; }
cite:before {
content: "— "; }
abbr, abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none; }
figure {
margin: 0; }
code {
padding: 0.125rem 0.3125rem 0.0625rem;
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a; }
*/
kbd
{
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a;
}
.subheader
{
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a;
}
.lead
{
font-size: 125%;
line-height: 1.6;
}
.stat
{
font-size: 2.5rem;
line-height: 1;
}
p + .stat
{
margin-top: -1rem;
}
ul.no-bullet,
ol.no-bullet
{
margin-left: 0;
list-style: none;
}
.text-left
{
text-align: left;
}
.text-right
{
text-align: right;
}
.text-center
{
text-align: center;
}
.text-justify
{
text-align: justify;
}
@media print, screen and (min-width: 40em)
{
.medium-text-left
{
text-align: left;
}
.medium-text-right
{
text-align: right;
}
.medium-text-center
{
text-align: center;
}
.medium-text-justify
{
text-align: justify;
}
}
@media print, screen and (min-width: 64em)
{
.large-text-left
{
text-align: left;
}
.large-text-right
{
text-align: right;
}
.large-text-center
{
text-align: center;
}
.large-text-justify
{
text-align: justify;
}
}
.show-for-print
{
display: none !important;
}
@media print
{
*
{
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important;
}
.show-for-print
{
display: block !important;
}
.hide-for-print
{
display: none !important;
}
table.show-for-print
{
display: table !important;
}
thead.show-for-print
{
display: table-header-group !important;
}
tbody.show-for-print
{
display: table-row-group !important;
}
tr.show-for-print
{
display: table-row !important;
}
td.show-for-print
{
display: table-cell !important;
}
th.show-for-print
{
display: table-cell !important;
}
a,
a:visited
{
text-decoration: underline;
}
a[href]:after
{
content: " (" attr(href) ")";
}
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after
{
content: '';
}
abbr[title]:after
{
content: " (" attr(title) ")";
}
pre,
blockquote
{
border: 1px solid #8a8a8a;
page-break-inside: avoid;
}
thead
{
display: table-header-group;
}
tr,
img
{
page-break-inside: avoid;
}
img
{
max-width: 100% !important;
}
/*@page {
margin: 0.5cm; }*/
p,
h2,
h3
{
orphans: 3;
widows: 3;
}
h2,
h3
{
page-break-after: avoid;
}
.print-break-inside
{
page-break-inside: auto;
}
}
.button
{
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
border: 1px solid transparent;
border-radius: 0;
-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
-webkit-appearance: none;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #1779ba;
color: #fefefe;
}
[data-whatinput='mouse'] .button
{
outline: 0;
}
.button:hover,
.button:focus
{
background-color: #14679e;
color: #fefefe;
}
.button.tiny
{
font-size: 0.6rem;
}
.button.small
{
font-size: 0.75rem;
}
.button.large
{
font-size: 1.25rem;
}
.button.expanded
{
display: block;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.button.primary
{
background-color: #1779ba;
color: #fefefe;
}
.button.primary:hover,
.button.primary:focus
{
background-color: #126195;
color: #fefefe;
}
.button.secondary
{
background-color: #767676;
color: #fefefe;
}
.button.secondary:hover,
.button.secondary:focus
{
background-color: #5e5e5e;
color: #fefefe;
}
.button.success
{
background-color: #3adb76;
color: #0a0a0a;
}
.button.success:hover,
.button.success:focus
{
background-color: #22bb5b;
color: #0a0a0a;
}
.button.warning
{
background-color: #ffae00;
color: #0a0a0a;
}
.button.warning:hover,
.button.warning:focus
{
background-color: #cc8b00;
color: #0a0a0a;
}
.button.alert
{
background-color: #cc4b37;
color: #fefefe;
}
.button.alert:hover,
.button.alert:focus
{
background-color: #a53b2a;
color: #fefefe;
}
.button.disabled,
.button[disabled]
{
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled],
.button[disabled]:hover,
.button[disabled]:focus
{
background-color: #1779ba;
color: #fefefe;
}
.button.disabled.primary,
.button.primary[disabled]
{
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.primary,
.button.disabled.primary:hover,
.button.disabled.primary:focus,
.button.primary[disabled],
.button.primary[disabled]:hover,
.button.primary[disabled]:focus
{
background-color: #1779ba;
color: #fefefe;
}
.button.disabled.secondary,
.button.secondary[disabled]
{
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.secondary,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button.secondary[disabled],
.button.secondary[disabled]:hover,
.button.secondary[disabled]:focus
{
background-color: #767676;
color: #fefefe;
}
.button.disabled.success,
.button.success[disabled]
{
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.success,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button.success[disabled],
.button.success[disabled]:hover,
.button.success[disabled]:focus
{
background-color: #3adb76;
color: #0a0a0a;
}
.button.disabled.warning,
.button.warning[disabled]
{
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.warning,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button.warning[disabled],
.button.warning[disabled]:hover,
.button.warning[disabled]:focus
{
background-color: #ffae00;
color: #0a0a0a;
}
.button.disabled.alert,
.button.alert[disabled]
{
opacity: 0.25;
cursor: not-allowed;
}
.button.disabled.alert,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button.alert[disabled],
.button.alert[disabled]:hover,
.button.alert[disabled]:focus
{
background-color: #cc4b37;
color: #fefefe;
}
.button.hollow
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow,
.button.hollow:hover,
.button.hollow:focus
{
background-color: transparent;
}
.button.hollow.disabled,
.button.hollow.disabled:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled],
.button.hollow[disabled]:hover,
.button.hollow[disabled]:focus
{
background-color: transparent;
}
.button.hollow:hover,
.button.hollow:focus
{
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.hollow.disabled:hover,
.button.hollow[disabled]:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled]:focus
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.primary
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.primary:hover,
.button.hollow.primary:focus
{
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled]:hover,
.button.hollow.primary.disabled:focus,
.button.hollow.primary[disabled]:focus
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.hollow.secondary
{
border: 1px solid #767676;
color: #767676;
}
.button.hollow.secondary:hover,
.button.hollow.secondary:focus
{
border-color: #3b3b3b;
color: #3b3b3b;
}
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus
{
border: 1px solid #767676;
color: #767676;
}
.button.hollow.success
{
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.success:hover,
.button.hollow.success:focus
{
border-color: #157539;
color: #157539;
}
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled]:hover,
.button.hollow.success.disabled:focus,
.button.hollow.success[disabled]:focus
{
border: 1px solid #3adb76;
color: #3adb76;
}
.button.hollow.warning
{
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:hover,
.button.hollow.warning:focus
{
border-color: #805700;
color: #805700;
}
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled]:hover,
.button.hollow.warning.disabled:focus,
.button.hollow.warning[disabled]:focus
{
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.alert
{
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.hollow.alert:hover,
.button.hollow.alert:focus
{
border-color: #67251a;
color: #67251a;
}
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled]:hover,
.button.hollow.alert.disabled:focus,
.button.hollow.alert[disabled]:focus
{
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear,
.button.clear:hover,
.button.clear:focus
{
background-color: transparent;
}
.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus
{
background-color: transparent;
}
.button.clear:hover,
.button.clear:focus
{
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear.disabled:focus,
.button.clear[disabled]:focus
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear:hover,
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear:focus,
.button.clear.disabled:focus,
.button.clear[disabled]:focus
{
border-color: transparent;
}
.button.clear.primary
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear.primary:hover,
.button.clear.primary:focus
{
border-color: #0c3d5d;
color: #0c3d5d;
}
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus
{
border: 1px solid #1779ba;
color: #1779ba;
}
.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary:hover,
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary:focus,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus
{
border-color: transparent;
}
.button.clear.secondary
{
border: 1px solid #767676;
color: #767676;
}
.button.clear.secondary:hover,
.button.clear.secondary:focus
{
border-color: #3b3b3b;
color: #3b3b3b;
}
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus
{
border: 1px solid #767676;
color: #767676;
}
.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary:hover,
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary:focus,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus
{
border-color: transparent;
}
.button.clear.success
{
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success:hover,
.button.clear.success:focus
{
border-color: #157539;
color: #157539;
}
.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus
{
border: 1px solid #3adb76;
color: #3adb76;
}
.button.clear.success,
.button.clear.success.disabled,
.button.clear.success[disabled],
.button.clear.success:hover,
.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success:focus,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus
{
border-color: transparent;
}
.button.clear.warning
{
border: 1px solid #ffae00;
color: #ffae00;
}
.button.clear.warning:hover,
.button.clear.warning:focus
{
border-color: #805700;
color: #805700;
}
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus
{
border: 1px solid #ffae00;
color: #ffae00;
}
.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning[disabled],
.button.clear.warning:hover,
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning:focus,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus
{
border-color: transparent;
}
.button.clear.alert
{
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear.alert:hover,
.button.clear.alert:focus
{
border-color: #67251a;
color: #67251a;
}
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus
{
border: 1px solid #cc4b37;
color: #cc4b37;
}
.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert[disabled],
.button.clear.alert:hover,
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert:focus,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus
{
border-color: transparent;
}
.button.dropdown::after
{
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fefefe transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em;
}
.button.dropdown.hollow::after,
.button.dropdown.clear::after
{
border-top-color: #1779ba;
}
.button.dropdown.hollow.primary::after,
.button.dropdown.clear.primary::after
{
border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary::after,
.button.dropdown.clear.secondary::after
{
border-top-color: #767676;
}
.button.dropdown.hollow.success::after,
.button.dropdown.clear.success::after
{
border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after,
.button.dropdown.clear.warning::after
{
border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after,
.button.dropdown.clear.alert::after
{
border-top-color: #cc4b37;
}
.button.arrow-only::after
{
top: -0.1em;
float: none;
margin-left: 0;
}
a.button:hover,
a.button:focus
{
text-decoration: none;
}
[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea
{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus
{
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
textarea
{
max-width: 100%;
}
textarea[rows]
{
height: auto;
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly]
{
background-color: #e6e6e6;
cursor: not-allowed;
}
[type='submit'],
[type='button']
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type='search']
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-input-placeholder
{
color: #cacaca;
}
:-ms-input-placeholder
{
color: #cacaca;
}
::-ms-input-placeholder
{
color: #cacaca;
}
::placeholder
{
color: #cacaca;
}
[type='file'],
[type='checkbox'],
[type='radio']
{
margin: 0 0 1rem;
}
[type='checkbox'] + label,
[type='radio'] + label
{
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
}
[type='checkbox'] + label[for],
[type='radio'] + label[for]
{
cursor: pointer;
}
label > [type='checkbox'],
label > [type='radio']
{
margin-right: 0.5rem;
}
[type='file']
{
width: 100%;
}
label
{
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
}
label.middle
{
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text
{
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a;
}
.input-group
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 1rem;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.input-group > :first-child,
.input-group > .input-group-button:first-child > *
{
border-radius: 0 0 0 0;
}
.input-group > :last-child,
.input-group > .input-group-button:last-child > *
{
border-radius: 0 0 0 0;
}
.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label
{
margin: 0;
white-space: nowrap;
}
.input-group-label
{
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.input-group-label:first-child
{
border-right: 0;
}
.input-group-label:last-child
{
border-left: 0;
}
.input-group-field
{
border-radius: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0;
}
.input-group-button
{
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label
{
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem;
}
fieldset
{
margin: 0;
padding: 0;
border: 0;
}
legend
{
max-width: 100%;
margin-bottom: 0.5rem;
}
.fieldset
{
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca;
}
.fieldset legend
{
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
}
select
{
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
background-image: url('data:image/svg+xml_utf8_');
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
@media screen and (min-width: 0\0)
{
select
{
background-image: url('data:image/png_base64_iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');
}
}
select:focus
{
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
select:disabled
{
background-color: #e6e6e6;
cursor: not-allowed;
}
select::-ms-expand
{
display: none;
}
select[multiple]
{
height: auto;
background-image: none;
}
.is-invalid-input:not(:focus)
{
border-color: #cc4b37;
background-color: #f9ecea;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder
{
color: #cc4b37;
}
.is-invalid-input:not(:focus):-ms-input-placeholder
{
color: #cc4b37;
}
.is-invalid-input:not(:focus)::-ms-input-placeholder
{
color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder
{
color: #cc4b37;
}
.is-invalid-label
{
color: #cc4b37;
}
.form-error
{
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #cc4b37;
}
.form-error.is-visible
{
display: block;
}
/*
.accordion {
margin-left: 0;
background: #fefefe;
list-style-type: none; }
.accordion[disabled] .accordion-title {
cursor: not-allowed; }
.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0; }
.accordion-item:last-child > :last-child {
border-radius: 0 0 0 0; }
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #1779ba; }
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6;
border-radius: 0 0 0 0; }
.accordion-title:hover, .accordion-title:focus {
background-color: #e6e6e6; }
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: '+'; }
.is-active > .accordion-title::before {
content: '\2013'; }
.accordion-content {
display: none;
padding: 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
background-color: #fefefe;
color: #0a0a0a; }
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #e6e6e6; }
.accordion-menu li {
width: 100%; }
.accordion-menu a {
padding: 0.7rem 1rem; }
.accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem; }
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
margin-left: 1rem; }
.accordion-menu.align-right .nested.is-accordion-submenu {
margin-right: 1rem;
margin-left: 0; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem; }
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
right: 1rem;
left: auto; }
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem; }
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.is-accordion-submenu-parent {
position: relative; }
.has-submenu-toggle > a {
margin-right: 40px; }
.submenu-toggle {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer; }
.submenu-toggle::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
top: 0;
bottom: 0;
margin: auto; }
.submenu-toggle[aria-expanded='true']::after {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.submenu-toggle-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
*/
.card
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 1rem;
border: 1px solid #e6e6e6;
border-radius: 0;
background: #fefefe;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
color: #0a0a0a;
}
.card > :last-child
{
margin-bottom: 0;
}
.card-divider
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 1rem;
background: #e6e6e6;
}
.card-divider > :last-child
{
margin-bottom: 0;
}
.card-section
{
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 1rem;
}
.card-section > :last-child
{
margin-bottom: 0;
}
.card-image
{
min-height: 1px;
}
.callout
{
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
background-color: white;
color: #0a0a0a;
}
.callout > :first-child
{
margin-top: 0;
}
.callout > :last-child
{
margin-bottom: 0;
}
.callout.primary
{
background-color: #d7ecfa;
color: #0a0a0a;
}
.callout.secondary
{
background-color: #eaeaea;
color: #0a0a0a;
}
.callout.success
{
background-color: #e1faea;
color: #0a0a0a;
}
.callout.warning
{
background-color: #fff3d9;
color: #0a0a0a;
}
.callout.alert
{
background-color: #f7e4e1;
color: #0a0a0a;
}
.callout.small
{
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
.callout.large
{
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.close-button
{
position: absolute;
color: #8a8a8a;
cursor: pointer;
}
[data-whatinput='mouse'] .close-button
{
outline: 0;
}
.close-button:hover,
.close-button:focus
{
color: #0a0a0a;
}
.close-button.small
{
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1;
}
.close-button,
.close-button.medium
{
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1;
}
/*
.menu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
[data-whatinput='mouse'] .menu li {
outline: 0; }
.menu a,
.menu .button {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.7rem 1rem; }
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0; }
.menu input {
display: inline-block; }
.menu, .menu.horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.menu.vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.menu.expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.menu.simple {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.menu.simple li + li {
margin-left: 1rem; }
.menu.simple a {
padding: 0; }
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.menu.medium-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.menu.medium-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.menu.medium-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media print, screen and (min-width: 64em) {
.menu.large-horizontal {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.menu.large-vertical {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.menu.large-expanded li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; }
.menu.large-simple li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.menu.nested {
margin-right: 0;
margin-left: 1rem; }
.menu.icons a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.menu.icon-left li a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
margin-right: 0.25rem; }
.menu.icon-right li a {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
margin-left: 0.25rem; }
.menu.icon-top li a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center; }
.menu.icon-bottom li a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap; }
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-bottom: 0.25rem;
text-align: center; }
.menu .is-active > a {
background: #1779ba;
color: #fefefe; }
.menu .active > a {
background: #1779ba;
color: #fefefe; }
.menu.align-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.menu.align-right li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.menu.align-right li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.menu.align-right.vertical li {
display: block;
text-align: right; }
.menu.align-right.vertical li .submenu li {
text-align: right; }
.menu.align-right .nested {
margin-right: 1rem;
margin-left: 0; }
.menu.align-center li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.menu.align-center li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.menu .menu-text {
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit; }
.menu-centered > .menu {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.menu-centered > .menu li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.menu-centered > .menu li .submenu li {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.no-js [data-responsive-menu] ul {
display: none; }
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fefefe;
-webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
content: ''; }
.menu-icon:hover::after {
background: #cacaca;
-webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
-webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: ''; }
.menu-icon.dark:hover::after {
background: #8a8a8a;
-webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
.is-drilldown {
position: relative;
overflow: hidden; }
.is-drilldown li {
display: block; }
.is-drilldown.animate-height {
-webkit-transition: height 0.5s;
transition: height 0.5s; }
.drilldown a {
padding: 0.7rem 1rem;
background: #fefefe; }
.drilldown .is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #fefefe;
-webkit-transition: -webkit-transform 0.15s linear;
transition: -webkit-transform 0.15s linear;
transition: transform 0.15s linear;
transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
.drilldown .is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.drilldown .is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); }
.drilldown .is-drilldown-submenu a {
padding: 0.7rem 1rem; }
.drilldown .nested.is-drilldown-submenu {
margin-right: 0;
margin-left: 0; }
.drilldown .drilldown-submenu-cover-previous {
min-height: 100%; }
.drilldown .is-drilldown-submenu-parent > a {
position: relative; }
.drilldown .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem; }
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba;
right: 1rem;
left: auto; }
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
right: auto;
left: 1rem; }
.drilldown .js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem; }
.dropdown-pane {
position: absolute;
z-index: 10;
display: none;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-size: 1rem; }
.dropdown-pane.is-opening {
display: block; }
.dropdown-pane.is-open {
display: block;
visibility: visible; }
.dropdown-pane.tiny {
width: 100px; }
.dropdown-pane.small {
width: 200px; }
.dropdown-pane.large {
width: 400px; }
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
right: 5px;
left: auto;
margin-top: -3px; }
[data-whatinput='mouse'] .dropdown.menu a {
outline: 0; }
.dropdown.menu > li > a {
padding: 0.7rem 1rem; }
.dropdown.menu > li.is-active > a {
background: transparent;
color: #1779ba; }
.no-js .dropdown.menu ul {
display: none; }
.dropdown.menu .nested.is-dropdown-submenu {
margin-right: 0;
margin-left: 0; }
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto; }
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.vertical > li > a::after {
right: 14px; }
.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
right: auto;
left: 5px; }
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba; }
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
right: 5px;
left: auto;
margin-top: -3px; }
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto; }
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.medium-vertical > li > a::after {
right: 14px; }
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
right: auto;
left: 5px; }
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba; } }
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #1779ba transparent transparent;
right: 5px;
left: auto;
margin-top: -3px; }
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
top: 0;
right: 100%;
left: auto; }
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.large-vertical > li > a::after {
right: 14px; }
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
right: auto;
left: 5px; }
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto; }
.is-dropdown-menu.vertical {
width: 100px; }
.is-dropdown-menu.vertical.align-right {
float: right; }
.is-dropdown-submenu-parent {
position: relative; }
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
left: auto;
margin-top: -6px; }
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #cacaca;
background: #fefefe; }
.dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #1779ba transparent transparent;
right: auto;
left: 5px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #1779ba; }
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; }
.is-dropdown-submenu > li {
width: 100%; }
.is-dropdown-submenu.js-dropdown-active {
display: block; }
.responsive-embed,
.flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.responsive-embed.widescreen,
.flex-video.widescreen {
padding-bottom: 56.25%; }
*/
.label
{
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #1779ba;
color: #fefefe;
}
.label.primary
{
background: #1779ba;
color: #fefefe;
}
.label.secondary
{
background: #767676;
color: #fefefe;
}
.label.success
{
background: #3adb76;
color: #0a0a0a;
}
.label.warning
{
background: #ffae00;
color: #0a0a0a;
}
.label.alert
{
background: #cc4b37;
color: #fefefe;
}
.media-object
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.media-object img
{
max-width: none;
}
@media screen and (max-width: 39.99875em)
{
.media-object.stack-for-small
{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.media-object-section
{
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.media-object-section:first-child
{
padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2))
{
padding-left: 1rem;
}
.media-object-section > :last-child
{
margin-bottom: 0;
}
@media screen and (max-width: 39.99875em)
{
.stack-for-small .media-object-section
{
padding: 0;
padding-bottom: 1rem;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.stack-for-small .media-object-section img
{
width: 100%;
}
}
.media-object-section.main-section
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.position-left
{
top: 0;
left: 0;
height: 100%;
overflow-y: auto;
width: 250px;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left
{
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open
{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-left.has-transition-push
{
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.position-left.is-transition-push
{
-webkit-box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-right
{
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
width: 250px;
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right
{
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open
{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-right.has-transition-push
{
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
.position-right.is-transition-push
{
-webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}
.position-top
{
top: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top
{
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open
{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-top.has-transition-push
{
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
}
.position-top.is-transition-push
{
-webkit-box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}
.position-bottom
{
bottom: 0;
left: 0;
width: 100%;
overflow-x: auto;
height: 250px;
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom
{
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open
{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content.is-open-bottom.has-transition-push
{
-webkit-transform: translateY(-250px);
-ms-transform: translateY(-250px);
transform: translateY(-250px);
}
.position-bottom.is-transition-push
{
-webkit-box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}
.off-canvas-content
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.off-canvas-content.has-transition-push
{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open
{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
@media print, screen and (min-width: 40em)
{
.position-left.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-left.reveal-for-medium .close-button
{
display: none;
}
.off-canvas-content .position-left.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left
{
margin-left: 250px;
}
.position-left.reveal-for-medium ~ .off-canvas-content
{
margin-left: 250px;
}
.position-right.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-right.reveal-for-medium .close-button
{
display: none;
}
.off-canvas-content .position-right.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right
{
margin-right: 250px;
}
.position-right.reveal-for-medium ~ .off-canvas-content
{
margin-right: 250px;
}
.position-top.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-top.reveal-for-medium .close-button
{
display: none;
}
.off-canvas-content .position-top.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top
{
margin-top: 250px;
}
.position-top.reveal-for-medium ~ .off-canvas-content
{
margin-top: 250px;
}
.position-bottom.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-medium .close-button
{
display: none;
}
.off-canvas-content .position-bottom.reveal-for-medium
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom
{
margin-bottom: 250px;
}
.position-bottom.reveal-for-medium ~ .off-canvas-content
{
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 64em)
{
.position-left.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-left.reveal-for-large .close-button
{
display: none;
}
.off-canvas-content .position-left.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-left
{
margin-left: 250px;
}
.position-left.reveal-for-large ~ .off-canvas-content
{
margin-left: 250px;
}
.position-right.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-right.reveal-for-large .close-button
{
display: none;
}
.off-canvas-content .position-right.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-right
{
margin-right: 250px;
}
.position-right.reveal-for-large ~ .off-canvas-content
{
margin-right: 250px;
}
.position-top.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-top.reveal-for-large .close-button
{
display: none;
}
.off-canvas-content .position-top.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-top
{
margin-top: 250px;
}
.position-top.reveal-for-large ~ .off-canvas-content
{
margin-top: 250px;
}
.position-bottom.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 12;
-webkit-transition: none;
transition: none;
visibility: visible;
}
.position-bottom.reveal-for-large .close-button
{
display: none;
}
.off-canvas-content .position-bottom.reveal-for-large
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas-content.has-reveal-bottom
{
margin-bottom: 250px;
}
.position-bottom.reveal-for-large ~ .off-canvas-content
{
margin-bottom: 250px;
}
}
@media print, screen and (min-width: 40em)
{
.off-canvas.in-canvas-for-medium
{
visibility: visible;
height: auto;
position: static;
background: none;
width: auto;
overflow: visible;
-webkit-transition: none;
transition: none;
}
.off-canvas.in-canvas-for-medium.position-left,
.off-canvas.in-canvas-for-medium.position-right,
.off-canvas.in-canvas-for-medium.position-top,
.off-canvas.in-canvas-for-medium.position-bottom
{
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-medium .close-button
{
display: none;
}
}
@media print, screen and (min-width: 64em)
{
.off-canvas.in-canvas-for-large
{
visibility: visible;
height: auto;
position: static;
background: none;
width: auto;
overflow: visible;
-webkit-transition: none;
transition: none;
}
.off-canvas.in-canvas-for-large.position-left,
.off-canvas.in-canvas-for-large.position-right,
.off-canvas.in-canvas-for-large.position-top,
.off-canvas.in-canvas-for-large.position-bottom
{
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.off-canvas.in-canvas-for-large .close-button
{
display: none;
}
}
.orbit
{
position: relative;
}
.orbit-container
{
position: relative;
height: 0;
margin: 0;
list-style: none;
overflow: hidden;
}
.orbit-slide
{
width: 100%;
position: absolute;
}
.orbit-slide.no-motionui.is-active
{
top: 0;
left: 0;
}
.orbit-figure
{
margin: 0;
}
.orbit-image
{
width: 100%;
max-width: 100%;
margin: 0;
}
.orbit-caption
{
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
background-color: rgba(10, 10, 10, 0.5);
color: #fefefe;
}
.orbit-previous,
.orbit-next
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #fefefe;
}
[data-whatinput='mouse'] .orbit-previous,
[data-whatinput='mouse'] .orbit-next
{
outline: 0;
}
.orbit-previous:hover,
.orbit-next:hover,
.orbit-previous:active,
.orbit-next:active,
.orbit-previous:focus,
.orbit-next:focus
{
background-color: rgba(10, 10, 10, 0.5);
}
.orbit-previous
{
left: 0;
}
.orbit-next
{
left: auto;
right: 0;
}
.orbit-bullets
{
position: relative;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
text-align: center;
}
[data-whatinput='mouse'] .orbit-bullets
{
outline: 0;
}
.orbit-bullets button
{
width: 1.2rem;
height: 1.2rem;
margin: 0.1rem;
border-radius: 50%;
background-color: #cacaca;
}
.orbit-bullets button:hover
{
background-color: #8a8a8a;
}
.orbit-bullets button.is-active
{
background-color: #8a8a8a;
}
.pagination
{
margin-left: 0;
margin-bottom: 1rem;
}
.pagination::before,
.pagination::after
{
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.pagination::after
{
clear: both;
}
.pagination li
{
margin-right: 0.0625rem;
border-radius: 0;
font-size: 0.875rem;
display: none;
}
.pagination li:last-child,
.pagination li:first-child
{
display: inline-block;
}
@media print, screen and (min-width: 40em)
{
.pagination li
{
display: inline-block;
}
}
.pagination a,
.pagination button
{
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
color: #0a0a0a;
}
.pagination a:hover,
.pagination button:hover
{
background: #e6e6e6;
}
.pagination .current
{
padding: 0.1875rem 0.625rem;
background: #1779ba;
color: #fefefe;
cursor: default;
}
.pagination .disabled
{
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: not-allowed;
}
.pagination .disabled:hover
{
background: transparent;
}
.pagination .ellipsis::after
{
padding: 0.1875rem 0.625rem;
content: '\2026';
color: #0a0a0a;
}
.pagination-previous a::before,
.pagination-previous.disabled::before
{
display: inline-block;
margin-right: 0.5rem;
content: '\00ab';
}
.pagination-next a::after,
.pagination-next.disabled::after
{
display: inline-block;
margin-left: 0.5rem;
content: '\00bb';
}
.progress
{
height: 1rem;
margin-bottom: 1rem;
border-radius: 0;
background-color: #cacaca;
}
.progress.primary .progress-meter
{
background-color: #1779ba;
}
.progress.secondary .progress-meter
{
background-color: #767676;
}
.progress.success .progress-meter
{
background-color: #3adb76;
}
.progress.warning .progress-meter
{
background-color: #ffae00;
}
.progress.alert .progress-meter
{
background-color: #cc4b37;
}
.progress-meter
{
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #1779ba;
}
.progress-meter-text
{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #fefefe;
white-space: nowrap;
}
html.is-reveal-open
{
position: fixed;
width: 100%;
overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll
{
overflow-y: scroll;
}
html.is-reveal-open body
{
overflow-y: hidden;
}
.reveal-overlay
{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: auto;
}
.reveal
{
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto;
}
[data-whatinput='mouse'] .reveal
{
outline: 0;
}
@media print, screen and (min-width: 40em)
{
.reveal
{
min-height: 0;
}
}
.reveal .column
{
min-width: 0;
}
.reveal > :last-child
{
margin-bottom: 0;
}
@media print, screen and (min-width: 40em)
{
.reveal
{
width: 600px;
max-width: 75rem;
}
}
.reveal.collapse
{
padding: 0;
}
@media print, screen and (min-width: 40em)
{
.reveal.tiny
{
width: 30%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em)
{
.reveal.small
{
width: 50%;
max-width: 75rem;
}
}
@media print, screen and (min-width: 40em)
{
.reveal.large
{
width: 90%;
max-width: 75rem;
}
}
.reveal.full
{
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0;
}
@media screen and (max-width: 39.99875em)
{
.reveal
{
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
.reveal.without-overlay
{
position: fixed;
}
.slider
{
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #e6e6e6;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.slider-fill
{
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #cacaca;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging
{
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.slider-handle
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 0;
background-color: #1779ba;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
[data-whatinput='mouse'] .slider-handle
{
outline: 0;
}
.slider-handle:hover
{
background-color: #14679e;
}
.slider-handle.is-dragging
{
-webkit-transition: all 0s linear;
transition: all 0s linear;
}
.slider.disabled,
.slider[disabled]
{
opacity: 0.25;
cursor: not-allowed;
}
.slider.vertical
{
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.slider.vertical .slider-fill
{
top: 0;
width: 0.5rem;
max-height: 100%;
}
.slider.vertical .slider-handle
{
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.sticky-container
{
position: relative;
}
.sticky
{
position: relative;
z-index: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck
{
position: fixed;
z-index: 5;
width: 100%;
}
.sticky.is-stuck.is-at-top
{
top: 0;
}
.sticky.is-stuck.is-at-bottom
{
bottom: 0;
}
.sticky.is-anchored
{
position: relative;
right: auto;
left: auto;
}
.sticky.is-anchored.is-at-bottom
{
bottom: 0;
}
.switch
{
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #fefefe;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch-input
{
position: absolute;
margin-bottom: 0;
opacity: 0;
}
.switch-paddle
{
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 0;
background: #cacaca;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer;
}
input + .switch-paddle
{
margin: 0;
}
.switch-paddle::after
{
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 0;
background: #fefefe;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
content: '';
}
input:checked ~ .switch-paddle
{
background: #1779ba;
}
input:checked ~ .switch-paddle::after
{
left: 2.25rem;
}
[data-whatinput='mouse'] input:focus ~ .switch-paddle
{
outline: 0;
}
.switch-active,
.switch-inactive
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.switch-active
{
left: 8%;
display: none;
}
input:checked + label > .switch-active
{
display: block;
}
.switch-inactive
{
right: 15%;
}
input:checked + label > .switch-inactive
{
display: none;
}
.switch.tiny
{
height: 1.5rem;
}
.switch.tiny .switch-paddle
{
width: 3rem;
height: 1.5rem;
font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after
{
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after
{
left: 1.75rem;
}
.switch.small
{
height: 1.75rem;
}
.switch.small .switch-paddle
{
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem;
}
.switch.small .switch-paddle::after
{
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after
{
left: 2rem;
}
.switch.large
{
height: 2.5rem;
}
.switch.large .switch-paddle
{
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle::after
{
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after
{
left: 2.75rem;
}
table
{
border-collapse: collapse;
max-width: 100%;
margin-bottom: 1rem;
border-radius: 0;
font-size: 13px !important;
overflow-x: auto;
table-layout: fixed;
overflow-wrap: break-word;
}
thead,
tbody,
tfoot
{
border: 1px solid #f1f1f1;
background-color: #fefefe;
}
caption
{
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
}
thead
{
background: #f1f1f1;
color: #0a0a0a;
}
tfoot
{
background: #f1f1f1;
color: #0a0a0a;
}
thead tr,
tfoot tr
{
background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td
{
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left;
}
tbody th,
tbody td
{
padding: 0.5rem 0.625rem 0.625rem;
}
/* tbody tr:nth-child(even)
{
border-bottom: 0;
background-color: #f1f1f1;
} */
table.unstriped tbody
{
background-color: #fefefe;
}
table.unstriped tbody tr
{
border-bottom: 0;
border-bottom: 1px solid #f1f1f1;
background-color: #fefefe;
}
@media screen and (max-width: 63.99875em)
{
table.stack thead
{
display: none;
}
table.stack tfoot
{
display: none;
}
table.stack tr,
table.stack th,
table.stack td
{
display: block;
}
table.stack td
{
border-top: 0;
}
}
table.scroll
{
display: block;
width: 100%;
overflow-x: auto;
}
table.hover thead tr:hover
{
background-color: #f3f3f3;
}
table.hover tfoot tr:hover
{
background-color: #ececec;
}
table.hover tbody tr:hover
{
background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover
{
background-color: #ececec;
}
.table-scroll
{
max-width: 100%;
overflow: auto;
}
.table-scroll thead th
{
position: sticky;
top: 0;
}
div.table-scroll
{
overflow: auto;
}
div.table-scroll thead th
{
position: sticky;
top: 0;
}
.tabs
{
margin: 0;
border: 1px solid #e6e6e6;
background: #fefefe;
list-style-type: none;
}
.tabs::before,
.tabs::after
{
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.tabs::after
{
clear: both;
}
.tabs.vertical > li
{
display: block;
float: none;
width: auto;
}
.tabs.simple > li > a
{
padding: 0;
}
.tabs.simple > li > a:hover
{
background: transparent;
}
.tabs-title > a:hover
{
background: #fefefe;
color: #1468a0;
}
.dropdown-content a:hover
{
background-color: #005294;
color: #FFFFFF;
}
#mySidenav a:hover
{
left: 0;
}
.subnav-content a:hover
{
background-color: #2986D7;
color: #FFFFFF;
padding: 10px;
}
.footer .block ul li a:hover
{
color: #5672f9;
text-decoration: underline;
}
.social-media-icons li a:hover
{
color: #fff !important;
text-decoration: none;
}
.top-to a:hover
{
text-decoration: none;
}
.topics-list > li > a:hover
{
text-decoration: underline !important;
color: #4682b4 !important;
}
.tabs.primary
{
background: #1779ba;
}
.tabs.primary > li > a
{
color: #fefefe;
}
.tabs.primary > li > a:hover,
.tabs.primary > li > a:focus
{
background: #1673b1;
}
.tabs-title
{
float: left;
}
.tabs-title > a
{
display: block;
padding: 1.25rem 1.5rem;
font-size: 0.75rem;
line-height: 1;
color: #1779ba;
}
[data-whatinput='mouse'] .tabs-title > a
{
outline: 0;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected='true']
{
background: #e6e6e6;
color: #1779ba;
}
.tabs-content
{
border: 1px solid #e6e6e6;
border-top: 0;
background: #fefefe;
color: #0a0a0a;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.tabs-content.vertical
{
border: 1px solid #e6e6e6;
border-left: 0;
}
.tabs-panel
{
display: none;
padding: 1rem;
}
.tabs-panel.is-active
{
display: block;
}
.thumbnail
{
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: 4px solid #fefefe;
border-radius: 0;
-webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0;
}
a.thumbnail
{
-webkit-transition: -webkit-box-shadow 200ms ease-out;
transition: -webkit-box-shadow 200ms ease-out;
transition: box-shadow 200ms ease-out;
transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out;
}
a.thumbnail:hover,
a.thumbnail:focus
{
-webkit-box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}
a.thumbnail image
{
-webkit-box-shadow: none;
box-shadow: none;
}
.title-bar
{
padding: 0.5rem;
background: #0a0a0a;
color: #fefefe;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.title-bar .menu-icon
{
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.title-bar-left,
.title-bar-right
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.title-bar-right
{
text-align: right;
}
.title-bar-title
{
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
.has-tip
{
position: relative;
display: inline-block;
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
cursor: help;
}
.tooltip
{
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 0;
background-color: #0a0a0a;
font-size: 80%;
color: #fefefe;
}
.tooltip::before
{
position: absolute;
}
.tooltip.bottom::before
{
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #0a0a0a;
bottom: 100%;
}
.tooltip.bottom.align-center::before
{
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.top::before
{
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #0a0a0a transparent transparent;
top: 100%;
bottom: auto;
}
.tooltip.top.align-center::before
{
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.left::before
{
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #0a0a0a;
left: 100%;
}
.tooltip.left.align-center::before
{
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.right::before
{
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #0a0a0a transparent transparent;
right: 100%;
left: auto;
}
.tooltip.right.align-center::before
{
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.align-top::before
{
bottom: auto;
top: 10%;
}
.tooltip.align-bottom::before
{
bottom: 10%;
top: auto;
}
.tooltip.align-left::before
{
left: 10%;
right: auto;
}
.tooltip.align-right::before
{
left: auto;
right: 10%;
}
.top-bar
{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5rem;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar,
.top-bar ul
{
background-color: #e6e6e6;
}
.top-bar input
{
max-width: 200px;
margin-right: 1rem;
}
.top-bar .input-group-field
{
width: 100%;
margin-right: 0;
}
.top-bar input.button
{
width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media print, screen and (min-width: 40em)
{
.top-bar
{
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.top-bar .top-bar-left
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: auto;
}
.top-bar .top-bar-right
{
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: auto;
}
}
@media screen and (max-width: 63.99875em)
{
.top-bar.stacked-for-medium
{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (max-width: 74.99875em)
{
.top-bar.stacked-for-large
{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.top-bar-title
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0.5rem 1rem 0.5rem 0;
}
.top-bar-left,
.top-bar-right
{
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.hide
{
display: none !important;
}
.invisible
{
visibility: hidden;
}
@media screen and (max-width: 39.99875em)
{
.hide-for-small-only
{
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em)
{
.show-for-small-only
{
display: none !important;
}
}
@media print, screen and (min-width: 40em)
{
.hide-for-medium
{
display: none !important;
}
}
@media screen and (max-width: 39.99875em)
{
.show-for-medium
{
display: none !important;
}
}
@media screen and (min-width: 40em) and (max-width: 63.99875em)
{
.hide-for-medium-only
{
display: none !important;
}
}
@media screen and (max-width: 39.99875em), screen and (min-width: 64em)
{
.show-for-medium-only
{
display: none !important;
}
}
@media print, screen and (min-width: 64em)
{
.hide-for-large
{
display: none !important;
}
}
@media screen and (max-width: 63.99875em)
{
.show-for-large
{
display: none !important;
}
}
@media screen and (min-width: 64em) and (max-width: 74.99875em)
{
.hide-for-large-only
{
display: none !important;
}
}
@media screen and (max-width: 63.99875em), screen and (min-width: 75em)
{
.show-for-large-only
{
display: none !important;
}
}
.show-for-sr,
.show-on-focus
{
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.show-on-focus:active,
.show-on-focus:focus
{
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.show-for-landscape,
.hide-for-portrait
{
display: block !important;
}
@media screen and (orientation: landscape)
{
.show-for-landscape,
.hide-for-portrait
{
display: block !important;
}
}
@media screen and (orientation: portrait)
{
.show-for-landscape,
.hide-for-portrait
{
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait
{
display: none !important;
}
@media screen and (orientation: landscape)
{
.hide-for-landscape,
.show-for-portrait
{
display: none !important;
}
}
@media screen and (orientation: portrait)
{
.hide-for-landscape,
.show-for-portrait
{
display: block !important;
}
}
.float-left
{
float: left !important;
}
.float-right
{
float: right !important;
}
.float-center
{
display: block;
margin-right: auto;
margin-left: auto;
}
.clearfix::before,
.clearfix::after
{
display: table;
content: ' ';
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.clearfix::after
{
clear: both;
}
.slide-in-down.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-down.mui-enter.mui-enter-active
{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-left.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-left.mui-enter.mui-enter-active
{
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-in-up.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-up.mui-enter.mui-enter-active
{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-right.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-right.mui-enter.mui-enter-active
{
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-out-down.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-down.mui-leave.mui-leave-active
{
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.slide-out-right.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-right.mui-leave.mui-leave-active
{
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.slide-out-up.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-up.mui-leave.mui-leave-active
{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.slide-out-left.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-left.mui-leave.mui-leave-active
{
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.fade-in.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.fade-in.mui-enter.mui-enter-active
{
opacity: 1;
}
.fade-out.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.fade-out.mui-leave.mui-leave-active
{
opacity: 0;
}
.hinge-in-from-top.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-top.mui-enter.mui-enter-active
{
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-right.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-right.mui-enter.mui-enter-active
{
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-bottom.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-bottom.mui-enter.mui-enter-active
{
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-left.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-left.mui-enter.mui-enter-active
{
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-x.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active
{
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-y.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active
{
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-out-from-top.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-top.mui-leave.mui-leave-active
{
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0;
}
.hinge-out-from-right.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-right.mui-leave.mui-leave-active
{
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0;
}
.hinge-out-from-bottom.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-bottom.mui-leave.mui-leave-active
{
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
.hinge-out-from-left.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-left.mui-leave.mui-leave-active
{
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
.hinge-out-from-middle-x.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active
{
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0;
}
.hinge-out-from-middle-y.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active
{
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0;
}
.scale-in-up.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.scale-in-up.mui-enter.mui-enter-active
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-in-down.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.scale-in-down.mui-enter.mui-enter-active
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-out-up.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.scale-out-up.mui-leave.mui-leave-active
{
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
.scale-out-down.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.scale-out-down.mui-leave.mui-leave-active
{
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.spin-in.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.spin-in.mui-enter.mui-enter-active
{
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.spin-out.mui-leave.mui-leave-active
{
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0;
}
.spin-in-ccw.mui-enter
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.spin-in-ccw.mui-enter.mui-enter-active
{
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out-ccw.mui-leave
{
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.spin-out-ccw.mui-leave.mui-leave-active
{
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0;
}
.slow
{
-webkit-transition-duration: 750ms !important;
transition-duration: 750ms !important;
}
.fast
{
-webkit-transition-duration: 250ms !important;
transition-duration: 250ms !important;
}
.linear
{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.ease
{
-webkit-transition-timing-function: ease !important;
transition-timing-function: ease !important;
}
.ease-in
{
-webkit-transition-timing-function: ease-in !important;
transition-timing-function: ease-in !important;
}
.ease-out
{
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important;
}
.ease-in-out
{
-webkit-transition-timing-function: ease-in-out !important;
transition-timing-function: ease-in-out !important;
}
.bounce-in
{
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}
.bounce-out
{
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}
.bounce-in-out
{
-webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}
.short-delay
{
-webkit-transition-delay: 300ms !important;
transition-delay: 300ms !important;
}
.long-delay
{
-webkit-transition-delay: 700ms !important;
transition-delay: 700ms !important;
}
.shake
{
-webkit-animation-name: shake-7;
animation-name: shake-7;
}
@-webkit-keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
.spin-cw
{
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn;
}
@-webkit-keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.spin-ccw
{
-webkit-animation-name: spin-ccw-1turn;
animation-name: spin-ccw-1turn;
}
@-webkit-keyframes spin-ccw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); } }
@keyframes spin-ccw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); } }
.wiggle
{
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg;
}
@-webkit-keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle
{
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.infinite
{
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.slow
{
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important;
}
.fast
{
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important;
}
.linear
{
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important;
}
.ease
{
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important;
}
.ease-in
{
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important;
}
.ease-out
{
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important;
}
.ease-in-out
{
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important;
}
.bounce-in
{
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}
.bounce-out
{
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}
.bounce-in-out
{
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}
.short-delay
{
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important;
}
.long-delay
{
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important;
}
/* Responsive css ends here*/
body
{
font-family: Arial;
}
.a
{
text-decoration: none;
}
a.MCBreadcrumbsLink
{
font-style: italic;
text-decoration: underline;
}
a.MCBreadcrumbsLink:visited
{
color: #005294;
}
a.MCBreadcrumbsLink:hover
{
color: #20b0e6;
}
blockquote
{
background-color: #e1e1e1;
background-image: url('../Images/QuotationMark.png');
background-repeat: no-repeat;
background-position: top left;
border-bottom: none;
border-left-color: #b3b3b3;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #b3b3b3;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #b3b3b3;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-style: solid;
border-top-width: 1px;
font-family: 'Arial';
font-size: 0.9em;
font-style: italic;
font-weight: normal;
line-height: 18px;
margin: 0;
padding-bottom: 0px;
padding-left: 35px;
padding-right: 35px;
padding-top: 12px;
}
blockquote.name
{
background-image: none;
border-bottom-color: #b3b3b3;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-bottom: 0;
padding-bottom: 12px;
padding-right: 35px;
padding-top: 8px;
text-align: right;
}
/* div.note
{
background-color: #717074;
background-image: url('../Images/NoteIcon.png');
background-repeat: no-repeat;
border: solid 1px #404040;
border-radius: 6px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 10px;
padding-top: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-top: 10px;
color: #ffffff;
mc-auto-number-format: 'NOTE: ';
font-size: 13px;
}
div.note
{
width: auto;
margin: 0;
padding: 0px 0px 0px 10px;
position: relative;
border-left: 5px solid #293276;
mc-auto-number-format: '{b}NOTE: {/b}';
color: #293276;
line-height: 16pt;
font-size: 13px;
}
*/
/* div.example
{
background-color: #a1acb1;
background-repeat: no-repeat;
border: solid 1px #a4ac67;
border-radius: 6px;
margin-bottom: 15px;
padding: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
mc-auto-number-format: 'EXAMPLE: ';
font-style: normal;
font-size: 13px;
} */
div.ImagesFloatLeft
{
clear: both;
float: left;
margin-right: 10px;
padding: 5px;
}
div.ImagesFloatRight
{
clear: both;
float: right;
margin-left: 10px;
padding: 5px;
}
div.TightContent
{
margin: 0px;
padding: 0px;
line-height: 1em;
}
h1
{
font-family: Arial;
page-break-before: always;
text-transform: none;
width: 100%;
padding-bottom: 10px;
position: relative;
font-size: 20px;
font-weight: normal;
border: none;
margin-bottom: 8px;
padding-bottom: 10px;
margin-top: 30px;
color: #293276;
}
h2
{
font-family: Arial;
text-align: left;
mc-heading-level: 2;
margin: 0.75em;
margin-bottom: 4px;
margin-left: 0pt;
margin-right: 0pt;
margin-top: 20px;
text-transform: none;
page-break-before: always;
color: #293276;
font-size: 18px;
font-weight: normal;
}
h3
{
page-break-after: avoid;
page-break-inside: avoid;
margin: 0.75em;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
page-break-before: avoid;
margin-top: 16px;
margin-bottom: 4px;
text-transform: none;
font-size: 16px;
font-weight: normal;
color: #005294;
}
h4
{
page-break-after: avoid;
page-break-inside: avoid;
margin: 0.75em;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
page-break-before: avoid;
margin-top: 16px;
margin-bottom: 4px;
text-transform: none;
font-size: 14px;
font-weight: normal;
color: #005294;
}
h5
{
page-break-after: avoid;
page-break-inside: avoid;
margin: 0.75em;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
page-break-before: avoid;
margin-top: 16px;
margin-bottom: 4px;
text-transform: none;
font-size: 12px;
font-weight: normal;
color: #005294;
}
h6
{
page-break-after: avoid;
page-break-inside: avoid;
margin: 0.75em;
margin-left: 0pt;
margin-right: 0pt;
font-family: Arial;
page-break-before: avoid;
margin-top: 16px;
margin-bottom: 4px;
text-transform: none;
font-size: 12px;
font-weight: normal;
color: #000000;
}
img
{
border: none;
}
.FiftyPercentMaxWidth
{
max-width: 50%;
}
img.Thumbnail
{
mc-thumbnail: popup;
}
img.ReduceButtonSize
{
max-height: 18px;
max-width: auto;
}
img.Slideshow
{
border-style: none;
margin-bottom: 15px;
}
li
{
margin-bottom: 8pt;
margin-top: 8pt;
orphans: 2;
widows: 2;
font-size: 13px;
line-height: 14pt;
}
MadCap|breadcrumbsProxy
{
font-size: 10pt;
font-style: normal;
mc-breadcrumbs-prefix: ' ';
padding: 8px;
border-bottom-style: solid;
color: #000000;
border: none 0px transparent;
border-bottom: solid 1px #d3d3d3;
border-top: solid 1px #d3d3d3;
font: Arial;
font-family: Arial;
mc-breadcrumbs-count: 10;
margin-top: 10px;
}
MadCap|dropDown
{
margin-bottom: 6px;
margin-top: 6px;
mc-closed-image: url('../Images/_DocAssets/DropDownClosed.png');
/*mc-disabled: false;*/
mc-open-image: url('../Images/_DocAssets/DropDownOpen.png');
/*font-family: Arial;
font: Arial;
font-style: normal;
display: block;
hanging-punctuation: first;
font-size: 16pt;
color: #1e90ff;
line-height: 1.4em;
height: 100%;
width: 100%;
padding: 0pt;
border: none 0px transparent;*/
}
MadCap|dropDown.SecondLevel
{
margin-left: 10px;
mc-closed-image: url('../Images/DropDownClosedSecondLevel.png');
mc-open-image: url('../Images/DropDownOpenSecondLevel.png');
}
MadCap|dropDownBody
{
/*mc-disabled: false;
border-bottom-color: #808080;*/
border-bottom: solid 1px #808080;
/*padding: 6px;*/
}
MadCap|dropDownBody.Final
{
border-bottom: 0px;
}
MadCap|dropDownHead
{
/*mc-disabled: false;
color: #4682b4;
font-family: Arial;
border: solid 1px #c0c0c0;
padding: 0px;*/
color: #293276;
}
MadCap|dropDownHotspot
{
mc-disabled: false;
font-size: 11pt;
/*display: block;
height: 100%;
width: 100%;
padding-left: 2em;
padding-right: 1em;
line-height: 1em;
padding: 1em;
border: solid 0px transparent;*/
color: #003e75;
font-weight: normal;
}
MadCap|dropDownHotspot:hover
{
color: #20b0e6;
/*font-weight: bold;
background-color: #add8e6;*/
}
MadCap|popup
{
color: #2D8DCC;
}
MadCap|popup:focus
{
color: #2D8DCC;
}
MadCap|popup:hover
{
color: #2D8DCC;
}
MadCap|popupHead
{
color: #2D8DCC;
font-weight: bold;
}
MadCap|xref
{
color: #2D8DCC;
font-weight: bold;
mc-format: '{para}';
text-decoration: underline;
}
MadCap|xref:hover
{
color: #20b0e6;
}
MadCap|slideshow
{
border-style: none;
box-shadow: none;
}
MadCap|slideshowCaption
{
background: none;
color: #000000;
padding: 0px;
padding-top: 0px;
}
ol
{
list-style-image: none;
}
ol.LowerAlpha
{
list-style-type: lower-alpha;
}
ol.LowerRoman
{
list-style-type: lower-roman;
}
p
{
margin-bottom: 8px;
margin-top: 8px;
margin-left: 0pt;
font: Arial;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
/* text-align: justify; */
padding: 6px;
font-size: 13px;
line-height: 16pt;
}
p.CompanyInformation1
{
margin-bottom: 4px;
margin-top: 14px;
font-weight: bold;
}
p.CompanyInformation2
{
color: #6d6d6d;
margin-top: 4px;
margin-bottom: 4px;
}
p.Example
{
background-color: #20b0e6;
border-bottom-color: #445879;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #445879;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #445879;
border-right-style: solid;
border-right-width: 1px;
margin-top: 0px;
padding-bottom: 14px;
padding-left: 20px;
padding-right: 20px;
padding-top: 6px;
}
p.ExampleHead
{
background-color: #20b0e6;
border-left-color: #445879;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #445879;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #445879;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-style: solid;
border-top-width: 1px;
font-size: .9em;
font-weight: bold;
letter-spacing: 5px;
margin-bottom: 0px;
margin-top: 6px;
padding-bottom: 6px;
padding-left: 20px;
padding-right: 20px;
padding-top: 14px;
page-break-after: avoid;
}
p.ExampleMiddleSection
{
background-color: #20b0e6;
border-left-color: #445879;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #445879;
border-right-style: solid;
border-right-width: 1px;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 6px;
padding-left: 20px;
padding-right: 20px;
padding-top: 6px;
}
/* p.note
{
border-bottom-style: None;
border-bottom-width: 1px;
border-left-style: None;
border-right-style: None;
border-top-style: None;
border-top-width: 1px;
line-height: normal;
text-align: left;
border-left-width: 0px;
border-right-width: 0px;
color: #000000;
border-bottom: solid 1px #a6a6a6;
border-bottom-color: #a6a6a6;
border-top: solid 1px #a6a6a6;
border-top-color: #a6a6a6;
font-size: 15px;
border-left: solid 1px #a6a6a6;
border-right: solid 1px #a6a6a6;
text-indent: 4px;
background-color: #dcdcdc;
padding-bottom: 8pt;
padding-left: 8pt;
padding-right: 8pt;
padding-top: 8pt;
margin-top: 8pt;
margin-left: 20pt;
margin-right: 20pt;
display: block;
font-family: Arial;
}
p.note
{
width: auto;
margin: 0;
padding: 0px 0px 0px 10px;
position: relative;
border-left: 5px solid #293276;
mc-auto-number-format: '{b}NOTE: {/b}';
color: #293276;
line-height: 16pt;
font-size: 13px;
}
p.noteBottom
{
background-color: #3e3e3e;
border-bottom-color: #404040;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #404040;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #404040;
border-right-style: solid;
border-right-width: 1px;
border-top: 0px;
color: #b3b3b3;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 10px;
padding-top: 0px;
}
p.noteMiddle
{
background-color: #3e3e3e;
border-bottom: 0px;
border-left-color: #404040;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #404040;
border-right-style: solid;
border-right-width: 1px;
border-top: 0px;
color: #b3b3b3;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 8px;
padding-left: 40px;
padding-right: 10px;
padding-top: 0px;
}
p.noteTop
{
background-color: #3e3e3e;
background-image: url('../Images/NoteIcon.png');
background-repeat: no-repeat;
border-left-color: #404040;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #404040;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #404040;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-style: solid;
border-top-width: 1px;
color: #b3b3b3;
margin-bottom: 0;
mc-auto-number-format: '{b}{color #293276}Note: {/color}{/b}';
padding-bottom: 8px;
padding-left: 40px;
padding-right: 10px;
padding-top: 10px;
}
*/
p.TableTextCenterDark
{
color: #000000;
margin-bottom: 2px;
margin-top: 8px;
text-align: center;
}
p.TableTextDark
{
color: #000000;
margin-bottom: 2px;
margin-top: 8px;
}
p.TableTextDarkEmphasis
{
color: #000000;
font-weight: bold;
margin-bottom: 2px;
margin-top: 8px;
}
span.Emphasis
{
font-weight: bold;
}
span.SetOffFirstLevel
{
color: #445879;
font-weight: bold;
}
span.SetOffSecondLevel
{
color: #5e6914;
font-weight: bold;
}
td
{
margin: 8px;
vertical-align: top;
}
th
{
color: #000;
margin-bottom: 8px;
margin-top: 8px;
background-color: #C9D9F2;
mc-hyphenate: never;
}
ul
{
line-height: 12pt;
}
ul.FirstLevelLessIndentation
{
}
ul.SecondLevel
{
}
div.sideContent
{
float: right;
margin-left: 8px;
margin-bottom: 8px;
width: 33.33%;
}
MadCap|searchBarProxy
{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
float: none;
width: 25%;
}
MadCap|relationshipsHeading
{
display: block;
color: #000000;
font: Arial;
font-family: Arial;
font-weight: bold;
line-height: 1em;
text-decoration: none;
padding: 4px;
width: 250px;
font-size: 18px;
}
MadCap|relationshipsHeading.concept
{
font-color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: 18px;
}
MadCap|relationshipsHeading.reference
{
font-color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}
MadCap|relationshipsHeading.task
{
font-color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 18px;
}
MadCap|relationshipsProxy
{
display: block;
border: solid 1px #36A9E1;
background-color: #36A9E1;
font-color: #FFFFFF;
font-size: 20px;
text-decoration: none;
height: auto;
float: right;
width: 100%;
}
MadCap|menuProxy
{
mc-label: 'Table of Contents';
height: 100%;
width: 100%;
font-family: Arial;
font: Arial;
font-size: 13pt;
position: fixed;
}
h4
{
color: #4682b4;
}
MadCap|miniTocProxy
{
border-top-width: 0px;
border-left: 6px solid #2196F3;
display: block;
margin-bottom: 10px;
padding-left: 10px;
width: 12cm;
background-color: #e7f3fe;
margin-left: 10px;
padding-bottom: 10px;
mc-toc-depth: 3;
font-family: Arial;
font-size: 11pt;
font-color: #005294;
}
p.MiniTOC1
{
mc-leader-offset: 10pt;
mc-leader-align: left;
font-family: Arial;
font-size: 14pt;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
text-indent: 5px;
}
p.MiniTOC2
{
mc-leader-align: left;
font-family: Arial;
font-style: bold;
font-size: 12pt;
text-indent: 20px;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
}
p.MiniTOC3
{
font-family: Arial;
font-weight: normal;
font-style: italic;
font-size: 10pt;
text-indent: 35px;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
}
/**/
*
{
box-sizing: border-box;
}
/* Create three equal columns that floats next to each other */
.columnhome
{
float: left;
padding: 10px;
height: auto;
/* Should be removed. Only for demonstration */
-ms-flex: 25%;
/* IE10 */
flex: 25%;
max-width: 25%;
}
.homepagecol
{
float: left;
width: 50%;
padding: 10px;
height: auto;
/* Should be removed. Only for demonstration */
}
@media screen and (max-width: 840px)
{
.homepagecol
{
float: left;
width: 100%;
padding: 10px;
height: auto;
}
}
/* Clear floats after the columns */
.rowhome:after
{
content: "";
display: table;
clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px)
{
.columnhome
{
width: 100%;
}
}
.animate-reveal
{
font: bold 1.5em sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0;
-webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
-moz-animation: reveal 1s ease-in 1 normal forwards;
-o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}
.animate-first
{
-webkit-animation-delay: 500ms;
-moz-animation-delay: 500ms;
-o-animation-delay: 500ms;
animation-delay: 500ms;
}
.animate-second
{
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.animate-third
{
-webkit-animation-delay: 1500ms;
-moz-animation-delay: 1500ms;
-o-animation-delay: 1500ms;
animation-delay: 1500ms;
}
.animate-four
{
-webkit-animation-delay: 2000ms;
-moz-animation-delay: 2000ms;
-o-animation-delay: 2000ms;
animation-delay: 2000ms;
}
@-webkit-keyframes reveal {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes reveal {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes reveal {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes reveal {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
/* Style the tab */
.tab
{
overflow: hidden;
align-content: center;
height: auto;
border: none;
padding-bottom: 40px;
background-color: transparent;
}
/* Style the buttons inside the tab */
.tab button
{
border: none;
outline: 10px;
height: auto;
width: auto;
display: inline-block;
padding: none;
cursor: pointer;
webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
/* Change background color of buttons on hover */
.tab button:hover
{
background-color: transparent;
box-shadow: 0 14px 20px 0 rgba(0,0,0,0.24), 0 17px 60px 0 rgba(0,0,0,0.19);
}
/* Create an active/current tablink class */
.tab button.active
{
background-color: transparent;
box-shadow: 0 14px 20px 0 rgba(0,0,0,0.24), 0 17px 60px 0 rgba(0,0,0,0.19);
}
/* Style the tab content */
.tabcontent
{
display: none;
padding: 6px 12px;
align-content: center;
webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.cont
{
position: relative;
text-align: center;
color: transparent;
}
.centered
{
position: absolute;
top: 50%;
left: 70%;
transform: translate(-50%, -50%);
border: none;
outline: 10px;
height: 40px;
width: 160px;
display: inline-block;
padding: 4px 10px;
color: white;
background-color: #F39200;
text-align: center;
cursor: pointer;
border-radius: 5px;
webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.centered:hover
{
background-color: #FFFFFF;
color: #F39200;
border: 1px solid #F39200;
}
/* Style the tab */
.tab
{
overflow: hidden;
border: none;
background-color: transparent;
}
/* Style the buttons inside the tab */
.tab button
{
background-color: transparent;
float: left;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 3px solid #005294;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
margin-left: 3px;
}
/* Change background color of buttons on hover */
.tab button:hover
{
background-color: transparent;
border-top: 3px solid #F39200;
border-right: 3px solid #F39200;
border-left: 3px solid #F39200;
border-bottom: 3px solid #F39200;
}
/* Create an active/current tablink class */
.tab button.active
{
background-color: transparent;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 4px solid #F39200;
box-shadow: 0 14px 20px 0 rgba(0,0,0,0.24), 0 17px 60px 0 rgba(0,0,0,0.19);
}
/* Style the tab content */
.tabcontent
{
display: none;
padding: 6px 12px;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.H
{
font-family: "Muli", sans-serif;
page-break-before: always;
text-transform: none;
right: 0px;
width: 100%;
left: 0px;
padding-top: 5px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
top: 0px;
color: #005294;
font-size: 24pt;
font-weight: lighter;
background-color: #fcfcfc;
border-bottom-width: 1px;
margin-top: 5px;
margin-bottom: 20px;
}
/* Collective */
body
{
margin: 0;
}
.topnav
{
overflow: hidden;
background-color: transparent;
width: 580px;
}
.topnav a
{
float: left;
display: block;
color: #2475a9;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 12pt;
}
.Homebut
{
background-color: #2475a9;
color: white;
border-radius: 4px;
size: 12pt;
height: 36px;
width: 55px;
float: left;
}
.Homebut:hover
{
background-color: white;
color: #2475a9;
border: 1px solid #2475a9 !important;
border-radius: 4px;
}
.topnav .icon
{
display: none;
}
.dropdown
{
float: left;
overflow: hidden;
}
.dropdown .dropbtn
{
font-size: 17px;
border: 1px solid #ddd;
outline: none;
color: #005294;
padding: 6px 16px;
background-color: inherit;
font-family: "Muli", sans-serif;
margin: 4px;
}
.dropdown .dropbtn:hover
{
border-bottom: 3px solid #F39200;
}
.dropdown-content
{
display: none;
position: absolute;
background-color: #FFFFFF;
width: 150px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 5;
left: 0px;
right: 0px;
border: 1px solid #ddd;
}
.dropdown-content a
{
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav a:hover,
.dropdown:hover
{
background-color: transparent;
}
.dropdown:hover .dropdown-content
{
display: block;
}
@media screen and (max-width: 800px)
{
.topnav a:not(:first-child),
.dropdown .dropbtn
{
display: none;
}
.topnav a.icon
{
float: right;
display: block;
}
}
@media screen and (max-width: 800px)
{
.topnav.responsive
{
position: relative;
}
.topnav.responsive .icon
{
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a
{
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown
{
float: none;
}
.topnav.responsive .dropdown-content
{
position: relative;
}
.topnav.responsive .dropdown .dropbtn
{
display: block;
width: 100%;
text-align: left;
}
}
/* Dropdownbutton on mouse-over */
.mainbtn
{
background-color: #005294;
border: none;
color: white;
padding: 12px 16px;
width: 240px;
height: 45px;
font-size: 12pt;
cursor: pointer;
border-radius: 4px;
text-align: left;
}
.mainbtn:hover
{
background-color: #316DA2;
}
#myBtn
{
display: none;
/* Hidden by default */
position: fixed;
/* Fixed/sticky position */
bottom: 40px;
/* Place the button at the bottom of the page */
right: 50px;
/* Place the button 30px from the right */
z-index: 99;
/* Make sure it does not overlap */
border: none;
/* Remove borders */
outline: none;
/* Remove outline */
background-color: black;
/* Set a background color */
color: white;
/* Text color */
cursor: pointer;
/* Add a mouse pointer on hover */
padding: 8px;
/* Some padding */
border-radius: 5px;
/* Rounded corners */
}
#myBtn:hover
{
background-color: #999999;
/* Add a dark-grey background on hover */
}
#mySidenav a
{
position: fixed;
left: -118px;
transition: 0.3s;
padding: 8px;
width: 150px;
text-decoration: none;
font-size: 25px;
color: white;
border-radius: 0 5px 5px 0;
}
#Ho
{
top: 180px;
background-color: #4CAF50;
}
#PF
{
top: 250px;
background-color: #2196F3;
}
#Tec
{
top: 320px;
background-color: #f44336;
}
#Fee
{
top: 390px;
background-color: #555;
}
*
{
box-sizing: border-box;
}
body
{
padding: 10px;
}
/* Create two unequal columns that floats next to each other */
.barleft
{
float: left;
width: 75%;
}
.barright
{
float: right;
width: 90%;
}
.barcenter
{
float: right;
width: 250px;
}
@media screen and (max-width: 840px)
{
.barleft
{
float: left;
width: 100%;
}
}
@media screen and (max-width: 840px)
{
.barright
{
width: 100%;
}
}
.barcenter
{
width: 100%;
}
/* Create two unequal columns that floats next to each other */
.leftcolumn,
.rightcolumn
{
float: left;
width: 75%;
}
.rightcolumn
{
float: right;
width: 25%;
padding-left: 10px;
}
@media screen and (max-width: 840px)
{
.leftcolumn
{
float: left;
width: 70%;
}
}
@media screen and (max-width: 840px)
{
.rightcolumn
{
float: right;
width: 30%;
padding-left: 3px;
}
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px)
{
.leftcolumn,
.rightcolumn
{
width: 100%;
}
}
/* Fake image */
.fakeimg
{
background-color: #aaa;
width: 100%;
padding: 20px;
}
/* Add a card effect for articles */
.card
{
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
transition: 0.3s;
width: 265px;
border-radius: 5px;
min-height: 430px;
padding: 5px;
}
@media screen and (min-width: 1800px)
{
.card
{
width: 360px;
border-radius: 5px;
min-height: 430px;
padding: 15px;
}
}
.card:hover
{
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.7);
}
.cardcon1
{
padding: 2px 16px;
border-bottom: 3px solid #E0115F;
}
.cardcon2
{
padding: 2px 16px;
border-bottom: 3px solid #FF00FF;
}
.cardcon3
{
padding: 2px 16px;
border-bottom: 3px solid #8F00FF;
}
.cardcol
{
float: left;
width: 33%;
padding: 10px;
height: auto;
/* Should be removed. Only for demonstration */
}
/* Clear floats after the columns */
.row:after
{
content: "";
display: table;
clear: both;
}
/* Footer */
.footer
{
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}
.newspaper
{
-webkit-column-count: 3;
/* Chrome, Safari, Opera */
-moz-column-count: 3;
/* Firefox */
column-count: 3;
padding: 4px;
-webkit-column-width: 100px;
/* Chrome, Safari, Opera */
-moz-column-width: 100px;
/* Firefox */
column-width: 100px;
margin-top: 15px;
}
.WNbutton
{
background-color: #e37808;
font: Arial;
border: none;
border-radius: 4px;
color: white;
padding: 15px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 13pt;
height: 50px;
width: 200px;
cursor: pointer;
margin: 15px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.WNbutton:hover
{
background-color: #FFFFFF;
color: #e37808;
outline: 1px solid #e37808;
border-radius: 4px;
}
.disabled
{
opacity: 1;
cursor: not-allowed;
}
.btn-group .button:not(:last-child)
{
border-right: none;
/* Prevent double borders */
}
.btn-group .button:hover
{
background-color: #3e8e41;
}
.WNpan,
.flip
{
padding: 5px;
text-align: center;
background-color: #FFFFFF;
border: none;
}
.WNpan
{
padding: 50px;
display: none;
}
/* Home Page slide show */
.promo
{
display: grid;
background-color: #2475a9;
width: 100%;
padding: 0px;
text-align: center;
margin: 4px 0px;
height: auto;
}
.acco
{
background-color: transparent;
color: #005294;
cursor: pointer;
padding: 15px;
width: 80%;
border: none;
text-align: left;
outline: 1px solid #a8a8a8;
font-size: 14pt;
transition: 0.4s;
}
.active,
.acco:hover
{
background-color: #e6e6e6;
}
.acco:after
{
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after
{
content: "";
float: right;
}
.pane
{
padding: 5px 18px;
background-color: transparent;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.mySlides
{
display: none;
vertical-align: middle;
}
.respimg
{
width: auto;
height: auto;
}
/* Responsive layout - when the screen is less than 800px wide, */
@media (max-width: 800px)
{
.respimg
{
width: 100%;
height: auto;
}
}
/* TransparentAccordion */
.transacco
{
background-color: transparent;
color: #005294;
cursor: pointer;
padding: 15px;
width: 250px;
height: 128px;
border: none;
text-align: left;
outline: none;
font-size: 12pt;
transition: 0.4s;
}
.transacco:hover
{
background-color: transparent;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* Home Accordion */
.accordion-toggle
{
cursor: pointer;
}
.accordion-content
{
display: none;
}
.accordion-content.default
{
display: block;
}
/* column */
.homecolumn
{
float: left;
width: 33%;
padding-top: 10px;
background-color: #034579;
margin-left: 40px;
height: auto;
content-align: center;
}
.colhome
{
float: left;
width: 33%;
padding-top: 10px;
background-color: transparent;
height: auto;
}
/* Notes */
.intro
{
background-color: #ffdddd;
border-left: 6px solid #f44336;
margin-bottom: 15px;
padding: 4px 12px;
}
.over
{
background-color: #ddffdd;
border-left: 6px solid #4CAF50;
margin-bottom: 15px;
padding: 4px 12px;
}
.config
{
background-color: #e7f3fe;
border-left: 6px solid #2196F3;
margin-bottom: 15px;
padding: 4px 12px;
}
.working
{
background-color: #ffffcc;
border-left: 6px solid #ffeb3b;
margin-bottom: 15px;
padding: 4px 12px;
}
/* DropdownGrid */
*
{
box-sizing: border-box;
}
.toprow
{
display: -ms-flexbox;
/* IE10 */
display: flex;
-ms-flex-wrap: wrap;
/* IE10 */
flex-wrap: wrap;
padding: 0 4px;
}
/* Create three equal columns that sits next to each other */
.topcolumn
{
-ms-flex: 50%;
/* IE10 */
flex: 50%;
max-width: 50%;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px)
{
.topcolumn
{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
/* ResponsiveGrid */
*
{
box-sizing: border-box;
}
.resprow
{
display: -ms-flexbox;
/* IE10 */
display: flex;
-ms-flex-wrap: wrap;
/* IE10 */
flex-wrap: wrap;
padding: 0 4px;
}
/* Create three equal columns that sits next to each other */
.respcolumn
{
-ms-flex: 25%;
/* IE10 */
flex: 25%;
max-width: 25%;
padding: 0 4px;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px)
{
.respcolumn
{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px)
{
.respcolumn
{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
/* DropColumn */
.dropcolumn
{
-ms-flex: 33%;
/* IE10 */
flex: 33%;
max-width: 33%;
padding: 0 4px;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px)
{
.dropcolumn
{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px)
{
.dropcolumn
{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
/* twoColumn */
.twocolumn
{
-ms-flex: 50%;
/* IE10 */
flex: 50%;
max-width: 50%;
padding: 0 4px;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px)
{
.twocolumn
{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px)
{
.twocolumn
{
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
@media screen and (min-width: 1800px)
{
.twocolumn
{
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
}
/* botto */
.botto
{
position: fixed;
bottom: 0px;
right: -100px;
left: -100px;
width: 100%;
text-align: center;
text-decoration: none;
font-size: 20px;
color: #ddd;
background-color: #ddd;
height: 120px;
}
/* Promo */
.promo
{
display: grid;
background-color: #2475a9;
width: 100%;
padding: 10px;
text-align: center;
margin: 10px 0px;
height: auto;
position: inherit;
}
.mySlides
{
display: none;
}
/* Accor */
.acco
{
background-color: transparent;
color: #005294;
cursor: pointer;
padding: 15px;
width: 90%;
border: none;
text-align: left;
outline: 1px solid #a8a8a8;
font-size: 14pt;
transition: 0.4s;
}
.active,
.acco:hover
{
background-color: #e6e6e6;
}
.acco:after
{
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after
{
content: "";
}
.pane
{
padding: 5px 18px;
background-color: transparent;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
/* This is the Popup */
.Alertbtn
{
border: none;
width: auto;
border-radius: 5px;
background-color: white;
color: black;
padding: 5px 5px;
font-size: 16px;
cursor: pointer;
}
.Module
{
background-color: #4CAF50;
color: white;
}
.Module:hover
{
outline: 1px solid #4CAF50;
color: #4CAF50;
background-color: #FFFFFF;
border-radius: 5px;
}
.New
{
background: #2196F3;
color: white;
}
.New:hover
{
outline: 1px solid #2196F3;
color: #2196F3;
background-color: #FFFFFF;
border-radius: 5px;
}
.Navig
{
background: #ffeb3b;
color: white;
}
.Navig:hover
{
outline: 1px solid #ffeb3b;
color: #ffeb3b;
background-color: #FFFFFF;
border-radius: 5px;
}
.Alert1
{
color: #2196F3;
font-size: 18pt;
background-color: #e7f3fe;
border-left: 6px solid #2196F3;
}
.AlertText1
{
color: #2196F3;
font-size: 12pt;
}
.Alert2
{
color: #4CAF50;
font-size: 18pt;
background-color: #ddffdd;
border-left: 6px solid #4CAF50;
}
.AlertText2
{
color: #4CAF50;
font-size: 12pt;
}
.Alert3
{
color: #ffeb3b;
font-size: 18pt;
background-color: #ffffcc;
border-left: 6px solid #ffeb3b;
}
.AlertText3
{
color: #ffeb3b;
font-size: 12pt;
}
.delayedPop
{
display: none;
position: fixed;
width: auto;
max-width: 600px;
height: auto;
top: 50%;
left: 50%;
margin-left: -260px;
margin-top: -180px;
background-color: #FFFFFF;
border: 1px solid #2196F3;
border-radius: 10px;
z-index: 102;
padding: 10px 20px;
}
#btnClose
{
width: 100%;
display: block;
text-align: right;
text-decoration: none;
color: #2196F3;
}
#btnClose:hover
{
color: #c90c12;
}
/* The Modal */
.modal
{
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
max-width: 450px;
max-height: 800px;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-content
{
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
}
@-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
.close
{
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus
{
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header
{
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body
{
padding: 2px 16px;
}
/* UG Tiles */
.UGtile
{
float: left;
min-width: 400px;
width: 800px;
max-width: 900px;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
/*Adds transition animation when switching between screen sizes*/
-moz-border-radius: 10x;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #d3d3d3;
padding: 5px;
overflow: hidden;
margin-bottom: 20px;
}
.UGtile:hover
{
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* Ticker */
@keyframes ticker {
0% {margin-top: 0;}
20% {margin-top: -30px;}
50% {margin-top: -60px;}
75% {margin-top: -90px;}
100% {margin-top: 0;}
}
.news
{
box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);
width: 330px;
height: 190px;
margin: 20px auto;
overflow: hidden;
border-radius: 6px;
padding: 0px;
-webkit-user-select: none;
}
.newsspan
{
color: #FFFFFF;
padding: 6px;
position: relative;
border-radius: 4px;
box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
font: 16px 'Raleway', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
cursor: pointer;
text-align: center;
background-color: #2475a9;
}
.newsul
{
float: left;
padding-left: 20px;
animation: ticker 11s cubic-bezier(1, 0, .5, 0) infinite;
-webkit-user-select: none;
}
.newsRow
{
line-height: 30px;
list-style: none;
}
.newsRow a
{
color: #fff;
text-decoration: none;
font: 14px 'Raleway', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
}
.newsul:hover
{
animation-play-state: paused;
}
.news span:hover + ul
{
animation-play-state: paused;
}
/* OTHER COLORS */
.blue
{
background: #2475a9;
}
.blue span
{
background: #2475a9;
}
/* Links WN */
.UGLINK
{
background-color: #f9f9f9;
border-left: 2px solid #005294;
padding: 12px;
}
.MBLINK
{
background-color: #f9f9f9;
border-left: 2px solid #F39200;
padding: 12px;
}
/* Tips */
.tip
{
position: relative;
display: inline-block;
}
.tip .tiptext
{
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: -5px;
left: 110%;
/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
opacity: 0;
transition: opacity 1s;
}
.tip .tiptext::after
{
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
}
.tip:hover .tiptext
{
visibility: visible;
opacity: 1;
}
/* Module CArds */
.fon
{
font-family: "Muli", sans-serif;
size: 16pt;
color: #005596;
padding: 4px;
text-decoration: none;
}
.sfon
{
font-family: "Muli", sans-serif;
size: 12pt;
color: #333333;
padding: 4px;
text-decoration: none;
}
.Modcard
{
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
min-width: 400px;
width: auto;
border-radius: 5px;
margin: 4px 0px 8px 20px;
text-decoration: none;
}
.Modcard a
{
text-decoration: none;
}
.Modcard:hover
{
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.Modcontainer
{
padding: 2px 8px;
height: 90px;
}
/* Home CArds */
.Subfamilycard
{
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
min-width: 300px;
width: auto;
border-radius: 5px;
margin: 4px 0px 8px 20px;
text-decoration: none;
}
.Subfamilycard a
{
text-decoration: none;
}
.Subfamilycard:hover
{
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
text-decoration: none;
}
.clickhere
{
/* background-color: none; */
background-color: transparent;
font: Arial;
border: none;
color: #005294;
padding: 2px;
text-align: center;
text-decoration: underline;
display: inline-block;
font-size: 15px;
height: 22px;
width: auto;
float: right;
cursor: pointer;
margin: 2px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.clickhere:hover
{
background-color: #FFFFFF;
color: #7ED0E0;
outline: 1px solid #e37808;
border-radius: 4px;
}
/* SubFamily Button */
.Famsubnav
{
float: left;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
background-color: #36A9E1;
}
@media screen and (max-width: 840px)
{
.Famsubnav
{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
background-color: #36A9E1;
}
}
.Famsubnav .Famsubnavbtn
{
font-size: 20px;
border: 1px solid #36A9E1;
padding: 10px;
background-color: #36A9E1;
font-family: "Muli", sans-serif;
width: 160px;
height: 160px;
margin: 10px;
text-align: center;
color: #FFFFFF;
font-weight: 600;
}
@media screen and (max-width: 1000px)
{
.Famsubnav .Famsubnavbtn
{
font-size: 18px;
border: 1px solid #36A9E1;
padding: 10px;
background-color: #36A9E1;
font-family: "Muli", sans-serif;
width: 116px;
height: 140px;
margin: 0px;
text-align: center;
color: #FFFFFF;
font-weight: 600;
}
}
@media screen and (max-width: 840px)
{
.Famsubnav .Famsubnavbtn
{
font-size: 18px;
border: 1px solid #36A9E1;
padding: 10px;
background-color: #36A9E1;
font-family: "Muli", sans-serif;
width: 140px;
height: 140px;
margin-left: 90px;
margin-right: 90px;
text-align: center;
color: #FFFFFF;
font-weight: 600;
}
}
.Famsubnav:hover .Famsubnavbtn
{
background-color: #36A9E1;
color: #FFFFFF;
border: 2px solid #36A9E1;
}
/* Module Buttons */
.subnav
{
float: left;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
}
@media screen and (max-width: 840px)
{
.subnav
{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
}
}
.subnav .subnavbtn
{
font-size: 18px;
border: 1px solid #FFFFFF;
padding: 10px;
background-color: #FFFFFF;
font-family: "Muli", sans-serif;
width: 160px;
height: 100px;
margin: 10px;
text-align: center;
color: #293276;
font-weight: 400;
}
@media screen and (max-width: 1000px)
{
.subnav .subnavbtn
{
font-size: 14px;
border: 1px solid #FFFFFF;
padding: 10px;
background-color: #FFFFFF;
font-family: "Muli", sans-serif;
width: 144px;
height: 100px;
margin: 0px;
text-align: center;
color: #293276;
font-weight: 400;
}
}
@media screen and (max-width: 840px)
{
.subnav .subnavbtn
{
font-size: 14px;
border: 1px solid #FFFFFF;
padding: 10px;
background-color: #FFFFFF;
font-family: "Muli", sans-serif;
width: 144px;
height: 100px;
margin: 0px;
text-align: center;
color: #293276;
font-weight: 400;
}
}
.subnav:hover .subnavbtn
{
background-color: #FFFFFF;
color: #293276;
border: 2px solid #FFFFFF;
}
.subnav-content
{
display: none;
position: absolute;
background-color: #F9B233;
width: 590px;
padding: 10px;
border: 1px solid #F9B233;
border-radius: 0px;
}
@media screen and (max-width: 840px)
{
.subnav-content
{
display: none;
position: absolute;
background-color: #F9B233;
width: auto;
max-width: 200px;
padding: 5px;
border: 1px solid #F9B233;
border-radius: 0px;
}
}
.subnav-content a
{
float: left;
color: #034579;
text-decoration: none;
padding: 10px;
min-width: 175px;
text-align: center;
background-color: #FFFFFF;
margin: 4px;
font-size: 14px;
}
@media screen and (max-width: 840px)
{
.subnav-content a
{
float: left;
color: #034579;
text-decoration: none;
padding: 5px;
min-width: 175px;
text-align: center;
background-color: #FFFFFF;
margin: 4px;
font-size: 14px;
}
}
.subnav:hover .subnav-content
{
display: block;
padding: 10px;
}
.arrow-up
{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #F9B233;
position: absolute;
top: -10px;
}
.subnav:hover .arrow-up
{
display: block;
}
.Subbutton
{
background-color: #ddd;
border: none;
color: black;
padding: 24px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin-top: 6px;
min-width: 200px;
}
/* Home Overlays */
.Cardcontainer
{
position: relative;
width: auto;
max-width: 200px;
margin: 5px 10px 25px 10px;
text-align: center;
font-family: "Muli", sans-serif;
height: auto;
outline: 1px solid #316DA2;
}
.Cardimage
{
display: block;
width: 200px;
height: auto;
}
.Cardoverlay
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #a7dfe9;
overflow: hidden;
width: 200px;
height: 0;
transition: .5s ease;
}
.Cardcontainer:hover .Cardoverlay
{
height: 100%;
}
.Cardtext
{
color: white;
font-size: 20px;
position: absolute;
left: 10px;
}
/*==Home Page Hero Section==*/
div.topic-hero /*This is the first Hero/Banner on the Home Page - To replace the banner image with your own, change background-image property*/
{
height: 370px;
padding-top: 70px;
background-color: #293276;
background-image: none;
background-size: inherit;
background-repeat: no-repeat;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center 0;
}
p.bannerhead
{
font-size: 25px;
left: 330px;
width: auto;
line-height: 1.4;
background: transparent;
/* Black background with 0.5 opacity */
color: #ffffff;
/* Grey text */
border-radius: 4px;
text-align: center;
font-family: "Muli", sans-serif;
font-weight: 400;
}
p.bannertext
{
font-size: 20px;
left: 330px;
width: auto;
line-height: 1.4;
background: transparent;
/* Black background with 0.5 opacity */
color: #ffffff;
/* Grey text */
border-radius: 4px;
text-align: center;
font-family: "Muli", sans-serif;
}
@media screen and (max-width: 840px)
{
p.bannertext
{
font-size: 17px;
left: 330px;
width: auto;
line-height: 1.4;
background: transparent;
/* Black background with 0.5 opacity */
color: #ffffff;
/* Grey text */
border-radius: 4px;
text-align: center;
font-family: "Muli", sans-serif;
}
}
div.search-container
{
margin-top: -60px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
left: -50%;
right: -50%;
width: 1000px;
min-width: 320px;
height: 130px;
box-shadow: -1px 3px 6px rgba(0, 0, 0, 0.12);
background-color: #FFFFFF;
}
/* FlexContent */
.flex-container
{
display: flex;
justify-content: center;
background-color: transparent;
margin: 0px;
text-align: center;
padding: 4px;
}
.flexrow
{
display: -ms-flexbox;
/* IE10 */
display: flex;
-ms-flex-wrap: wrap;
/* IE10 */
flex-wrap: wrap;
padding: 0 4px;
justify-content: center;
}
/* SimpleBar */
.bar
{
background-color: #eee;
color: #333;
cursor: pointer;
padding-top: 10px;
width: 600px;
height: 44px;
border-bottom: 2px solid #005294;
outline: none;
font-size: 20px;
transition: 0.4s;
font-family: "Muli", sans-serif;
text-align: center;
text-decoration: none;
}
.active,
.bar:hover
{
background-color: #ddd;
}
.barimage
{
width: 28px;
}
@media screen and (max-width: 600px)
{
.barimage
{
width: 48px;
}
}
/* Footerset */
.footcontainer
{
width: 1170px;
}
@media screen and (max-width: 1000px)
{
.footcontainer
{
width: 100%;
}
}
@media screen and (max-width: 840px)
{
.footcontainer
{
width: 100%;
}
}
@media screen and (max-width: 600px)
{
.footcontainer
{
width: 100%;
}
}
.footer
{
background: #232425;
}
.footer .block h4
{
color: #fff;
font-size: 16px;
margin-bottom: 25px;
}
.footer .block.about img
{
margin-bottom: 25px;
}
.footer .block.about p
{
line-height: 26px;
}
.footer .block ul li
{
margin-bottom: 10px;
}
.footer .block ul li a
{
display: block;
font-size: 14px;
color: #797979;
}
.footer .block ul.terms-list
{
margin-top: 10px;
}
.footer .block ul.terms-list li a
{
padding-right: 10px;
}
@media (max-width: 768px)
{
.footer .block:last-child
{
margin-bottom: 30px;
}
}
.footer .block-2
{
padding: 18px 30px;
background: #46484A;
border-radius: 2px;
}
.footer .block-2.app-promotion
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.footer .block-2.app-promotion p
{
margin-left: 20px;
color: #fff;
}
.footer .block-2.discount-coupon p
{
color: #fff;
margin-bottom: 0;
}
.footer .block-2.discount-coupon p a
{
color: #5672f9;
}
.footer-bottom
{
position: relative;
background: #363839;
padding: 25px 0;
}
@media (max-width: 480px)
{
.footer-bottom
{
text-align: center;
}
}
.footer-bottom .copyright p
{
color: #c7c7c7;
margin-bottom: 0;
}
.social-media-icons
{
text-align: center !important;
}
.social-media-icons li
{
display: inline-block;
}
.social-media-icons li a
{
color: #848484;
padding: 0 20px;
}
.top-to
{
position: absolute;
right: 20px;
bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-to a
{
width: 40px;
height: 40px;
background: #36a9e1;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-to a i
{
line-height: 40px;
}
.container
{
position: relative;
width: 50%;
}
p.sectiontitle
{
font-size: 30px;
letter-spacing: 0.05em;
text-align: center;
font-family: "Muli", sans-serif;
font-weight: 500;
color: #333;
}
p.sectiontitle:before
{
content: " ";
display: block;
margin: 0 auto;
position: absolute;
bottom: -24px;
left: 0;
right: 0;
width: 127px;
height: 2px;
background-color: #e0e0e0;
}
p.sectiontitle:after
{
content: " ";
display: block;
margin: 0 auto;
position: absolute;
bottom: -25px;
left: 0;
right: 0;
width: 40px;
height: 5px;
background-color: #F9B233;
}
a.hyperlink
{
color: #005294;
font-size: 16px;
}
img.Content
{
mc-thumbnail: hover;
height: auto;
}
.headHero
{
background: #293276;
padding: 60px 0px 120px 0px;
border-radius: 0;
}
.ColWhite
{
color: white;
}
.ColBlack
{
color: black;
}
.headHero > h4
{
font-size: 25px;
font-family: "Muli", sans-serif;
}
.headHero > p
{
font-size: 20px;
font-family: "Muli", sans-serif;
}
.heroBox
{
background: white;
min-height: 155px;
width: 90%;
position: relative;
margin: 0 auto;
box-shadow: -1px 3px 6px rgba(0, 0, 0, 0.12);
margin-top: -50px;
}
.iconPlace
{
width: 72px;
margin-top: 15px;
}
.text-right
{
text-align: right;
}
.center
{
text-align: center;
}
.mt15
{
margin-top: 15px;
}
.mt45
{
margin-top: 45px;
}
.subFamilyBg
{
background: #f5f5f5;
padding: 40px 0px 40px 0px !important;
}
/* .myLine {
background: linear-gradient(to right, #bcbcbc 25%,#ffcd02 25%, #ffcd02 50%, #e84f47 50%, #e84f47 75%, #65c1ac 75%);
height: 4px;
right: 0;
left: 0;
top: 0;
} */
#myLine
{
height: 3px;
background-image: linear-gradient(to right, grey, grey), linear-gradient(to right, orange, orange), linear-gradient(to right, grey, grey);
/* gradient 1 as solid color */
/* gradient 2 as solid color */
/* gradient 3 as solid color */
/* image */
background-repeat: no-repeat;
/* same as no-repeat, no-repeat, no-repeat */
background-position: 0 0, 20px 0, 40px 0, 0 0;
/* gradient 1 */
/* gradient 2 */
/* gradient 3 */
/* image position */
background-size: 72px 4px, 120px 4px, 172px 4px, 100% 100%;
width: 213px;
margin: 0 auto;
}
.pb120
{
padding-bottom: 120px;
}
.RoleBoxes
{
background: #36A9E1;
width: 213px;
height: auto;
min-height: 200px;
border: 1px solid #36A9E1;
margin: 0 auto;
}
.BoxContent
{
padding: 10px;
width: 120px;
height: 120px;
margin: 7px auto 0px auto;
}
.Boxtext
{
font-weight: bold;
font-size: 20px;
margin-top: 10px;
}
.familyBox
{
width: 100%;
padding: 35px;
background: white;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
color: #293276;
font-size: 18px;
border: 1px solid #FFFFFF;
text-align: center;
overflow: hidden;
}
.subcontentBox
{
background-color: #ffffff;
padding: 5px;
text-align: center;
color: #034579;
margin: 6px;
}
.subcontentBox:hover
{
padding: 5px;
text-align: center;
margin: 6px;
background-color: #2986D7;
color: #FFFFFF;
}
.dropdown-paneCustom
{
background: #f9b233 !important;
border: 1px solid #f9b233;
}
@media print, screen and (max-width: 640px)
{
.dropdown-paneCustom
{
width: 60%;
margin: 0;
}
}
.footerBtm
{
background: #363839;
padding: 25px 0;
margin-top: 150px;
}
.MyWrapper
{
font-family: "Muli", sans-serif;
}
.footerBtm > p
{
font-family: "Muli", sans-serif !important;
}
.muli
{
font-family: "Muli", sans-serif !important;
}
.content
{
position: relative;
height: 300px;
margin: auto;
overflow: hidden;
}
.carte_button
{
position: absolute;
z-index: 3;
background-color: white;
width: 100%;
height: 50px;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
text-align: center;
padding: 15px;
}
.carte
{
position: relative;
top: 50px;
z-index: 2;
background-color: #F9B233;
width: auto;
height: 0%;
margin: auto;
transition: height 500ms;
}
.carte_button:hover + .carte
{
border-top: none;
top: 0px;
height: 300px;
}
.carte:hover
{
height: 300px;
}
/* .modulesNames{
visibility: hidden;
}
.carte_button:hover > .modulesNames{
visibility: visible;
} */
/* .carte_button:hover .carte .modulesNames{
display: block;
} */
.row1
{
}
.col1
{
/* position: relative; */
margin: 0 10px 0 0;
}
.familyModule
{
/* position: absolute; */
z-index: 3;
background-color: white;
/* width: 100%;
height: 50px; */
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
text-align: center;
padding: 15px;
margin: 10px;
}
/* .subModule {
position: absolute;
left: 0;
top: 51px;
height: 300px;
opacity: 0;
visibility: hidden;
background-color: #F9B233;
z-index: 2;
width: 560px;
transition: visibility 0s 100ms, opacity 100ms linear;
}
.familyModule:hover + .subModule,
.subModule:hover {
opacity: 1;
visibility: visible;
transition: opacity 100ms linear;
} */
.modulesNames
{
position: absolute;
top: 15px;
}
.moduleBtn
{
color: #034579;
text-decoration: none;
/* padding: 5px; */
text-align: center;
background-color: #FFFFFF;
width: auto;
margin: 0px 0px 5px 10px !important;
box-shadow: 0px 0px 0px 0px #FFF !important;
font-size: 12px !important;
line-height: 22px !important;
}
.moduleBtn:hover
{
background-color: #2986D7 !important;
color: #FFFFFF;
}
/* .button:hover{
background: none;
color:none;
} */
.disable_btn
{
background-color: #cdd4da !important;
color: black !important;
cursor: not-allowed;
/* pointer-events:none !important; */
}
.disable_btn:hover
{
background-color: #cdd4da !important;
}
/* .moduleBtn .disable_btn:hover{
background-color: #cdd4da !important;
color: #034579 !important;
} */
.hoverWrapper #hoverShow1
{
display: none;
position: absolute;
background-color: #ff0000;
width: 250px;
height: 250px;
left: 200px;
top: 100px;
}
.hoverWrapper:hover #hoverShow1
{
display: block;
}
.hoverWrapper #hoverShow2
{
display: none;
position: absolute;
background-color: #00ff00;
width: 100px;
height: 100px;
left: 100px;
top: 200px;
}
.hoverWrapper:hover #hoverShow2
{
display: block;
}
.familyBlock
{
overflow: hidden;
background-color: white;
box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
text-align: center;
padding: 15px;
margin: 10px;
}
.familyBlock a
{
float: left;
font-size: 16px;
background: white;
text-align: center;
padding: 5px 10px;
text-decoration: none;
color: #034579;
}
.Mydropdown
{
text-align: center;
overflow: hidden;
}
.Mydropdown .dropbtn
{
font-size: 16px;
border: none;
outline: none;
color: #293276;
padding: 14px 16px;
background-color: inherit;
font: inherit;
margin: 0;
}
.familyBlock a:hover,
.Mydropdown:hover .dropbtn
{
background-color: white;
}
.Mydropdown-content
{
display: none;
position: absolute;
background-color: #F9B233;
min-height: 108px;
width: 470px;
/* left: 0; */
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
margin: 16px 0px 0px -14px;
}
.arrow-last
{
right: 0;
margin: 15px 24px 20px 0px;
}
.arrow-last > .arrow-up
{
right: 36px;
}
#channfamily
{
width: 590px !important;
height: 188px;
}
#channfamily a.button.moduleBtn
{
min-width: 240px;
}
#digitalbankingframework a.button.moduleBtn
{
min-width: 210px;
}
#Legacy a.button.moduleBtn
{
min-width: 245px;
}
#microservices a.button.moduleBtn
{
min-width: 126px;
}
#marketfamily
{
width: 595px !important;
min-height: 67px !important;
}
#digitalbanking a.button.moduleBtn
{
min-width: 220px;
}
#salesfamily
{
width: 169px !important;
min-height: 69px !important;
}
.Boxrole > .RoleBoxes > a:-webkit-any-link
{
text-decoration: none !important;
}
.Mydropdown-content .contentTree
{
background: #F9B233;
padding: 16px;
color: white;
}
.familyBlock:hover .Mydropdown-content
{
display: block;
}
.pb345
{
padding-bottom: 345px;
}
.singlebtnDropdown
{
width: 280px;
min-height: 68px;
}
@media (min-width: 640px) and (max-width: 1023px)
{
.rightAlign
{
right: 34px !important;
}
.rightAlign > .arrow-up
{
right: 10px;
}
.arrow-last
{
right: initial;
margin: 10px 24px 20px -14px;
}
.arrow-last > .arrow-up
{
right: initial;
}
.medium-last
{
right: 0;
margin: 10px 24px 20px 0px;
}
.medium-last > .arrow-up
{
right: 36px;
}
.properAlign
{
left: 34px;
}
#productManagement
{
margin: 16px 0px 0px -14px !important;
}
.ledgerMob
{
margin: 14px 0px 0px -15px !important;
right: auto !important;
}
.ledgerMob > .arrow-up
{
right: auto !important;
}
#islam > .arrow-up
{
right: auto !important;
}
#securities
{
margin: 15px 0px 0px -15px !important;
right: auto !important;
}
#securities > .arrow-up
{
right: auto !important;
}
#fundsadmin
{
margin-left: 0px !important;
}
#limit
{
right: 0 !important;
margin: 10px 35px 0px 0px !important;
}
.infra
{
left: 48%;
min-height: 210px !important;
width: 50% !important;
}
.frameworkfam
{
right: 0;
margin: 10px 0px 0px 0px !important;
}
.properAlign > .arrow-up
{
left: 0px;
}
#Legacy
{
width: 595px !important;
height: 305px !important;
}
.footerif
{
margin-top: 300px !important;
}
}
@media (min-width: 360px) and (max-width: 640px)
{
.arrow-last
{
right: initial !important;
margin: 16px 0px 0px -14px !important;
}
.arrow-last > .arrow-up
{
right: initial !important;
}
.modulesNames > .button
{
width: 10px;
}
.Mydropdown-content
{
width: 315px !important;
}
#LMS
{
width: 315px !important;
min-height: 146px !important;
}
#marketfamily
{
width: 315px !important;
min-height: 146px !important;
}
#microservices
{
width: 315px !important;
height: 345px !important;
}
#salesfamily
{
width: 315px !important;
min-height: 69px !important;
}
#servicefamily
{
width: 315px !important;
min-height: 114px !important;
margin: 16px 0px 0px -14px !important;
right: initial !important;
}
#Legacy
{
height: 570px;
}
.footerif
{
margin-top: 572px !important;
}
#servicefamily > .arrow-up
{
right: initial !important;
}
#channfamily
{
width: 315px !important;
height: 302px;
}
.frameworkfam
{
height: 340px !important;
}
.bigName > .modulesNames > .moduleBtn
{
width: 245px !important;
}
#channfamily > .bigName > .modulesNames > .moduleBtn
{
width: 245px !important;
}
.frameworkfam > .bigName > .modulesNames > .moduleBtn
{
width: 208px !important;
}
#customeroutput > .bigName > .modulesNames > .moduleBtn
{
width: 210px !important;
}
#agent > .bigName > .modulesNames > .moduleBtn
{
width: 200px !important;
}
.mobileAlign
{
right: initial !important;
}
.mobileAlign > .arrow-up
{
right: 93% !important;
}
.heightFix
{
min-height: 265px !important;
}
.dsp
{
width: 344px !important;
}
.bigbutton > .modulesNames > .moduleBtn
{
width: 13px !important;
}
.dsp > .bigbutton > .modulesNames > .moduleBtn
{
width: 273px !important;
}
#dsp > .bigbutton > .modulesNames > .moduleBtn
{
width: 273px !important;
}
.dspbtn
{
padding: 14px 16px !important;
}
.ledgerMob
{
height: 141px !important;
width: 205px !important;
}
.ledgerMob
{
right: auto !important;
min-height: 70px !important;
margin: 14px 0px 0px -15px !important;
}
.ledgerMob > .arrow-up
{
right: auto !important;
}
.infra
{
width: 360px !important;
height: 350px !important;
}
#limit
{
right: auto !important;
margin: 10px 0px 0px -15px !important;
}
#limit > .arrow-up
{
right: auto !important;
}
#securities
{
right: auto !important;
margin: 10px 0px 0px -15px !important;
}
#customeroutput
{
margin: 10px 0px 0px -15px !important;
}
.footerBtm
{
margin-top: 380px !important;
}
#digitalbanking
{
height: 342px;
}
#digitalbankingframework a.button.moduleBtn
{
min-width: 210px;
}
#digitalbankingframework
{
height: 150px;
}
#securities > .arrow-up
{
right: auto !important;
}
.infraMobilebtn > .modulesNames
{
width: 78% !important;
}
.normalname > .modulesNames > .moduleBtn
{
width: 74px !important;
}
#islam > .normalname > .modulesNames > .moduleBtn
{
width: 176px !important;
}
.fewMenu
{
height: 185px !important;
width: 320px !important;
}
#tradebanking > .contentTree > .modulesNames > .button
{
width: 213px !important;
}
#tradebanking
{
height: 189px !important;
}
#securities > .contentTree > .modulesNames > .button
{
width: 200px !important;
}
.fewMenu > .contentTree > .modulesNames > .moduleBtn
{
width: 46px !important;
}
#productManagement > .contentTree > .modulesNames > .moduleBtn
{
width: 236px !important;
}
#reconciliation > .contentTree > .modulesNames > .moduleBtn
{
width: 226px !important;
}
#bankingsolutions > .contentTree > .modulesNames > .moduleBtn
{
width: 216px !important;
}
#limit > .contentTree > .modulesNames > .moduleBtn
{
width: 226px !important;
}
.fewMenu > .contentTree > .lending > .moduleBtn
{
width: 26px !important;
}
#lending > .contentTree > .lending > .moduleBtn
{
width: 236px !important;
}
.RBS > .modulesNames
{
width: 186px;
}
.fewMenu > .contentTree > .tradebanking > .moduleBtn
{
width: 28px !important;
}
.Treasury
{
min-height: 262px !important;
width: 325px !important;
}
.RoleBoxes
{
width: auto;
height: auto;
min-height: 176px;
margin: 0 auto;
}
.Boxtext
{
margin-top: 0px !important;
}
/* #myLine{
background-size: 41px 3px, 103px 3px, 121px 3px, 100% 100%;
width: 160px;
margin: 0 auto;
} */
#myLine
{
background-size: 36px 3px, 75px 3px, 90px 3px, 100% 100%;
width: 136px;
margin: 0 auto;
}
}
/*
body{
font-family: "Muli", sans-serif;
}
*/
#uxp
{
width: 560px !important;
height: 200px !important;
}
#selfservice
{
width: 565px !important;
height: 117px !important;
}
@media (min-width: 360px) and (max-width: 640px)
{
#uxp
{
height: 280px !important;
}
#selfservice > .contentTree > .modulesNames
{
width: 250px !important;
}
#selfservice
{
height: 227px !important;
}
#uxp
{
width: 410px !important;
}
#uxp > .contentTree > .modulesNames
{
width: 270px !important;
}
.btnBig
{
height: 47px !important;
}
.headHero
{
padding: 37px !important;
height: 390px;
}
.heroBox
{
margin: -19% 0% 0% 5%;
}
.rolesHeight
{
height: 340px !important;
}
}
@media (min-width: 320px) and (max-width: 359px)
{
.headHero
{
padding: 1px 0px 100px 0px !important;
}
.rolesHeight
{
padding: 5px 0px 310px 0px !important;
}
#accounts > .contentTree > .modulesNames > .button
{
width: 143px !important;
}
.singlebtnDropdown
{
width: 189px;
min-height: 68px;
}
#agent
{
width: 235px !important;
}
#cashManagement
{
width: 180px !important;
}
#accounts
{
height: 226px !important;
width: 220px !important;
}
#customeroutput
{
margin: 14px 0px 0px -14px !important;
width: 260px !important;
right: initial !important;
}
#customeroutput > .arrow-up
{
right: initial !important;
}
}
@media (min-width: 360px) and (max-width: 640px)
{
.div_wrapper
{
display: flex;
}
.div_wrapper > .topictoolbar
{
order: 1;
width: 100%;
}
.div_wrapper > .first_div
{
order: 3;
width: 100%;
}
.div_wrapper > .second_div
{
order: 2;
width: 100%;
}
.div_wrapper
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
/* optional */
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
}
.first_div
{
width: 75%;
float: left;
padding: 15px;
}
.second_div
{
width: 25%;
float: left;
padding: 15px;
}
@media only screen and (max-device-width: 767px)
{
ul.menu._Skins_SideMenuNT.mc-component
{
display: block;
width: 100% !important;
background-color: #ffffff;
}
}
ul.sidenav li a
{
border-bottom: none;
}
.Boxrole > .RoleBoxes > a:-webkit-any-link
{
text-decoration: none !important;
}
#snav.en
{
right: 0;
text-align: left;
}
#snav.en li span
{
right: 33px;
}
#snav.en li a:hover span
{
right: 33px;
}
/* RTL CSS */
#snav.ar
{
right: 0;
text-align: right;
}
#snav.ar li span
{
right: 33px;
}
#snav.ar li a:hover span
{
right: 33px;
}
/* main SideNav.css styles */
#snav
{
position: fixed;
top: 50%;
z-index: 9999;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
background: #293276;
}
#snav ul
{
list-style: none;
}
#snav *
{
padding: 0;
outline: 0;
transition: all .1s ease;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-o-transition: all .1s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 4px 1px 5px 2px;
}
#snav li a
{
text-decoration: none;
color: #fff;
display: block;
position: relative;
}
#snav .fa
{
vertical-align: middle;
font-size: 18px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
position: relative;
z-index: 4;
}
#snav li span
{
font-size: 15px;
vertical-align: middle;
height: 35px;
line-height: 35px;
width: 137px;
text-align: center;
white-space: nowrap;
overflow: hidden;
display: block;
padding: 0 15px;
position: absolute;
top: 0;
visibility: hidden;
z-index: 3;
}
#snav li a:hover .fa
{
}
#snav li:hover span
{
visibility: visible;
}
/* colors styles */
/* menu items title background used for browsers not supporting :nth-child */
#snav li span
{
background-color: #f39200;
border-right: 1px solid white;
color: white;
}
/* icons color and background before hover */
#snav li .fa
{
background-color: #EEE;
color: #555;
}
/* icons hover color */
#snav li:hover .fa
{
color: #fff;
}
/* repeated colors from 1 to 10 each hover color repeated after 10 menu items */
#snav li:nth-child(10n+1) span,
#snav li:nth-child(10n+1) a:hover .fa
{
background-color: #f39200;
border-right: 1px solid white;
color: white;
}
#snav li:nth-child(10n+2) span,
#snav li:nth-child(10n+2) a:hover .fa
{
background-color: #f39200;
border-right: 1px solid white;
color: white;
}
#snav li:nth-child(10n+3) span,
#snav li:nth-child(10n+3) a:hover .fa
{
background-color: #f39200;
border-right: 1px solid white;
color: white;
}
.myhrLine
{
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
}
.minimizeBot
{
position: relative;
top: 7px;
left: -29px;
cursor: pointer;
}
.closeBot
{
position: relative;
top: -12px;
left: 3px;
cursor: pointer;
}
#chat-box
{
position: fixed;
right: 0;
bottom: 0;
/* width: 30vw; */
background: #fff;
border-radius: 8px;
z-index: 100;
height: 64vh;
width: auto;
z-index: 9999;
}
#chat-ctrl
{
position: absolute;
width: auto;
height: auto;
right: 20px;
top: 15px;
}
#chat-box > iframe
{
/* border: 2px solid #fff !important; */
/* border-radius: 0 0 10px 10px; */
border-top-left-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: none;
}
#chat-max-icon div
{
color: #F9B233;
}
#chat-max-icon
{
position: absolute;
top: 60px;
right: 53px;
z-index: 9999;
text-align: center;
cursor: pointer;
}
@media (min-width: 360px) and (max-width: 640px)
{
#snav.en
{
right: 0;
text-align: left;
top: 21.7%;
}
#chat-max-icon
{
position: fixed;
top: 41px;
right: 25px;
z-index: 9999;
text-align: center;
cursor: pointer;
}
}
.darkbtn
{
background-color: #293276;
border: none;
color: white;
padding: 4px 13px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
}
div.Equation
{
width: 100%;
height: auto;
background-color: transparent;
text-align: Center;
}
.frameworkfam
{
height: 160px;
width: 560px;
}
div.example
{
background-color: #fff;
background-repeat: no-repeat;
border: solid 1px #293276;
border-radius: 6px;
margin-bottom: 15px;
padding: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
mc-auto-number-format: '{b}EXAMPLE: {/b}';
font-style: normal;
font-size: 13px;
line-height: 16pt;
color: #293276;
}
div.warning
{
width: auto;
margin: 0;
padding: 10px 12px 12px 12px;
position: relative;
font-size: 14px;
border-left: 5px solid #293276;
mc-auto-number-format: '{b}WARNING: {/b}';
}
div.important
{
width: auto;
margin: 0;
padding: 10px 12px 12px 12px;
position: relative;
border-left: 5px solid #293276;
mc-auto-number-format: '{b}IMPORTANT: {/b}';
color: #293276;
font-size: 13px;
line-height: 16pt;
}
h2.APIhead
{
width: auto;
margin: 0;
position: relative;
border-left: 5px solid #293276;
color: #293276;
font-size: 13px;
line-height: 16pt;
padding-bottom: 12px;
padding: 10px 12px 12px;
margin-bottom: 20px;
}
div.tips
{
width: auto;
margin: 0;
padding: 10px 12px 12px 12px;
position: relative;
font-size: 14px;
border-left: 5px solid #293276;
mc-auto-number-format: '{b}TIPS: {/b}';
}
div.BestPractices
{
width: auto;
margin: 0;
padding: 10px 12px 12px 12px;
position: relative;
font-size: 14px;
border-left: 5px solid #293276;
mc-auto-number-format: '{b}BEST PRACTICES: {/b}';
}
/* Technology Styles */
p.inside-dd
{
margin-top: 0px;
margin-bottom: 2px;
font-size: 13px;
font-family: Arial, sans-serif;
}
p.inside-li
{
margin-bottom: 0px;
margin-top: 0px;
}
p.tablecontent
{
margin-top: 2px;
margin-bottom: 2px;
font-size: 0.9em;
font-family: Arial, sans-serif;
}
p.link4shortdesc
{
margin-bottom: -2px;
}
p.shortdesc
{
margin-top: 0px;
padding: 0;
padding-left: 6px;
margin-bottom: 18px;
/* background-color: #f0e666; */
}
p.procedureintro
{
font-weight: bold;
margin-bottom: -1em;
}
/* ======================================== */
/* DL styles */
/* ======================================== */
dl
{
font-size: 13px;
line-height: 120%;
}
dt
{
font-weight: bold;
margin: 0;
}
dd
{
margin: -0.5em 0 0.3em 2.5em;
padding: .5em;
}
/* ======================================== */
/* Pre style */
/* ======================================== */
pre
{
mc-hyphenate: never;
max-width: 90%;
font-family: 'Courier New';
font-size: 11pt;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
border-left-style: solid;
border-left-width: 0.5px;
border-right-style: solid;
border-right-width: 0.5px;
border-top-style: solid;
border-top-width: 0.5px;
border-bottom-style: solid;
border-bottom-width: 0.5px;
overflow: auto;
hyphens: none;
word-break: keep-all;
background-color: #F2F2F2;
tab-size: 3;
}
/* ======================================== */
/* SPAN styles */
/* ======================================== */
/*Span styles are used to format short sections of text within paragraphs.*/
/* Commands.*/
span.command
{
font-family: 'Courier New';
font-size: 1.1em;
}
/*Use this span style for inline code. Don't use or other generic styles. */
span.codeinline
{
font-family: 'Courier New';
font-size: 1.1em;
mc-hyphenate: never;
}
/*Use this span style to style variables within inline code or pathnames.*/
span.codevariable
{
font-family: 'Courier New';
font-style: italic;
font-size: 1em;
}
/*File names.*/
span.filename
{
font-family: 'Courier New';
font-size: 1.1em;
}
/*Use this span style to style filepaths (not UI paths)*/
span.filepath
{
font-family: 'Courier New';
font-size: 1.1em;
}
span.paramname
{
font-family: 'Courier New';
font-weight: bold;
font-size: 1.1em;
}
span.userinput
{
font-family: 'Courier New';
font-size: 1.1em;
}
span.highlight
{
background-color: #f0e666;
}
span.Emphasis
{
font-weight: bold;
}
span.UIelement
{
font-weight: bold;
}
code
{
font-family: 'Courier New' !important;
}
code.codefirst
{
background-color: #dcdcdc;
}
.MCPopupThumbnail,
.MCPopupContainer
{
z-index: 9999;
}
.topics-list
{
/* list-style: none; */
color: #000;
margin-right: 20px;
}
.topics-list > li > a
{
text-decoration: none !important;
color: #000 !important;
}
.topicheadname
{
font-size: 13px;
padding: 10px 0px 0px 14px;
color: black;
font-weight: bold;
}
.stickyside
{
position: fixed;
top: 251px;
}
/* .fixedsides
{
position: relative;
} */
@media (min-width: 360px) and (max-width: 640px)
{
.fixedsides
{
position: initial;
}
}
.off-canvas-wrapper-inner .main-section .outer-row
{
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
}
p.inside-li
{
margin-bottom: 0px;
margin-top: 0px;
}
.myrelatedtopics
{
background: #ced4d9;
padding: 10px;
margin-top: 10px;
}
.topics-list li
{
list-style: none;
padding: 5px 0;
}
.topics-list .rolesavatar:before
{
content: '';
display: inline-block;
height: 1em;
width: 1em;
background-image: url('../Images/Assets/Icons/roleavatar.svg');
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.5em;
}
.topics-list .processaris:before
{
content: '';
display: inline-block;
height: 1em;
width: 1em;
background-image: url('../Images/Assets/Icons/settings.svg');
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.5em;
}
p.textalign
{
padding-left: 41px;
}
@media (min-width: 640px)
{
ul.menu._Skins_SideMenuNT.mc-component
{
max-height: 200px;
}
.topictoolbar
{
float: right;
position: fixed;
right: 32px;
}
.fixedsides
{
max-height: 200px;
}
.second_div
{
float: right;
position: fixed;
right: 33px;
margin-top: 40px;
width: 20%;
}
.myrelatedtopics
{
max-height: 210px;
overflow-y: auto;
}
}
.tableScroll
{
overflow: scroll;
}
.accordion
{
font-size: 1rem;
width: auto;
margin: 0 auto;
border-radius: 5px;
}
.accordion-header,
.accordion-body
{
background: white;
}
.accordion-header
{
padding: 10px 20px 10px 10px;
background: #8a8c8f;
color: white;
cursor: pointer;
font-size: .7em;
letter-spacing: .1em;
transition: all .3s;
text-transform: uppercase;
}
.accordion__item
{
border-bottom: 1px solid #dbdee0;
margin: 0px 0px 8px 0px;
}
.accordion__item .accordion__item
{
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.accordion-header:hover
{
background: #293276;
position: relative;
z-index: 5;
}
.accordion-body
{
background: #fcfcfc;
color: #353535;
display: none;
}
.accordion-body__contents
{
padding: 1.5em 1.5em;
font-size: .85em;
}
.accordion__item.active:last-child .accordion-header
{
border-radius: none;
}
.accordion:first-child > .accordion__item > .accordion-header
{
border-bottom: 1px solid transparent;
}
.accordion__item > .accordion-header:after
{
content: "\f3d0";
font-family: IonIcons;
font-size: 1.2em;
float: right;
position: relative;
top: -2px;
transition: .3s all;
transform: rotate(0deg);
}
.accordion__item.active > .accordion-header:after
{
transform: rotate(-180deg);
}
.accordion__item.active .accordion-header
{
background: #f39200;
}
.accordion__item .accordion__item .accordion-header
{
background: #f1f1f1;
color: #353535;
}
@media screen and (max-width: 1000px)
{
body
{
padding: 1em;
}
.accordion
{
width: 100%;
}
}
.apitab
{
border-bottom: 1px solid #d2cccc;
padding: 6px;
}
.apitablast
{
padding: 6px;
}
.methodGet
{
background: #a8dafb;
}
.methodPut
{
background: #ffcd82;
}
.methodPost
{
background: #469408;
}
.methodDelete
{
background: #ea6c41;
}
.getBtn
{
padding: 10px 20px 12px 20px;
margin-right: 30px;
cursor: pointer;
font-weight: bold;
}
.callout
{
position: relative;
margin: 0 0 1rem 0;
padding: 1px;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
background-color: white;
color: #0a0a0a;
}
.apitab .callout p
{
margin: -3px 0px 0px -7px;
}
.apitabspace
{
margin-top: 10px;
}
.methodUri
{
font-family: 'Courier New';
font-size: 0.9em;
}
.apis
{
background: white;
border: 5px solid #a8dafb;
}
.primaryGet
{
border-color: #a8dafb;
background: #f5fbff;
}
.getmethod
{
font-size: 14px;
font-weight: 700;
min-width: 80px;
padding: 6px 26px;
text-align: center;
border-radius: 3px;
background: #a8dafb;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
color: #fff;
cursor: pointer;
}
span.urlmethod
{
margin-left: 20px;
word-break: break-word;
}
.primaryPut
{
border-color: #ffcd82;
background: #fffbf4;
}
.putmethod
{
font-size: 14px;
font-weight: 700;
min-width: 80px;
padding: 6px 26px;
text-align: center;
border-radius: 3px;
background: #ffcd82;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
color: #fff;
cursor: pointer;
}
/* .primaryPut{
border-color: #ffcd82;
background: #fffbf4;
}
.putmethod{
font-size: 14px;
font-weight: 700;
min-width: 80px;
padding: 6px 15px;
text-align: center;
border-radius: 3px;
background: #ffcd82;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
color: #fff;
cursor: pointer;
} */
.primaryPost
{
border-color: #469408;
background: #c4f39e;
}
.postmethod
{
font-size: 14px;
font-weight: 700;
min-width: 80px;
padding: 6px 21px;
text-align: center;
border-radius: 3px;
background: #469408;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
color: #fff;
cursor: pointer;
}
.primaryDelete
{
border-color: #ffbfbf;
background: #fff8f6;
}
.deletemethod
{
font-size: 14px;
font-weight: 700;
min-width: 80px;
padding: 6px 13px;
text-align: center;
border-radius: 3px;
background: #ea6c41;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
color: #fff;
cursor: pointer;
}
/* Kony CSS */
p.Tip
{
width: auto;
margin: 10px 0px;
padding: 10px 12px 12px 12px;
position: relative;
font-size: 14px;
border-left: 5px solid #293276;
mc-auto-number-format: '{b}TIPS: {/b}';
}
img.thumbnail
{
mc-thumbnail: hover;
height: auto;
}
pre.prettyprint
{
mc-hyphenate: never;
font-family: 'Courier New';
font-size: 11pt;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
border-left-style: solid;
border-left-width: 0.5px;
border-right-style: solid;
border-right-width: 0.5px;
border-top-style: solid;
border-top-width: 0.5px;
border-bottom-style: solid;
border-bottom-width: 0.5px;
overflow: auto;
max-width: 95%;
hyphens: none;
word-break: keep-all;
background-color: #F2F2F2;
tab-size: 3;
margin: 10px 0px;
}
table .prettyprint
{
max-width: 70%;
}
.btn
{
width: 70px;
height: 25px;
text-align: center;
padding-left: 20px;
color: white;
vertical-align: middle;
background-color: rgba(0,0,0,.35);
background-image: url('../Images/_DocAssets/copyIcon.png');
background-repeat: no-repeat;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #343E48;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #343E48;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #343E48;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #343E48;
border-radius: 5px;
margin-left: 20px;
margin-top: 1px;
margin-right: 1px;
transition: .2s;
}
.btn:hover
{
box-shadow: 0px 0px 2px 2px white;
background-color: rgba(0,0,0,.54);
transition: .2s;
}
.btnOnClick
{
width: 75px;
height: 25px;
color: white;
border-radius: 5px;
vertical-align: middle;
text-align: right;
background-color: rgba(0,0,0,.35);
background-image: url('../Images/_DocAssets/copyDone.png');
background-repeat: no-repeat;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #343E48;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #343E48;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #343E48;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #343E48;
margin-left: 20px;
margin-top: 1px;
margin-right: 1px;
transition: .2s;
}
.btnOnClick:hover
{
box-shadow: 0px 0px 2px 2px white;
background-color: rgba(0,0,0,.54);
transition: .2s;
}
p.Note
{
width: auto;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}NOTE: {/color}{/b}';
color: #293276;
line-height: 16pt;
font-size: 13px;
margin: 10px 0px;
background-color: #ffffff;
}
div.Important
{
width: auto;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}IMPORTANT: {/color}{/b}';
color: #293276;
font-size: 13px;
line-height: 16pt;
margin: 10px 0px;
background-color: #ffffff;
}
p.Note1
{
width: auto;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}NOTE: {/color}{/b}';
color: #293276;
line-height: 16pt;
font-size: 13px;
margin-left: 11mm;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ffffff;
}
p.Note2
{
width: auto;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}NOTE: {/color}{/b}';
color: #293276;
line-height: 16pt;
font-size: 13px;
margin-left: 14mm;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ffffff;
}
p.Important
{
width: auto;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}IMPORTANT: {/color}{/b}';
color: #293276;
font-size: 13px;
line-height: 16pt;
margin: 10px 0px;
background-color: #ffffff;
}
p.Important1
{
width: auto;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}IMPORTANT: {/color}{/b}';
color: #293276;
font-size: 13px;
line-height: 16pt;
margin-left: 11mm;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ffffff;
}
p.Important2
{
width: auto;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}IMPORTANT: {/color}{/b}';
color: #293276;
font-size: 13px;
line-height: 16pt;
margin-left: 14mm;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ffffff;
}
p.example
{
background-color: #fff;
background-repeat: no-repeat;
border: solid 1px #293276;
border-radius: 6px;
margin-bottom: 15px;
padding: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
mc-auto-number-format: '{b}EXAMPLE: {/b}';
font-style: normal;
font-size: 13px;
line-height: 16pt;
color: #293276;
}
div.Note
{
width: auto;
margin: 10px 0px;
padding: 10px;
position: relative;
border-left: 5px solid #293276;
border-top: 1px solid #293276;
border-bottom: 1px solid #293276;
border-right: 1px solid #293276;
mc-auto-number-format: '{b}{color #293276}NOTE: {/color}{/b}';
color: #293276;
line-height: 16pt;
font-size: 13px;
background-color: #ffffff;
}
@media (min-width: 1631px) and (max-width: 1800px)
{
table pre.prettyprint
{
width: 90%;
overflow: auto;
}
}
@media (min-width: 360px) and (max-width: 1631px)
{
table pre.prettyprint
{
width: 60%;
overflow: auto;
}
}
.prettyprint input#button
{
display: block;
}
*
{
scrollbar-width: thin;
scrollbar-color: white;
}
*::-webkit-scrollbar
{
width: 18px;
}
*::-webkit-scrollbar-track
{
background-color: #fff;
}
*::-webkit-scrollbar-track:hover
{
background-color: #f4f4f4;
}
*::-webkit-scrollbar-thumb
{
background-color: #babac0;
border-radius: 16px;
border: 5px solid #fff;
}
*::-webkit-scrollbar-thumb:hover
{
background-color: #a0a0a5;
border: 4px solid #f4f4f4;
}
/* ----------------- Style for TAB content------------------- */
ul.tabs,
ul.tabs_sub
{
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #333 !important;
width: 100%;
border: 1px solid #fff;
}
ul.tabs li,
ul.tabs_sub li
{
float: left;
margin: 0;
cursor: pointer;
padding: 0px 21px;
height: 31px;
line-height: 31px;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
background-color: #2E6DA2;
color: #FFF;
overflow: hidden;
position: relative;
}
.tab_last
{
border-right: 1px solid #333;
}
ul.tabs li:hover,
ul.tabs_sub li:hover
{
background-color: #F78C3D;
color: #FFF;
}
ul.tabs li.active,
ul.tabs_sub li.active
{
background-color: #fff;
color: #333;
border-bottom: 1px solid #fff;
display: block;
}
.tab_container
{
border: 1px solid #333;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #fff;
overflow: auto;
}
.tab_container_sub
{
border: 1px solid #333;
border-top: none;
clear: both;
width: 100%;
background: #fff;
overflow: auto;
margin-bottom: 10px;
}
.tab_content,
.tab_content_sub
{
padding: 20px;
display: none;
}
.tab_drawer_heading,
.tab_drawer_heading_sub
{
display: none;
}
@media screen and (max-width: 480px)
{
.tabs,
.tabs_sub
{
display: none;
}
.tab_drawer_heading,
.tab_drawer_heading_sub
{
background-color: #ccc;
color: #fff;
border-top: 1px solid #333;
margin: 0;
padding: 5px 20px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.d_active
{
background-color: #666;
color: #fff;
}
}
/*-------------- TAB style End------------------------- */
.img.imgContent
{
z-index: initial;
}
.removebkbtn
{
background-color: #cc4b37 !important;
color: white;
padding: 4px;
font-size: 12px;
cursor: pointer;
}
.bookmarkContainer
{
height: 350px;
overflow: auto;
}
.logout
{
float: right;
background: #293276;
padding: 7px 16px 7px 16px;
margin: 6px;
font-size: 15px;
position: relative;
color: white;
cursor: pointer;
font-family: muli;
}
.logout:hover
{
background: #F9B233 !important;
color: black;
}
.logoutHome
{
float: right;
background: #293276;
padding: 7px 16px 7px 16px;
margin: 0px 10px 0px 0px;
font-size: 15px;
position: absolute;
right: 0;
color: white;
cursor: pointer;
font-family: muli;
}
.logoutHome:hover
{
background: #F9B233 !important;
color: black;
}
.logOffBtnModal
{
width: 27% !important;
height: 150px;
display: none;
}
@media (min-width: 360px) and (max-width: 1024px)
{
.logOffBtnModal
{
width: 100% !important;
height: 204px;
display: none;
}
.logbutton
{
width: 80px !important;
}
.logcancel
{
width: 80px !important;
}
.logoutHomebtn
{
margin: 6px 6px 0px 0px !important;
}
}
/* offline style */
.myrelatedtopics
{
display: none;
}
#snav
{
display: none;
}
.feedbackBox
{
display: none;
}
.tooltippop
{
display: none;
}
.tooltippopgray
{
display: none;
}
.prettyprint input#button
{
display: block;
}
.logoutHomebtn
{
display: none;
}
.logout
{
display: none;
}