@charset "UTF-8";
/*!
  * Theme Bootstrap 2019
  * @version du 28/10/2019 11:09:58
  * @author : SD
  * @description : feuille de styles globale
  * @projet : akanea
*/
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 1 : 10 / 2019
 * @author : SD
 * @description : styles du footer
 * @projet : akanea
 */
/**
  * Theme Bootstrap 2017
  * @version du 28/08/2018 15:19:13  
  * @projet : cms étalon
  * @author : SD
  * @description : de classes utilitaire pour le thème Bootstrap
*/
@import url(https://fonts.googleapis.com/css?family=Oleo+Script);

.debug * {
    outline: 1px solid gold;
}

.debug-f * {
    outline: 1px solid magenta;
}

.debug-g * {
    outline: 1px solid #00ff00;
}

.debug-w * {
    outline: 1px solid white;
}

.debug-b * {
    outline: 1px solid black;
}

.ovh {
    overflow: hidden;
}

.clear {
    clear: both;
}

.clearfix:after,
.line:after {
    display: table;
    clear: both;
    border-collapse: collapse;
    content: '';
}

.left-auto {
    margin-right: auto;
}

.right-auto {
    margin-left: auto;
}

.center {
    margin-right: auto;
    margin-left: auto;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.fll {
    float: left;
}

.flr {
    float: right;
}

body > script {
    display: none !important;
}

.inbl {
    display: inline-block;
    vertical-align: top;
}

.flexbox-h,
.flexbox-v {
    display: flex;
    flex-flow: row wrap;
}

.flexbox-v {
    flex-direction: column;
}

.flexitem-fluid {
    flex: 1;
}

.flexitem-first {
    order: -1;
}

.flexitem-medium {
    order: 0;
}

.flexitem-last {
    order: 1;
}

.flexitem-center {
    margin: auto;
}

.flexitem-none {
    flex: none;
}

.flex-content {
    flex: 1 0 auto;
}

.flex100vh {
    min-height: 100vh;
}

.bz-cb * {
    box-sizing: content-box;
}

.fz12 {
    font-size: 12px !important;
}

.fz14 {
    font-size: 14px !important;
}

.fz16 {
    font-size: 16px !important;
}

.fz18 {
    font-size: 18px !important;
}

.fz20 {
    font-size: 20px !important;
}

.fz24 {
    font-size: 24px !important;
}

.fz28 {
    font-size: 28px !important;
}

.fz32 {
    font-size: 32px !important;
}

.man,
.ma0 {
    margin: 0;
}

.pan,
.pa0 {
    padding: 0;
}

.mas {
    margin: 5px;
}

.mam {
    margin: 10px;
}

.mal {
    margin: 20px;
}

.pas {
    padding: 5px;
}

.pam {
    padding: 10px;
}

.pal {
    padding: 20px;
}

.mtn,
.mt0 {
    margin-top: 0;
}

.mts {
    margin-top: 5px;
}

.mtm {
    margin-top: 10px;
}

.mtl {
    margin-top: 20px;
}

.mrn,
.mr0 {
    margin-right: 0;
}

.mrs {
    margin-right: 5px;
}

.mrm {
    margin-right: 10px;
}

.mrl {
    margin-right: 20px;
}

.mbn,
.mb0 {
    margin-bottom: 0;
}

.mbs {
    margin-bottom: 5px;
}

.mbm {
    margin-bottom: 10px;
}

.mbl {
    margin-bottom: 20px;
}

.mln,
.ml0 {
    margin-left: 0;
}

.mls {
    margin-left: 5px;
}

.mlm {
    margin-left: 10px;
}

.mll {
    margin-left: 20px;
}

.ptn,
.pt0 {
    padding-top: 0;
}

.pts {
    padding-top: 5px;
}

.ptm {
    padding-top: 10px;
}

.ptl {
    padding-top: 20px;
}

.prn,
.pr0 {
    padding-right: 0;
}

.prs {
    padding-right: 5px;
}

.prm {
    padding-right: 10px;
}

.prl {
    padding-right: 20px;
}

.pbn,
.pb0 {
    padding-bottom: 0;
}

.pbs {
    padding-bottom: 5px;
}

.pbm {
    padding-bottom: 10px;
}

.pbl {
    padding-bottom: 20px;
}

.pln,
.pl0 {
    padding-left: 0;
}

.pls {
    padding-left: 5px;
}

.plm {
    padding-left: 10px;
}

.pll {
    padding-left: 20px;
}

/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
 * *
 *   * Theme Bootstrap 2019
 *   * @version 11 : 10 / 2019
 *   * @author : SD
 *   * @description : fichier provenant de BS4
 *   * @projet : akanea
 * /
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

* {
    box-sizing: border-box;
}

    *:before,
    *:after {
        box-sizing: border-box;
    }

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #fff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #187498;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #0e4256;
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    h1 small,
    h1 .small, h2 small,
    h2 .small, h3 small,
    h3 .small, h4 small,
    h4 .small, h5 small,
    h5 .small, h6 small,
    h6 .small,
    .h1 small,
    .h1 .small, .h2 small,
    .h2 .small, .h3 small,
    .h3 .small, .h4 small,
    .h4 .small, .h5 small,
    .h5 .small, .h6 small,
    .h6 .small {
        font-weight: 400;
        line-height: 1;
        color: #777777;
    }

h1, .h1,
h2, .h2,
h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    h1 small,
    h1 .small, .h1 small,
    .h1 .small,
    h2 small,
    h2 .small, .h2 small,
    .h2 .small,
    h3 small,
    h3 .small, .h3 small,
    .h3 .small {
        font-size: 65%;
    }

h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    h4 small,
    h4 .small, .h4 small,
    .h4 .small,
    h5 small,
    h5 .small, .h5 small,
    .h5 .small,
    h6 small,
    h6 .small, .h6 small,
    .h6 .small {
        font-size: 75%;
    }

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small,
.small {
    font-size: 85%;
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase, .initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #187498;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #11526c;
}

.text-success, .Success {
    color: #3c763d;
}

a.text-success:hover, a.Success:hover,
a.text-success:focus,
a.Success:focus {
    color: #2b542c;
}

.text-info, .Information {
    color: #31708f;
}

a.text-info:hover, a.Information:hover,
a.text-info:focus,
a.Information:focus {
    color: #245269;
}

.text-warning, .Warnin {
    color: #8a6d3b;
}

a.text-warning:hover, a.Warnin:hover,
a.text-warning:focus,
a.Warnin:focus {
    color: #66512c;
}

.text-danger, .Error {
    color: #a94442;
}

a.text-danger:hover, a.Error:hover,
a.text-danger:focus,
a.Error:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #187498;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #11526c;
}

.bg-success, .Success {
    background-color: #dff0d8;
}

a.bg-success:hover, a.Success:hover,
a.bg-success:focus,
a.Success:focus {
    background-color: #c1e2b3;
}

.bg-info, .Information {
    background-color: #d9edf7;
}

a.bg-info:hover, a.Information:hover,
a.bg-info:focus,
a.Information:focus {
    background-color: #afd9ee;
}

.bg-warning, .Warnin {
    background-color: #fcf8e3;
}

a.bg-warning:hover, a.Warnin:hover,
a.bg-warning:focus,
a.Warnin:focus {
    background-color: #f7ecb5;
}

.bg-danger, .Error {
    background-color: #f2dede;
}

a.bg-danger:hover, a.Error:hover,
a.bg-danger:focus,
a.Error:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

    ul ul,
    ul ol,
    ol ul,
    ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.428571429;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    display: table;
    content: " ";
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.428571429;
        color: #777777;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: "\2014 \00A0";
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eeeeee;
        border-left: 0;
    }

        .blockquote-reverse footer:before,
        .blockquote-reverse small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right footer:before,
        blockquote.pull-right small:before,
        blockquote.pull-right .small:before {
            content: "";
        }

        .blockquote-reverse footer:after,
        .blockquote-reverse small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right footer:after,
        blockquote.pull-right small:after,
        blockquote.pull-right .small:after {
            content: "\00A0 \2014";
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

    .container:before, .container:after {
        display: table;
        content: " ";
    }

    .container:after {
        clear: both;
    }

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

    .container-fluid:before, .container-fluid:after {
        display: table;
        content: " ";
    }

    .container-fluid:after {
        clear: both;
    }

.row {
    margin-right: -15px;
    margin-left: -15px;
}

    .row:before, .row:after {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .row-no-gutters [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-1 {
        width: 8.3333333333%;
    }

    .col-sm-2 {
        width: 16.6666666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.3333333333%;
    }

    .col-sm-5 {
        width: 41.6666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.3333333333%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.3333333333%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.3333333333%;
    }

    .col-sm-pull-2 {
        right: 16.6666666667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.3333333333%;
    }

    .col-sm-pull-5 {
        right: 41.6666666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.3333333333%;
    }

    .col-sm-pull-8 {
        right: 66.6666666667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.3333333333%;
    }

    .col-sm-pull-11 {
        right: 91.6666666667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.3333333333%;
    }

    .col-sm-push-2 {
        left: 16.6666666667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.3333333333%;
    }

    .col-sm-push-5 {
        left: 41.6666666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.3333333333%;
    }

    .col-sm-push-8 {
        left: 66.6666666667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.3333333333%;
    }

    .col-sm-push-11 {
        left: 91.6666666667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.3333333333%;
    }

    .col-md-2 {
        width: 16.6666666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.3333333333%;
    }

    .col-md-5 {
        width: 41.6666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.3333333333%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.3333333333%;
    }

    .col-md-11 {
        width: 91.6666666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.3333333333%;
    }

    .col-md-pull-2 {
        right: 16.6666666667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.3333333333%;
    }

    .col-md-pull-5 {
        right: 41.6666666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.3333333333%;
    }

    .col-md-pull-8 {
        right: 66.6666666667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.3333333333%;
    }

    .col-md-pull-11 {
        right: 91.6666666667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.3333333333%;
    }

    .col-md-push-2 {
        left: 16.6666666667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.3333333333%;
    }

    .col-md-push-5 {
        left: 41.6666666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.3333333333%;
    }

    .col-md-push-8 {
        left: 66.6666666667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.3333333333%;
    }

    .col-md-push-11 {
        left: 91.6666666667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-1 {
        width: 8.3333333333%;
    }

    .col-lg-2 {
        width: 16.6666666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.3333333333%;
    }

    .col-lg-5 {
        width: 41.6666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.3333333333%;
    }

    .col-lg-8 {
        width: 66.6666666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.3333333333%;
    }

    .col-lg-11 {
        width: 91.6666666667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.3333333333%;
    }

    .col-lg-pull-2 {
        right: 16.6666666667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.3333333333%;
    }

    .col-lg-pull-5 {
        right: 41.6666666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.3333333333%;
    }

    .col-lg-pull-8 {
        right: 66.6666666667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.3333333333%;
    }

    .col-lg-pull-11 {
        right: 91.6666666667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.3333333333%;
    }

    .col-lg-push-2 {
        left: 16.6666666667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.3333333333%;
    }

    .col-lg-push-5 {
        left: 41.6666666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.3333333333%;
    }

    .col-lg-push-8 {
        left: 66.6666666667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.3333333333%;
    }

    .col-lg-push-11 {
        left: 91.6666666667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

table {
    background-color: transparent;
}

    table col[class*="col-"] {
        position: static;
        display: table-column;
        float: none;
    }

    table td[class*="col-"],
    table th[class*="col-"] {
        position: static;
        display: table-cell;
        float: none;
    }

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > th,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > th,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > th,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > th,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type="search"] {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

    input[type="radio"][disabled], input[type="radio"].disabled,
    fieldset[disabled] input[type="radio"],
    input[type="checkbox"][disabled],
    input[type="checkbox"].disabled,
    fieldset[disabled]
    input[type="checkbox"] {
        cursor: not-allowed;
    }

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

    .form-control:focus {
        border-color: #187498;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(24, 116, 152, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control[disabled], .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eeeeee;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }

    input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
    .input-group-sm > input.input-group-addon[type="date"],
    .input-group-sm > .input-group-btn > input.btn[type="date"],
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm > input.form-control[type="time"],
    .input-group-sm > input.input-group-addon[type="time"],
    .input-group-sm > .input-group-btn > input.btn[type="time"],
    .input-group-sm
    input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm > input.form-control[type="datetime-local"],
    .input-group-sm > input.input-group-addon[type="datetime-local"],
    .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
    .input-group-sm
    input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm > input.form-control[type="month"],
    .input-group-sm > input.input-group-addon[type="month"],
    .input-group-sm > .input-group-btn > input.btn[type="month"],
    .input-group-sm
    input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
    .input-group-lg > input.input-group-addon[type="date"],
    .input-group-lg > .input-group-btn > input.btn[type="date"],
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg > input.form-control[type="time"],
    .input-group-lg > input.input-group-addon[type="time"],
    .input-group-lg > .input-group-btn > input.btn[type="time"],
    .input-group-lg
    input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg > input.form-control[type="datetime-local"],
    .input-group-lg > input.input-group-addon[type="datetime-local"],
    .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
    .input-group-lg
    input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg > input.form-control[type="month"],
    .input-group-lg > input.input-group-addon[type="month"],
    .input-group-lg > .input-group-btn > input.btn[type="month"],
    .input-group-lg
    input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio.disabled label,
    fieldset[disabled] .radio label,
    .checkbox.disabled label,
    fieldset[disabled]
    .checkbox label {
        cursor: not-allowed;
    }

    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

    .radio-inline.disabled,
    fieldset[disabled] .radio-inline,
    .checkbox-inline.disabled,
    fieldset[disabled]
    .checkbox-inline {
        cursor: not-allowed;
    }

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
    .input-group-lg > .form-control-static.input-group-addon,
    .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
    .input-group-sm > .form-control-static.input-group-addon,
    .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-right: 0;
        padding-left: 0;
    }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
    height: 30px;
    line-height: 30px;
}

    textarea.input-sm, .input-group-sm > textarea.form-control,
    .input-group-sm > textarea.input-group-addon,
    .input-group-sm > .input-group-btn > textarea.btn,
    select[multiple].input-sm,
    .input-group-sm > select.form-control[multiple],
    .input-group-sm > select.input-group-addon[multiple],
    .input-group-sm > .input-group-btn > select.btn[multiple] {
        height: auto;
    }

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
    height: 46px;
    line-height: 46px;
}

    textarea.input-lg, .input-group-lg > textarea.form-control,
    .input-group-lg > textarea.input-group-addon,
    .input-group-lg > .input-group-btn > textarea.btn,
    select[multiple].input-lg,
    .input-group-lg > select.form-control[multiple],
    .input-group-lg > select.input-group-addon[multiple],
    .input-group-lg > .input-group-btn > select.btn[multiple] {
        height: auto;
    }

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

    .form-horizontal .form-group:before, .form-horizontal .form-group:after {
        display: table;
        content: " ";
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 0;
    -webkit-user-select: none;
    user-select: none;
}

    .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled, .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        opacity: 0.65;
        box-shadow: none;
    }

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus, .btn-default.focus {
        color: #333;
        background-color: #e6e5e5;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e5e5;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active,
    .open > .btn-default.dropdown-toggle {
        color: #333;
        background-color: #e6e5e5;
        background-image: none;
        border-color: #adadad;
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
        .open > .btn-default.dropdown-toggle:hover,
        .open > .btn-default.dropdown-toggle:focus,
        .open > .btn-default.dropdown-toggle.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
    fieldset[disabled] .btn-default:hover,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #187498;
    border-color: #156382;
}

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #11526c;
        border-color: #030f14;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #11526c;
        border-color: #0c3b4d;
    }

    .btn-primary:active, .btn-primary.active,
    .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #11526c;
        background-image: none;
        border-color: #0c3b4d;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
        .open > .btn-primary.dropdown-toggle:hover,
        .open > .btn-primary.dropdown-toggle:focus,
        .open > .btn-primary.dropdown-toggle.focus {
            color: #fff;
            background-color: #0c3b4d;
            border-color: #030f14;
        }

    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary:hover,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #187498;
        border-color: #156382;
    }

    .btn-primary .badge {
        color: #187498;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active,
    .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #398439;
    }

        .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
        .open > .btn-success.dropdown-toggle:hover,
        .open > .btn-success.dropdown-toggle:focus,
        .open > .btn-success.dropdown-toggle.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
    fieldset[disabled] .btn-success:hover,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active,
    .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        background-image: none;
        border-color: #269abc;
    }

        .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
        .open > .btn-info.dropdown-toggle:hover,
        .open > .btn-info.dropdown-toggle:focus,
        .open > .btn-info.dropdown-toggle.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
    fieldset[disabled] .btn-info:hover,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active,
    .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        background-image: none;
        border-color: #d58512;
    }

        .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
        .open > .btn-warning.dropdown-toggle:hover,
        .open > .btn-warning.dropdown-toggle:focus,
        .open > .btn-warning.dropdown-toggle.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning:hover,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active,
    .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        background-image: none;
        border-color: #ac2925;
    }

        .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
        .open > .btn-danger.dropdown-toggle:hover,
        .open > .btn-danger.dropdown-toggle:focus,
        .open > .btn-danger.dropdown-toggle.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger:hover,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: 400;
    color: #187498;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #0e4256;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:hover,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.428571429;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #187498;
        outline: 0;
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #777777;
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:hover,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar:before, .btn-toolbar:after {
        display: table;
        content: " ";
    }

    .btn-toolbar:after {
        clear: both;
    }

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
        display: table;
        content: " ";
    }

    .btn-group-vertical > .btn-group:after {
        clear: both;
    }

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell;
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 0;
}

    .input-group-addon.input-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav:before, .nav:after {
        display: table;
        content: " ";
    }

    .nav:after {
        clear: both;
    }

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

        .nav > li.disabled > a {
            color: #777777;
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #777777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #eeeeee;
        border-color: #187498;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 0 0 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #ddd;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 0;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #187498;
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}

    .nav-justified > li, .nav-tabs.nav-justified > li {
        float: none;
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 0 0 0 0;
    }

    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

    .navbar:before, .navbar:after {
        display: table;
        content: " ";
    }

    .navbar:after {
        clear: both;
    }

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

.navbar-header:before, .navbar-header:after {
    display: table;
    content: " ";
}

.navbar-header:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse:before, .navbar-collapse:after {
        display: table;
        content: " ";
    }

    .navbar-collapse:after {
        clear: both;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 340px;
    }

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0;
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #5e5d5d;
            background-color: transparent;
        }

    .navbar-default .navbar-text {
        color: #777;
    }

    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #ddd;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
    }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #090808;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #090808;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #090808;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #090808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #333;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff;
    }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/ ";
        }

    .breadcrumb > .active {
        color: #777777;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            color: #187498;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

            .pagination > li > a:hover, .pagination > li > a:focus,
            .pagination > li > span:hover,
            .pagination > li > span:focus {
                z-index: 2;
                color: #0e4256;
                background-color: #eeeeee;
                border-color: #ddd;
            }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
        }

    .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
    .pagination > .active > span,
    .pagination > .active > span:hover,
    .pagination > .active > span:focus {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #187498;
        border-color: #187498;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager:before, .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #777777;
        cursor: not-allowed;
        background-color: #fff;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

    .label:empty {
        display: none;
    }

.btn .label {
    position: relative;
    top: -1px;
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label-default {
    background-color: #777777;
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #187498;
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #11526c;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #c9302c;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge, .btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #187498;
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eeeeee;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron,
.container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: border 0.2s ease-in-out;
}

    .thumbnail > img,
    .thumbnail a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .thumbnail .caption {
        padding: 9px;
        color: #333333;
    }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #187498;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #187498;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:last-child {
        margin-bottom: 0;
    }

    .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
        color: #777777;
        cursor: not-allowed;
        background-color: #eeeeee;
    }

        .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
            color: inherit;
        }

        .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
            color: #777777;
        }

    .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
        z-index: 2;
        color: #fff;
        background-color: #187498;
        border-color: #187498;
    }

        .list-group-item.active .list-group-item-heading,
        .list-group-item.active .list-group-item-heading > small,
        .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
        .list-group-item.active:hover .list-group-item-heading > small,
        .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
        .list-group-item.active:focus .list-group-item-heading > small,
        .list-group-item.active:focus .list-group-item-heading > .small {
            color: inherit;
        }

        .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
            color: #8fd3ed;
        }

a.list-group-item,
button.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:hover, a.list-group-item:focus,
    button.list-group-item:hover,
    button.list-group-item:focus {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:hover, a.list-group-item-success:focus,
    button.list-group-item-success:hover,
    button.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
    button.list-group-item-success.active,
    button.list-group-item-success.active:hover,
    button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:hover, a.list-group-item-info:focus,
    button.list-group-item-info:hover,
    button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
    button.list-group-item-info.active,
    button.list-group-item-info.active:hover,
    button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:hover, a.list-group-item-warning:focus,
    button.list-group-item-warning:hover,
    button.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
    button.list-group-item-warning.active,
    button.list-group-item-warning.active:hover,
    button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:hover, a.list-group-item-danger:focus,
    button.list-group-item-danger:hover,
    button.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
    button.list-group-item-danger.active,
    button.list-group-item-danger.active:hover,
    button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:before, .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-right: 15px;
        padding-left: 15px;
    }

    .panel > .table:first-child > thead:first-child > tr:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
        border-top-left-radius: -1;
        border-top-right-radius: -1;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
            border-top-left-radius: -1;
        }

        .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
            border-top-right-radius: -1;
        }

    .panel > .table:last-child > tbody:last-child > tr:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
        border-bottom-right-radius: -1;
        border-bottom-left-radius: -1;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: -1;
        }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: -1;
        }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 0;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #187498;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #187498;
        border-color: #187498;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #187498;
        }

        .panel-primary > .panel-heading .badge {
            color: #187498;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #187498;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        transform: translate(0, -25%);
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header:before, .modal-header:after {
        display: table;
        content: " ";
    }

    .modal-header:after {
        clear: both;
    }

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before, .modal-footer:after {
        display: table;
        content: " ";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.428571429;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: 0.9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000;
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000;
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.428571429;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

    .popover > .arrow {
        border-width: 11px;
    }

        .popover > .arrow, .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

            .popover > .arrow:after {
                content: "";
                border-width: 10px;
            }

    .popover.top > .arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999999;
        border-top-color: rgba(0, 0, 0, 0.25);
        border-bottom-width: 0;
    }

        .popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0;
        }

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999999;
        border-right-color: rgba(0, 0, 0, 0.25);
        border-left-width: 0;
    }

        .popover.right > .arrow:after {
            bottom: -10px;
            left: 1px;
            content: " ";
            border-right-color: #fff;
            border-left-width: 0;
        }

    .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999999;
        border-bottom-color: rgba(0, 0, 0, 0.25);
    }

        .popover.bottom > .arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff;
        }

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999999;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

        .popover.left > .arrow:after {
            right: 1px;
            bottom: -10px;
            content: " ";
            border-right-width: 0;
            border-left-color: #fff;
        }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        transition: transform 0.6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px;
    }

        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: 0.5;
}

    .carousel-control.left {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:hover, .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        filter: alpha(opacity=90);
        opacity: 0.9;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: "\2039";
        }

        .carousel-control .icon-next:before {
            content: "\203a";
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/*

    VARIABLES

*/
/*

  DEBUG CHILDREN
  Docs: http://tachyons.io/docs/debug/

  Just add the debug class to any element to see outlines on its
  children.

*/
.debug * {
    outline: 1px solid gold;
}

.debug-white * {
    outline: 1px solid white;
}

.debug-black * {
    outline: 1px solid black;
}

/*

   DEBUG GRID
   http://tachyons.io/docs/debug-grid/

   Can be useful for debugging layout issues
   or helping to make sure things line up perfectly.
   Just tack one of these classes onto a parent element.

*/
.debug-grid {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left;
}

.debug-grid-16 {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left;
}

.debug-grid-8-solid {
    background: white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left;
}

.debug-grid-16-solid {
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left;
}

/*

   ASPECT RATIOS

*/
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */
.aspect-ratio {
    height: 0;
    position: relative;
}

.aspect-ratio--16x9 {
    padding-bottom: 56.25%;
}

.aspect-ratio--9x16 {
    padding-bottom: 177.77%;
}

.aspect-ratio--4x3 {
    padding-bottom: 75%;
}

.aspect-ratio--3x4 {
    padding-bottom: 133.33%;
}

.aspect-ratio--6x4 {
    padding-bottom: 66.6%;
}

.aspect-ratio--4x6 {
    padding-bottom: 150%;
}

.aspect-ratio--8x5 {
    padding-bottom: 62.5%;
}

.aspect-ratio--5x8 {
    padding-bottom: 160%;
}

.aspect-ratio--7x5 {
    padding-bottom: 71.42%;
}

.aspect-ratio--5x7 {
    padding-bottom: 140%;
}

.aspect-ratio--1x1 {
    padding-bottom: 100%;
}

.aspect-ratio--object {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

@media screen and (min-width: 30em) {
    .aspect-ratio-ns {
        height: 0;
        position: relative;
    }

    .aspect-ratio--16x9-ns {
        padding-bottom: 56.25%;
    }

    .aspect-ratio--9x16-ns {
        padding-bottom: 177.77%;
    }

    .aspect-ratio--4x3-ns {
        padding-bottom: 75%;
    }

    .aspect-ratio--3x4-ns {
        padding-bottom: 133.33%;
    }

    .aspect-ratio--6x4-ns {
        padding-bottom: 66.6%;
    }

    .aspect-ratio--4x6-ns {
        padding-bottom: 150%;
    }

    .aspect-ratio--8x5-ns {
        padding-bottom: 62.5%;
    }

    .aspect-ratio--5x8-ns {
        padding-bottom: 160%;
    }

    .aspect-ratio--7x5-ns {
        padding-bottom: 71.42%;
    }

    .aspect-ratio--5x7-ns {
        padding-bottom: 140%;
    }

    .aspect-ratio--1x1-ns {
        padding-bottom: 100%;
    }

    .aspect-ratio--object-ns {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .aspect-ratio-m {
        height: 0;
        position: relative;
    }

    .aspect-ratio--16x9-m {
        padding-bottom: 56.25%;
    }

    .aspect-ratio--9x16-m {
        padding-bottom: 177.77%;
    }

    .aspect-ratio--4x3-m {
        padding-bottom: 75%;
    }

    .aspect-ratio--3x4-m {
        padding-bottom: 133.33%;
    }

    .aspect-ratio--6x4-m {
        padding-bottom: 66.6%;
    }

    .aspect-ratio--4x6-m {
        padding-bottom: 150%;
    }

    .aspect-ratio--8x5-m {
        padding-bottom: 62.5%;
    }

    .aspect-ratio--5x8-m {
        padding-bottom: 160%;
    }

    .aspect-ratio--7x5-m {
        padding-bottom: 71.42%;
    }

    .aspect-ratio--5x7-m {
        padding-bottom: 140%;
    }

    .aspect-ratio--1x1-m {
        padding-bottom: 100%;
    }

    .aspect-ratio--object-m {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }
}

@media screen and (min-width: 60em) {
    .aspect-ratio-l {
        height: 0;
        position: relative;
    }

    .aspect-ratio--16x9-l {
        padding-bottom: 56.25%;
    }

    .aspect-ratio--9x16-l {
        padding-bottom: 177.77%;
    }

    .aspect-ratio--4x3-l {
        padding-bottom: 75%;
    }

    .aspect-ratio--3x4-l {
        padding-bottom: 133.33%;
    }

    .aspect-ratio--6x4-l {
        padding-bottom: 66.6%;
    }

    .aspect-ratio--4x6-l {
        padding-bottom: 150%;
    }

    .aspect-ratio--8x5-l {
        padding-bottom: 62.5%;
    }

    .aspect-ratio--5x8-l {
        padding-bottom: 160%;
    }

    .aspect-ratio--7x5-l {
        padding-bottom: 71.42%;
    }

    .aspect-ratio--5x7-l {
        padding-bottom: 140%;
    }

    .aspect-ratio--1x1-l {
        padding-bottom: 100%;
    }

    .aspect-ratio--object-l {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }
}

/*

    BACKGROUND POSITION

    Base:
    bg = background

    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.bg-center {
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-top {
    background-repeat: no-repeat;
    background-position: top center;
}

.bg-right {
    background-repeat: no-repeat;
    background-position: center right;
}

.bg-bottom {
    background-repeat: no-repeat;
    background-position: bottom center;
}

.bg-left {
    background-repeat: no-repeat;
    background-position: center left;
}

@media screen and (min-width: 30em) {
    .bg-center-ns {
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-top-ns {
        background-repeat: no-repeat;
        background-position: top center;
    }

    .bg-right-ns {
        background-repeat: no-repeat;
        background-position: center right;
    }

    .bg-bottom-ns {
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .bg-left-ns {
        background-repeat: no-repeat;
        background-position: center left;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .bg-center-m {
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-top-m {
        background-repeat: no-repeat;
        background-position: top center;
    }

    .bg-right-m {
        background-repeat: no-repeat;
        background-position: center right;
    }

    .bg-bottom-m {
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .bg-left-m {
        background-repeat: no-repeat;
        background-position: center left;
    }
}

@media screen and (min-width: 60em) {
    .bg-center-l {
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-top-l {
        background-repeat: no-repeat;
        background-position: top center;
    }

    .bg-right-l {
        background-repeat: no-repeat;
        background-position: center right;
    }

    .bg-bottom-l {
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .bg-left-l {
        background-repeat: no-repeat;
        background-position: center left;
    }
}

/*

   BACKGROUND SIZE
   Docs: http://tachyons.io/docs/themes/background-size/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
.cover {
    background-size: cover !important;
}

.contain {
    background-size: contain !important;
}

@media screen and (min-width: 30em) {
    .cover-ns {
        background-size: cover !important;
    }

    .contain-ns {
        background-size: contain !important;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .cover-m {
        background-size: cover !important;
    }

    .contain-m {
        background-size: contain !important;
    }
}

@media screen and (min-width: 60em) {
    .cover-l {
        background-size: cover !important;
    }

    .contain-l {
        background-size: contain !important;
    }
}

/*

   BORDER COLORS
   Docs: http://tachyons.io/docs/themes/borders/

   Border colors can be used to extend the base
   border classes ba,bt,bb,br,bl found in the _borders.css file.

   The base border class by default will set the color of the border
   to that of the current text color. These classes are for the cases
   where you desire for the text and border colors to be different.

   Base:
     b = border

   Modifiers:
   --color-name = each color variable name is also a border color name

*/
.b--black {
    border-color: #000;
}

.b--near-black {
    border-color: #111;
}

.b--dark-gray {
    border-color: #333;
}

.b--mid-gray {
    border-color: #555;
}

.b--gray {
    border-color: #555555;
}

.b--silver {
    border-color: #999;
}

.b--light-silver {
    border-color: #aaa;
}

.b--moon-gray {
    border-color: #ccc;
}

.b--light-gray {
    border-color: #eee;
}

.b--near-white {
    border-color: #f4f4f4;
}

.b--white {
    border-color: #fff;
}

.b--white-90 {
    border-color: rgba(255, 255, 255, 0.9);
}

.b--white-80 {
    border-color: rgba(255, 255, 255, 0.8);
}

.b--white-70 {
    border-color: rgba(255, 255, 255, 0.7);
}

.b--white-60 {
    border-color: rgba(255, 255, 255, 0.6);
}

.b--white-50 {
    border-color: rgba(255, 255, 255, 0.5);
}

.b--white-40 {
    border-color: rgba(255, 255, 255, 0.4);
}

.b--white-30 {
    border-color: rgba(255, 255, 255, 0.3);
}

.b--white-20 {
    border-color: rgba(255, 255, 255, 0.2);
}

.b--white-10 {
    border-color: rgba(255, 255, 255, 0.1);
}

.b--white-05 {
    border-color: rgba(255, 255, 255, 0.05);
}

.b--white-025 {
    border-color: rgba(255, 255, 255, 0.025);
}

.b--white-0125 {
    border-color: rgba(255, 255, 255, 0.0125);
}

.b--black-90 {
    border-color: rgba(0, 0, 0, 0.9);
}

.b--black-80 {
    border-color: rgba(0, 0, 0, 0.8);
}

.b--black-70 {
    border-color: rgba(0, 0, 0, 0.7);
}

.b--black-60 {
    border-color: rgba(0, 0, 0, 0.6);
}

.b--black-50 {
    border-color: rgba(0, 0, 0, 0.5);
}

.b--black-40 {
    border-color: rgba(0, 0, 0, 0.4);
}

.b--black-30 {
    border-color: rgba(0, 0, 0, 0.3);
}

.b--black-20 {
    border-color: rgba(0, 0, 0, 0.2);
}

.b--black-10 {
    border-color: rgba(0, 0, 0, 0.1);
}

.b--black-05 {
    border-color: rgba(0, 0, 0, 0.05);
}

.b--black-025 {
    border-color: rgba(0, 0, 0, 0.025);
}

.b--black-0125 {
    border-color: rgba(0, 0, 0, 0.0125);
}

.b--dark-red {
    border-color: #e7040f;
}

.b--red {
    border-color: #ff4136;
}

.b--light-red {
    border-color: #ff725c;
}

.b--orange {
    border-color: #ff6300;
}

.b--gold {
    border-color: #ffb700;
}

.b--yellow {
    border-color: #ffd700;
}

.b--light-yellow {
    border-color: #fbf1a9;
}

.b--purple {
    border-color: #5e2ca5;
}

.b--light-purple {
    border-color: #a463f2;
}

.b--dark-pink {
    border-color: #d5008f;
}

.b--hot-pink {
    border-color: #ff41b4;
}

.b--pink {
    border-color: #ff80cc;
}

.b--light-pink {
    border-color: #ffa3d7;
}

.b--dark-green {
    border-color: #137752;
}

.b--green {
    border-color: #19a974;
}

.b--light-green {
    border-color: #9eebcf;
}

.b--navy {
    border-color: #001b44;
}

.b--dark-blue {
    border-color: #00449e;
}

.b--blue {
    border-color: #357edd;
}

.b--light-blue {
    border-color: #96ccff;
}

.b--lightest-blue {
    border-color: #cdecff;
}

.b--washed-blue {
    border-color: #f6fffe;
}

.b--washed-green {
    border-color: #e8fdf5;
}

.b--washed-yellow {
    border-color: #fffceb;
}

.b--washed-red {
    border-color: #ffdfdf;
}

.b--transparent {
    border-color: transparent;
}

.b--inherit {
    border-color: inherit;
}

/*

   BORDER RADIUS
   Docs: http://tachyons.io/docs/themes/border-radius/

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale

   Literal values:
     -100 = 100%
     -pill = 9999px

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.br0 {
    border-radius: 0;
}

.br1 {
    border-radius: 0.125rem;
}

.br2 {
    border-radius: 0.25rem;
}

.br3 {
    border-radius: 0.5rem;
}

.br4 {
    border-radius: 1rem;
}

.br-100 {
    border-radius: 100%;
}

.br-pill {
    border-radius: 9999px;
}

.br--bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.br--top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.br--right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.br--left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media screen and (min-width: 30em) {
    .br0-ns {
        border-radius: 0;
    }

    .br1-ns {
        border-radius: 0.125rem;
    }

    .br2-ns {
        border-radius: 0.25rem;
    }

    .br3-ns {
        border-radius: 0.5rem;
    }

    .br4-ns {
        border-radius: 1rem;
    }

    .br-100-ns {
        border-radius: 100%;
    }

    .br-pill-ns {
        border-radius: 9999px;
    }

    .br--bottom-ns {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .br--top-ns {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .br--right-ns {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .br--left-ns {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .br0-m {
        border-radius: 0;
    }

    .br1-m {
        border-radius: 0.125rem;
    }

    .br2-m {
        border-radius: 0.25rem;
    }

    .br3-m {
        border-radius: 0.5rem;
    }

    .br4-m {
        border-radius: 1rem;
    }

    .br-100-m {
        border-radius: 100%;
    }

    .br-pill-m {
        border-radius: 9999px;
    }

    .br--bottom-m {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .br--top-m {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .br--right-m {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .br--left-m {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media screen and (min-width: 60em) {
    .br0-l {
        border-radius: 0;
    }

    .br1-l {
        border-radius: 0.125rem;
    }

    .br2-l {
        border-radius: 0.25rem;
    }

    .br3-l {
        border-radius: 0.5rem;
    }

    .br4-l {
        border-radius: 1rem;
    }

    .br-100-l {
        border-radius: 100%;
    }

    .br-pill-l {
        border-radius: 9999px;
    }

    .br--bottom-l {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .br--top-l {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .br--right-l {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .br--left-l {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/*

   BORDER STYLES
   Docs: http://tachyons.io/docs/themes/borders/

   Depends on base border module in _borders.css

   Base:
     b = border-style

   Modifiers:
     --none   = none
     --dotted = dotted
     --dashed = dashed
     --solid  = solid

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

 */
.b--dotted {
    border-style: dotted;
}

.b--dashed {
    border-style: dashed;
}

.b--solid {
    border-style: solid;
}

.b--none {
    border-style: none;
}

@media screen and (min-width: 30em) {
    .b--dotted-ns {
        border-style: dotted;
    }

    .b--dashed-ns {
        border-style: dashed;
    }

    .b--solid-ns {
        border-style: solid;
    }

    .b--none-ns {
        border-style: none;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .b--dotted-m {
        border-style: dotted;
    }

    .b--dashed-m {
        border-style: dashed;
    }

    .b--solid-m {
        border-style: solid;
    }

    .b--none-m {
        border-style: none;
    }
}

@media screen and (min-width: 60em) {
    .b--dotted-l {
        border-style: dotted;
    }

    .b--dashed-l {
        border-style: dashed;
    }

    .b--solid-l {
        border-style: solid;
    }

    .b--none-l {
        border-style: none;
    }
}

/*

   BORDER WIDTHS
   Docs: http://tachyons.io/docs/themes/borders/

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.bw0 {
    border-width: 0;
}

.bw1 {
    border-width: 0.125rem;
}

.bw2 {
    border-width: 0.25rem;
}

.bw3 {
    border-width: 0.5rem;
}

.bw4 {
    border-width: 1rem;
}

.bw5 {
    border-width: 2rem;
}

/* Resets */
.bt-0 {
    border-top-width: 0;
}

.br-0 {
    border-right-width: 0;
}

.bb-0 {
    border-bottom-width: 0;
}

.bl-0 {
    border-left-width: 0;
}

@media screen and (min-width: 30em) {
    .bw0-ns {
        border-width: 0;
    }

    .bw1-ns {
        border-width: 0.125rem;
    }

    .bw2-ns {
        border-width: 0.25rem;
    }

    .bw3-ns {
        border-width: 0.5rem;
    }

    .bw4-ns {
        border-width: 1rem;
    }

    .bw5-ns {
        border-width: 2rem;
    }

    .bt-0-ns {
        border-top-width: 0;
    }

    .br-0-ns {
        border-right-width: 0;
    }

    .bb-0-ns {
        border-bottom-width: 0;
    }

    .bl-0-ns {
        border-left-width: 0;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .bw0-m {
        border-width: 0;
    }

    .bw1-m {
        border-width: 0.125rem;
    }

    .bw2-m {
        border-width: 0.25rem;
    }

    .bw3-m {
        border-width: 0.5rem;
    }

    .bw4-m {
        border-width: 1rem;
    }

    .bw5-m {
        border-width: 2rem;
    }

    .bt-0-m {
        border-top-width: 0;
    }

    .br-0-m {
        border-right-width: 0;
    }

    .bb-0-m {
        border-bottom-width: 0;
    }

    .bl-0-m {
        border-left-width: 0;
    }
}

@media screen and (min-width: 60em) {
    .bw0-l {
        border-width: 0;
    }

    .bw1-l {
        border-width: 0.125rem;
    }

    .bw2-l {
        border-width: 0.25rem;
    }

    .bw3-l {
        border-width: 0.5rem;
    }

    .bw4-l {
        border-width: 1rem;
    }

    .bw5-l {
        border-width: 2rem;
    }

    .bt-0-l {
        border-top-width: 0;
    }

    .br-0-l {
        border-right-width: 0;
    }

    .bb-0-l {
        border-bottom-width: 0;
    }

    .bl-0-l {
        border-left-width: 0;
    }
}

/*

    BORDERS
    Docs: http://tachyons.io/docs/themes/borders/

    Base:
      b = border

    Modifiers:
      a = all
      t = top
      r = right
      b = bottom
      l = left
      n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ba {
    border-style: solid;
    border-width: 1px;
}

.bt {
    border-top-style: solid;
    border-top-width: 1px;
}

.br {
    border-right-style: solid;
    border-right-width: 1px;
}

.bb {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.bl {
    border-left-style: solid;
    border-left-width: 1px;
}

.bn {
    border-style: none;
    border-width: 0;
}

@media screen and (min-width: 30em) {
    .ba-ns {
        border-style: solid;
        border-width: 1px;
    }

    .bt-ns {
        border-top-style: solid;
        border-top-width: 1px;
    }

    .br-ns {
        border-right-style: solid;
        border-right-width: 1px;
    }

    .bb-ns {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .bl-ns {
        border-left-style: solid;
        border-left-width: 1px;
    }

    .bn-ns {
        border-style: none;
        border-width: 0;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .ba-m {
        border-style: solid;
        border-width: 1px;
    }

    .bt-m {
        border-top-style: solid;
        border-top-width: 1px;
    }

    .br-m {
        border-right-style: solid;
        border-right-width: 1px;
    }

    .bb-m {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .bl-m {
        border-left-style: solid;
        border-left-width: 1px;
    }

    .bn-m {
        border-style: none;
        border-width: 0;
    }
}

@media screen and (min-width: 60em) {
    .ba-l {
        border-style: solid;
        border-width: 1px;
    }

    .bt-l {
        border-top-style: solid;
        border-top-width: 1px;
    }

    .br-l {
        border-right-style: solid;
        border-right-width: 1px;
    }

    .bb-l {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .bl-l {
        border-left-style: solid;
        border-left-width: 1px;
    }

    .bn-l {
        border-style: none;
        border-width: 0;
    }
}

/*

  BOX-SHADOW
  Docs: http://tachyons.io/docs/themes/box-shadow/

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

 */
.shadow-1 {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-2 {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}

.shadow-3 {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-4 {
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.shadow-5 {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 30em) {
    .shadow-1-ns {
        box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-2-ns {
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-3-ns {
        box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-4-ns {
        box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
    }

    .shadow-5-ns {
        box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .shadow-1-m {
        box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-2-m {
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-3-m {
        box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-4-m {
        box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
    }

    .shadow-5-m {
        box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (min-width: 60em) {
    .shadow-1-l {
        box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-2-l {
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-3-l {
        box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
    }

    .shadow-4-l {
        box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
    }

    .shadow-5-l {
        box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
    }
}

/*

  BOX SIZING

*/
html,
body,
div,
article,
section,
main,
footer,
header,
form,
fieldset,
legend,
pre,
code,
a,
h1, h2, h3, h4, h5, h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
textarea,
table,
td,
th,
tr,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
.border-box {
    box-sizing: border-box;
}

/*

   CLEARFIX
   http://tachyons.io/docs/layout/clearfix/

*/
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.cb {
    clear: both;
}

.cn {
    clear: none;
}

@media screen and (min-width: 30em) {
    .cl-ns {
        clear: left;
    }

    .cr-ns {
        clear: right;
    }

    .cb-ns {
        clear: both;
    }

    .cn-ns {
        clear: none;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .cl-m {
        clear: left;
    }

    .cr-m {
        clear: right;
    }

    .cb-m {
        clear: both;
    }

    .cn-m {
        clear: none;
    }
}

@media screen and (min-width: 60em) {
    .cl-l {
        clear: left;
    }

    .cr-l {
        clear: right;
    }

    .cb-l {
        clear: both;
    }

    .cn-l {
        clear: none;
    }
}

/*

   CODE

*/
.pre {
    overflow-x: auto;
    overflow-y: hidden;
    overflow: scroll;
}

/*

   COORDINATES
   Docs: http://tachyons.io/docs/layout/position/

   Use in combination with the position module.

   Base:
     top
     bottom
     right
     left

   Modifiers:
     -0  = literal value 0
     -1  = literal value 1
     -2  = literal value 2
     --1 = literal value -1
     --2 = literal value -2

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.top-1 {
    top: 1rem;
}

.right-1 {
    right: 1rem;
}

.bottom-1 {
    bottom: 1rem;
}

.left-1 {
    left: 1rem;
}

.top-2 {
    top: 2rem;
}

.right-2 {
    right: 2rem;
}

.bottom-2 {
    bottom: 2rem;
}

.left-2 {
    left: 2rem;
}

.top--1 {
    top: -1rem;
}

.right--1 {
    right: -1rem;
}

.bottom--1 {
    bottom: -1rem;
}

.left--1 {
    left: -1rem;
}

.top--2 {
    top: -2rem;
}

.right--2 {
    right: -2rem;
}

.bottom--2 {
    bottom: -2rem;
}

.left--2 {
    left: -2rem;
}

.absolute--fill {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (min-width: 30em) {
    .top-0-ns {
        top: 0;
    }

    .left-0-ns {
        left: 0;
    }

    .right-0-ns {
        right: 0;
    }

    .bottom-0-ns {
        bottom: 0;
    }

    .top-1-ns {
        top: 1rem;
    }

    .left-1-ns {
        left: 1rem;
    }

    .right-1-ns {
        right: 1rem;
    }

    .bottom-1-ns {
        bottom: 1rem;
    }

    .top-2-ns {
        top: 2rem;
    }

    .left-2-ns {
        left: 2rem;
    }

    .right-2-ns {
        right: 2rem;
    }

    .bottom-2-ns {
        bottom: 2rem;
    }

    .top--1-ns {
        top: -1rem;
    }

    .right--1-ns {
        right: -1rem;
    }

    .bottom--1-ns {
        bottom: -1rem;
    }

    .left--1-ns {
        left: -1rem;
    }

    .top--2-ns {
        top: -2rem;
    }

    .right--2-ns {
        right: -2rem;
    }

    .bottom--2-ns {
        bottom: -2rem;
    }

    .left--2-ns {
        left: -2rem;
    }

    .absolute--fill-ns {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .top-0-m {
        top: 0;
    }

    .left-0-m {
        left: 0;
    }

    .right-0-m {
        right: 0;
    }

    .bottom-0-m {
        bottom: 0;
    }

    .top-1-m {
        top: 1rem;
    }

    .left-1-m {
        left: 1rem;
    }

    .right-1-m {
        right: 1rem;
    }

    .bottom-1-m {
        bottom: 1rem;
    }

    .top-2-m {
        top: 2rem;
    }

    .left-2-m {
        left: 2rem;
    }

    .right-2-m {
        right: 2rem;
    }

    .bottom-2-m {
        bottom: 2rem;
    }

    .top--1-m {
        top: -1rem;
    }

    .right--1-m {
        right: -1rem;
    }

    .bottom--1-m {
        bottom: -1rem;
    }

    .left--1-m {
        left: -1rem;
    }

    .top--2-m {
        top: -2rem;
    }

    .right--2-m {
        right: -2rem;
    }

    .bottom--2-m {
        bottom: -2rem;
    }

    .left--2-m {
        left: -2rem;
    }

    .absolute--fill-m {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media screen and (min-width: 60em) {
    .top-0-l {
        top: 0;
    }

    .left-0-l {
        left: 0;
    }

    .right-0-l {
        right: 0;
    }

    .bottom-0-l {
        bottom: 0;
    }

    .top-1-l {
        top: 1rem;
    }

    .left-1-l {
        left: 1rem;
    }

    .right-1-l {
        right: 1rem;
    }

    .bottom-1-l {
        bottom: 1rem;
    }

    .top-2-l {
        top: 2rem;
    }

    .left-2-l {
        left: 2rem;
    }

    .right-2-l {
        right: 2rem;
    }

    .bottom-2-l {
        bottom: 2rem;
    }

    .top--1-l {
        top: -1rem;
    }

    .right--1-l {
        right: -1rem;
    }

    .bottom--1-l {
        bottom: -1rem;
    }

    .left--1-l {
        left: -1rem;
    }

    .top--2-l {
        top: -2rem;
    }

    .right--2-l {
        right: -2rem;
    }

    .bottom--2-l {
        bottom: -2rem;
    }

    .left--2-l {
        left: -2rem;
    }

    .absolute--fill-l {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

/*debug-children*/
/*debug-grid*/
/*debug*/
/*debug_children*/
/*

   DISPLAY
   Docs: http://tachyons.io/docs/layout/display

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    tr    = table-row
    tcol  = table-column
    tcolg = table-column-group

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.dn {
    display: none;
}

.di {
    display: inline;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.dit {
    display: inline-table;
}

.dt {
    display: table;
}

.dtc {
    display: table-cell;
}

.dt-row {
    display: table-row;
}

.dt-row-group {
    display: table-row-group;
}

.dt-column {
    display: table-column;
}

.dt-column-group {
    display: table-column-group;
}

/*
  This will set table to full width and then
  all cells will be equal width
*/
.dt--fixed {
    table-layout: fixed;
    width: 100%;
}

@media screen and (min-width: 30em) {
    .dn-ns {
        display: none;
    }

    .di-ns {
        display: inline;
    }

    .db-ns {
        display: block;
    }

    .dib-ns {
        display: inline-block;
    }

    .dit-ns {
        display: inline-table;
    }

    .dt-ns {
        display: table;
    }

    .dtc-ns {
        display: table-cell;
    }

    .dt-row-ns {
        display: table-row;
    }

    .dt-row-group-ns {
        display: table-row-group;
    }

    .dt-column-ns {
        display: table-column;
    }

    .dt-column-group-ns {
        display: table-column-group;
    }

    .dt--fixed-ns {
        table-layout: fixed;
        width: 100%;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .dn-m {
        display: none;
    }

    .di-m {
        display: inline;
    }

    .db-m {
        display: block;
    }

    .dib-m {
        display: inline-block;
    }

    .dit-m {
        display: inline-table;
    }

    .dt-m {
        display: table;
    }

    .dtc-m {
        display: table-cell;
    }

    .dt-row-m {
        display: table-row;
    }

    .dt-row-group-m {
        display: table-row-group;
    }

    .dt-column-m {
        display: table-column;
    }

    .dt-column-group-m {
        display: table-column-group;
    }

    .dt--fixed-m {
        table-layout: fixed;
        width: 100%;
    }
}

@media screen and (min-width: 60em) {
    .dn-l {
        display: none;
    }

    .di-l {
        display: inline;
    }

    .db-l {
        display: block;
    }

    .dib-l {
        display: inline-block;
    }

    .dit-l {
        display: inline-table;
    }

    .dt-l {
        display: table;
    }

    .dtc-l {
        display: table-cell;
    }

    .dt-row-l {
        display: table-row;
    }

    .dt-row-group-l {
        display: table-row-group;
    }

    .dt-column-l {
        display: table-column;
    }

    .dt-column-group-l {
        display: table-column-group;
    }

    .dt--fixed-l {
        table-layout: fixed;
        width: 100%;
    }
}

/*

  FLEXBOX

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

*/
.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
}

.flex-none {
    flex: none;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.content-stretch {
    align-content: stretch;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-last {
    order: 99999;
}

.flex-grow-0 {
    flex-grow: 0;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-shrink-1 {
    flex-shrink: 1;
}

@media screen and (min-width: 30em) {
    .flex-ns {
        display: flex;
    }

    .inline-flex-ns {
        display: inline-flex;
    }

    .flex-auto-ns {
        flex: 1 1 auto;
        min-width: 0;
        /* 1 */
        min-height: 0;
        /* 1 */
    }

    .flex-none-ns {
        flex: none;
    }

    .flex-column-ns {
        flex-direction: column;
    }

    .flex-row-ns {
        flex-direction: row;
    }

    .flex-wrap-ns {
        flex-wrap: wrap;
    }

    .flex-nowrap-ns {
        flex-wrap: nowrap;
    }

    .flex-wrap-reverse-ns {
        flex-wrap: wrap-reverse;
    }

    .flex-column-reverse-ns {
        flex-direction: column-reverse;
    }

    .flex-row-reverse-ns {
        flex-direction: row-reverse;
    }

    .items-start-ns {
        align-items: flex-start;
    }

    .items-end-ns {
        align-items: flex-end;
    }

    .items-center-ns {
        align-items: center;
    }

    .items-baseline-ns {
        align-items: baseline;
    }

    .items-stretch-ns {
        align-items: stretch;
    }

    .self-start-ns {
        align-self: flex-start;
    }

    .self-end-ns {
        align-self: flex-end;
    }

    .self-center-ns {
        align-self: center;
    }

    .self-baseline-ns {
        align-self: baseline;
    }

    .self-stretch-ns {
        align-self: stretch;
    }

    .justify-start-ns {
        justify-content: flex-start;
    }

    .justify-end-ns {
        justify-content: flex-end;
    }

    .justify-center-ns {
        justify-content: center;
    }

    .justify-between-ns {
        justify-content: space-between;
    }

    .justify-around-ns {
        justify-content: space-around;
    }

    .content-start-ns {
        align-content: flex-start;
    }

    .content-end-ns {
        align-content: flex-end;
    }

    .content-center-ns {
        align-content: center;
    }

    .content-between-ns {
        align-content: space-between;
    }

    .content-around-ns {
        align-content: space-around;
    }

    .content-stretch-ns {
        align-content: stretch;
    }

    .order-0-ns {
        order: 0;
    }

    .order-1-ns {
        order: 1;
    }

    .order-2-ns {
        order: 2;
    }

    .order-3-ns {
        order: 3;
    }

    .order-4-ns {
        order: 4;
    }

    .order-5-ns {
        order: 5;
    }

    .order-6-ns {
        order: 6;
    }

    .order-7-ns {
        order: 7;
    }

    .order-8-ns {
        order: 8;
    }

    .order-last-ns {
        order: 99999;
    }

    .flex-grow-0-ns {
        flex-grow: 0;
    }

    .flex-grow-1-ns {
        flex-grow: 1;
    }

    .flex-shrink-0-ns {
        flex-shrink: 0;
    }

    .flex-shrink-1-ns {
        flex-shrink: 1;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .flex-m {
        display: flex;
    }

    .inline-flex-m {
        display: inline-flex;
    }

    .flex-auto-m {
        flex: 1 1 auto;
        min-width: 0;
        /* 1 */
        min-height: 0;
        /* 1 */
    }

    .flex-none-m {
        flex: none;
    }

    .flex-column-m {
        flex-direction: column;
    }

    .flex-row-m {
        flex-direction: row;
    }

    .flex-wrap-m {
        flex-wrap: wrap;
    }

    .flex-nowrap-m {
        flex-wrap: nowrap;
    }

    .flex-wrap-reverse-m {
        flex-wrap: wrap-reverse;
    }

    .flex-column-reverse-m {
        flex-direction: column-reverse;
    }

    .flex-row-reverse-m {
        flex-direction: row-reverse;
    }

    .items-start-m {
        align-items: flex-start;
    }

    .items-end-m {
        align-items: flex-end;
    }

    .items-center-m {
        align-items: center;
    }

    .items-baseline-m {
        align-items: baseline;
    }

    .items-stretch-m {
        align-items: stretch;
    }

    .self-start-m {
        align-self: flex-start;
    }

    .self-end-m {
        align-self: flex-end;
    }

    .self-center-m {
        align-self: center;
    }

    .self-baseline-m {
        align-self: baseline;
    }

    .self-stretch-m {
        align-self: stretch;
    }

    .justify-start-m {
        justify-content: flex-start;
    }

    .justify-end-m {
        justify-content: flex-end;
    }

    .justify-center-m {
        justify-content: center;
    }

    .justify-between-m {
        justify-content: space-between;
    }

    .justify-around-m {
        justify-content: space-around;
    }

    .content-start-m {
        align-content: flex-start;
    }

    .content-end-m {
        align-content: flex-end;
    }

    .content-center-m {
        align-content: center;
    }

    .content-between-m {
        align-content: space-between;
    }

    .content-around-m {
        align-content: space-around;
    }

    .content-stretch-m {
        align-content: stretch;
    }

    .order-0-m {
        order: 0;
    }

    .order-1-m {
        order: 1;
    }

    .order-2-m {
        order: 2;
    }

    .order-3-m {
        order: 3;
    }

    .order-4-m {
        order: 4;
    }

    .order-5-m {
        order: 5;
    }

    .order-6-m {
        order: 6;
    }

    .order-7-m {
        order: 7;
    }

    .order-8-m {
        order: 8;
    }

    .order-last-m {
        order: 99999;
    }

    .flex-grow-0-m {
        flex-grow: 0;
    }

    .flex-grow-1-m {
        flex-grow: 1;
    }

    .flex-shrink-0-m {
        flex-shrink: 0;
    }

    .flex-shrink-1-m {
        flex-shrink: 1;
    }
}

@media screen and (min-width: 60em) {
    .flex-l {
        display: flex;
    }

    .inline-flex-l {
        display: inline-flex;
    }

    .flex-auto-l {
        flex: 1 1 auto;
        min-width: 0;
        /* 1 */
        min-height: 0;
        /* 1 */
    }

    .flex-none-l {
        flex: none;
    }

    .flex-column-l {
        flex-direction: column;
    }

    .flex-row-l {
        flex-direction: row;
    }

    .flex-wrap-l {
        flex-wrap: wrap;
    }

    .flex-nowrap-l {
        flex-wrap: nowrap;
    }

    .flex-wrap-reverse-l {
        flex-wrap: wrap-reverse;
    }

    .flex-column-reverse-l {
        flex-direction: column-reverse;
    }

    .flex-row-reverse-l {
        flex-direction: row-reverse;
    }

    .items-start-l {
        align-items: flex-start;
    }

    .items-end-l {
        align-items: flex-end;
    }

    .items-center-l {
        align-items: center;
    }

    .items-baseline-l {
        align-items: baseline;
    }

    .items-stretch-l {
        align-items: stretch;
    }

    .self-start-l {
        align-self: flex-start;
    }

    .self-end-l {
        align-self: flex-end;
    }

    .self-center-l {
        align-self: center;
    }

    .self-baseline-l {
        align-self: baseline;
    }

    .self-stretch-l {
        align-self: stretch;
    }

    .justify-start-l {
        justify-content: flex-start;
    }

    .justify-end-l {
        justify-content: flex-end;
    }

    .justify-center-l {
        justify-content: center;
    }

    .justify-between-l {
        justify-content: space-between;
    }

    .justify-around-l {
        justify-content: space-around;
    }

    .content-start-l {
        align-content: flex-start;
    }

    .content-end-l {
        align-content: flex-end;
    }

    .content-center-l {
        align-content: center;
    }

    .content-between-l {
        align-content: space-between;
    }

    .content-around-l {
        align-content: space-around;
    }

    .content-stretch-l {
        align-content: stretch;
    }

    .order-0-l {
        order: 0;
    }

    .order-1-l {
        order: 1;
    }

    .order-2-l {
        order: 2;
    }

    .order-3-l {
        order: 3;
    }

    .order-4-l {
        order: 4;
    }

    .order-5-l {
        order: 5;
    }

    .order-6-l {
        order: 6;
    }

    .order-7-l {
        order: 7;
    }

    .order-8-l {
        order: 8;
    }

    .order-last-l {
        order: 99999;
    }

    .flex-grow-0-l {
        flex-grow: 0;
    }

    .flex-grow-1-l {
        flex-grow: 1;
    }

    .flex-shrink-0-l {
        flex-shrink: 0;
    }

    .flex-shrink-1-l {
        flex-shrink: 1;
    }
}

/*

   FLOATS
   http://tachyons.io/docs/layout/floats/

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.fll {
    float: left;
    _display: inline;
}

.flr {
    float: right;
    _display: inline;
}

.fln {
    float: none;
}

@media screen and (min-width: 30em) {
    .fll-ns {
        float: left;
        _display: inline;
    }

    .flr-ns {
        float: right;
        _display: inline;
    }

    .fln-ns {
        float: none;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .fll-m {
        float: left;
        _display: inline;
    }

    .flr-m {
        float: right;
        _display: inline;
    }

    .fln-m {
        float: none;
    }
}

@media screen and (min-width: 60em) {
    .fll-l {
        float: left;
        _display: inline;
    }

    .flr-l {
        float: right;
        _display: inline;
    }

    .fln-l {
        float: none;
    }
}

/*

   FONT FAMILY GROUPS
   Docs: http://tachyons.io/docs/typography/font-family/

*/
.sans-serif {
    font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
}

.serif {
    font-family: georgia, serif;
}

.system-sans-serif {
    font-family: sans-serif;
}

.system-serif {
    font-family: serif;
}

/* Monospaced Typefaces (for code) */
/* From http://cssfontstack.com */
code, .code {
    font-family: Consolas, monaco, monospace;
}

.courier {
    font-family: 'Courier Next', courier, monospace;
}

/* Sans-Serif Typefaces */
/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.i {
    font-style: italic;
}

.fs-normal {
    font-style: normal;
}

@media screen and (min-width: 30em) {
    .i-ns {
        font-style: italic;
    }

    .fs-normal-ns {
        font-style: normal;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .i-m {
        font-style: italic;
    }

    .fs-normal-m {
        font-style: normal;
    }
}

@media screen and (min-width: 60em) {
    .i-l {
        font-style: italic;
    }

    .fs-normal-l {
        font-style: normal;
    }
}

/*

   FONT WEIGHT
   Docs: http://tachyons.io/docs/typography/font-weight/

   Base
     fw = font-weight

   Modifiers:
     1 = literal value 100
     2 = literal value 200
     3 = literal value 300
     4 = literal value 400
     5 = literal value 500
     6 = literal value 600
     7 = literal value 700
     8 = literal value 800
     9 = literal value 900

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.normal {
    font-weight: normal;
}

.b {
    font-weight: bold;
}

.fw1 {
    font-weight: 100;
}

.fw2 {
    font-weight: 200;
}

.fw3 {
    font-weight: 300;
}

.fw4 {
    font-weight: 400;
}

.fw5 {
    font-weight: 500;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.fw8 {
    font-weight: 800;
}

.fw9 {
    font-weight: 900;
}

@media screen and (min-width: 30em) {
    .normal-ns {
        font-weight: normal;
    }

    .b-ns {
        font-weight: bold;
    }

    .fw1-ns {
        font-weight: 100;
    }

    .fw2-ns {
        font-weight: 200;
    }

    .fw3-ns {
        font-weight: 300;
    }

    .fw4-ns {
        font-weight: 400;
    }

    .fw5-ns {
        font-weight: 500;
    }

    .fw6-ns {
        font-weight: 600;
    }

    .fw7-ns {
        font-weight: 700;
    }

    .fw8-ns {
        font-weight: 800;
    }

    .fw9-ns {
        font-weight: 900;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .normal-m {
        font-weight: normal;
    }

    .b-m {
        font-weight: bold;
    }

    .fw1-m {
        font-weight: 100;
    }

    .fw2-m {
        font-weight: 200;
    }

    .fw3-m {
        font-weight: 300;
    }

    .fw4-m {
        font-weight: 400;
    }

    .fw5-m {
        font-weight: 500;
    }

    .fw6-m {
        font-weight: 600;
    }

    .fw7-m {
        font-weight: 700;
    }

    .fw8-m {
        font-weight: 800;
    }

    .fw9-m {
        font-weight: 900;
    }
}

@media screen and (min-width: 60em) {
    .normal-l {
        font-weight: normal;
    }

    .b-l {
        font-weight: bold;
    }

    .fw1-l {
        font-weight: 100;
    }

    .fw2-l {
        font-weight: 200;
    }

    .fw3-l {
        font-weight: 300;
    }

    .fw4-l {
        font-weight: 400;
    }

    .fw5-l {
        font-weight: 500;
    }

    .fw6-l {
        font-weight: 600;
    }

    .fw7-l {
        font-weight: 700;
    }

    .fw8-l {
        font-weight: 800;
    }

    .fw9-l {
        font-weight: 900;
    }
}

/*

   FORMS
   
*/
.input-reset {
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .button-reset::-moz-focus-inner,
    .input-reset::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/*gradients*/
/*

   HEIGHTS
   Docs: http://tachyons.io/docs/layout/heights/

   Base:
     h = height
     min-h = min-height
     min-vh = min-height vertical screen height
     vh = vertical screen height

   Modifiers
     1 = 1st step in height scale
     2 = 2nd step in height scale
     3 = 3rd step in height scale
     4 = 4th step in height scale
     5 = 5th step in height scale

     -25   = literal value 25%
     -50   = literal value 50%
     -75   = literal value 75%
     -100  = literal value 100%

     -auto = string value of auto
     -inherit = string value of inherit

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Height Scale */
.h-1 {
    height: 1rem;
}

.h-2 {
    height: 2rem;
}

.h-3 {
    height: 4rem;
}

.h-4 {
    height: 8rem;
}

.h-5 {
    height: 16rem;
}

/* Height Percentages - Based off of height of parent */
.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

.min-h-100 {
    min-height: 100%;
}

/* Screen Height Percentage */
.vh-25 {
    height: 25vh;
}

.vh-50 {
    height: 50vh;
}

.vh-75 {
    height: 75vh;
}

.vh-100 {
    height: 100vh;
}

.min-vh-100 {
    min-height: 100vh;
}

/* String Properties */
.h-auto {
    height: auto;
}

.h-inherit {
    height: inherit;
}

@media screen and (min-width: 30em) {
    .h-1-ns {
        height: 1rem;
    }

    .h-2-ns {
        height: 2rem;
    }

    .h-3-ns {
        height: 4rem;
    }

    .h-4-ns {
        height: 8rem;
    }

    .h-5-ns {
        height: 16rem;
    }

    .h-25-ns {
        height: 25%;
    }

    .h-50-ns {
        height: 50%;
    }

    .h-75-ns {
        height: 75%;
    }

    .h-100-ns {
        height: 100%;
    }

    .min-h-100-ns {
        min-height: 100%;
    }

    .vh-25-ns {
        height: 25vh;
    }

    .vh-50-ns {
        height: 50vh;
    }

    .vh-75-ns {
        height: 75vh;
    }

    .vh-100-ns {
        height: 100vh;
    }

    .min-vh-100-ns {
        min-height: 100vh;
    }

    .h-auto-ns {
        height: auto;
    }

    .h-inherit-ns {
        height: inherit;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .h-1-m {
        height: 1rem;
    }

    .h-2-m {
        height: 2rem;
    }

    .h-3-m {
        height: 4rem;
    }

    .h-4-m {
        height: 8rem;
    }

    .h-5-m {
        height: 16rem;
    }

    .h-25-m {
        height: 25%;
    }

    .h-50-m {
        height: 50%;
    }

    .h-75-m {
        height: 75%;
    }

    .h-100-m {
        height: 100%;
    }

    .min-h-100-m {
        min-height: 100%;
    }

    .vh-25-m {
        height: 25vh;
    }

    .vh-50-m {
        height: 50vh;
    }

    .vh-75-m {
        height: 75vh;
    }

    .vh-100-m {
        height: 100vh;
    }

    .min-vh-100-m {
        min-height: 100vh;
    }

    .h-auto-m {
        height: auto;
    }

    .h-inherit-m {
        height: inherit;
    }
}

@media screen and (min-width: 60em) {
    .h-1-l {
        height: 1rem;
    }

    .h-2-l {
        height: 2rem;
    }

    .h-3-l {
        height: 4rem;
    }

    .h-4-l {
        height: 8rem;
    }

    .h-5-l {
        height: 16rem;
    }

    .h-25-l {
        height: 25%;
    }

    .h-50-l {
        height: 50%;
    }

    .h-75-l {
        height: 75%;
    }

    .h-100-l {
        height: 100%;
    }

    .min-h-100-l {
        min-height: 100%;
    }

    .vh-25-l {
        height: 25vh;
    }

    .vh-50-l {
        height: 50vh;
    }

    .vh-75-l {
        height: 75vh;
    }

    .vh-100-l {
        height: 100vh;
    }

    .min-vh-100-l {
        min-height: 100vh;
    }

    .h-auto-l {
        height: auto;
    }

    .h-inherit-l {
        height: inherit;
    }
}

/*

  HOVER EFFECTS
  Docs: http://tachyons.io/docs/themes/hovers/

    - Dim
    - Glow
    - Hide Child
    - Underline text
    - Grow
    - Pointer
    - Shadow

*/
/*

  Dim element on hover by adding the dim class.

*/
.dim {
    opacity: 1;
    transition: opacity .15s ease-in;
}

    .dim:hover,
    .dim:focus {
        opacity: .5;
        transition: opacity .15s ease-in;
    }

    .dim:active {
        opacity: .8;
        transition: opacity .15s ease-out;
    }

/*

  Animate opacity to 100% on hover by adding the glow class.

*/
.glow {
    transition: opacity .15s ease-in;
}

    .glow:hover,
    .glow:focus {
        opacity: 1;
        transition: opacity .15s ease-in;
    }

/*

  Hide child & reveal on hover:

  Put the hide-child class on a parent element and any nested element with the
  child class will be hidden and displayed on hover or focus.

  <div class="hide-child">
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
  </div>
*/
.hide-child .child {
    opacity: 0;
    transition: opacity .15s ease-in;
}

.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
    opacity: 1;
    transition: opacity .15s ease-in;
}

.underline-hover:hover,
.underline-hover:focus {
    text-decoration: underline;
}

/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
.grow {
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform 0.25s ease-out;
}

    .grow:hover,
    .grow:focus {
        transform: scale(1.05);
    }

    .grow:active {
        transform: scale(0.9);
    }

.grow-large {
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform .25s ease-in-out;
}

    .grow-large:hover,
    .grow-large:focus {
        transform: scale(1.2);
    }

    .grow-large:active {
        transform: scale(0.95);
    }

/* Add pointer on hover */
.pointer:hover {
    cursor: pointer;
}

/*
   Add shadow on hover.

   Performant box-shadow animation pattern from
   http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
    cursor: pointer;
    position: relative;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .shadow-hover::after {
        content: '';
        box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
        border-radius: inherit;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .shadow-hover:hover::after,
    .shadow-hover:focus::after {
        opacity: 1;
    }

/* Combine with classes in skins and skins-pseudo for
 * many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
    transition: background-color .15s ease-in-out;
}

/*

   IMAGES
   Docs: http://tachyons.io/docs/elements/images/

*/
/* Responsive images! */
/*img { max-width: 100%; }
*/
/*

   LETTER SPACING
   Docs: http://tachyons.io/docs/typography/tracking/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.tracked {
    letter-spacing: 0.1em;
}

.tracked-tight {
    letter-spacing: -0.05em;
}

.tracked-mega {
    letter-spacing: 0.25em;
}

@media screen and (min-width: 30em) {
    .tracked-ns {
        letter-spacing: 0.1em;
    }

    .tracked-tight-ns {
        letter-spacing: -0.05em;
    }

    .tracked-mega-ns {
        letter-spacing: 0.25em;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .tracked-m {
        letter-spacing: 0.1em;
    }

    .tracked-tight-m {
        letter-spacing: -0.05em;
    }

    .tracked-mega-m {
        letter-spacing: 0.25em;
    }
}

@media screen and (min-width: 60em) {
    .tracked-l {
        letter-spacing: 0.1em;
    }

    .tracked-tight-l {
        letter-spacing: -0.05em;
    }

    .tracked-mega-l {
        letter-spacing: 0.25em;
    }
}

/*

   LINE HEIGHT / LEADING
   Docs: http://tachyons.io/docs/typography/line-height

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.lh-solid {
    line-height: 1;
}

.lh-title {
    line-height: 1.25;
}

.lh-copy {
    line-height: 1.5;
}

@media screen and (min-width: 30em) {
    .lh-solid-ns {
        line-height: 1;
    }

    .lh-title-ns {
        line-height: 1.25;
    }

    .lh-copy-ns {
        line-height: 1.5;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .lh-solid-m {
        line-height: 1;
    }

    .lh-title-m {
        line-height: 1.25;
    }

    .lh-copy-m {
        line-height: 1.5;
    }
}

@media screen and (min-width: 60em) {
    .lh-solid-l {
        line-height: 1;
    }

    .lh-title-l {
        line-height: 1.25;
    }

    .lh-copy-l {
        line-height: 1.5;
    }
}

/*

   LINKS
   Docs: http://tachyons.io/docs/elements/links/

*/
.link {
    text-decoration: none;
    transition: color .15s ease-in;
}

    .link:link,
    .link:visited {
        transition: color .15s ease-in;
    }

    .link:hover {
        transition: color .15s ease-in;
    }

    .link:active {
        transition: color .15s ease-in;
    }

    .link:focus {
        transition: color .15s ease-in;
        outline: 1px dotted currentColor;
    }

/*

   LISTS
   http://tachyons.io/docs/elements/lists/

*/
.list {
    list-style-type: none;
}

/*

   MAX WIDTHS
   Docs: http://tachyons.io/docs/layout/max-widths/

   Base:
     mw = max-width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale
     6 = 6st step in width scale
     7 = 7nd step in width scale
     8 = 8rd step in width scale
     9 = 9th step in width scale

     -100 = literal value 100%

     -none  = string value none


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Max Width Percentages */
.mw-100 {
    max-width: 100%;
}

/* Max Width Scale */
.mw1 {
    max-width: 1rem;
}

.mw2 {
    max-width: 2rem;
}

.mw3 {
    max-width: 4rem;
}

.mw4 {
    max-width: 8rem;
}

.mw5 {
    max-width: 16rem;
}

.mw6 {
    max-width: 32rem;
}

.mw7 {
    max-width: 48rem;
}

.mw8 {
    max-width: 64rem;
}

.mw9 {
    max-width: 96rem;
}

/* Max Width String Properties */
.mw-none {
    max-width: none;
}

@media screen and (min-width: 30em) {
    .mw-100-ns {
        max-width: 100%;
    }

    .mw1-ns {
        max-width: 1rem;
    }

    .mw2-ns {
        max-width: 2rem;
    }

    .mw3-ns {
        max-width: 4rem;
    }

    .mw4-ns {
        max-width: 8rem;
    }

    .mw5-ns {
        max-width: 16rem;
    }

    .mw6-ns {
        max-width: 32rem;
    }

    .mw7-ns {
        max-width: 48rem;
    }

    .mw8-ns {
        max-width: 64rem;
    }

    .mw9-ns {
        max-width: 96rem;
    }

    .mw-none-ns {
        max-width: none;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .mw-100-m {
        max-width: 100%;
    }

    .mw1-m {
        max-width: 1rem;
    }

    .mw2-m {
        max-width: 2rem;
    }

    .mw3-m {
        max-width: 4rem;
    }

    .mw4-m {
        max-width: 8rem;
    }

    .mw5-m {
        max-width: 16rem;
    }

    .mw6-m {
        max-width: 32rem;
    }

    .mw7-m {
        max-width: 48rem;
    }

    .mw8-m {
        max-width: 64rem;
    }

    .mw9-m {
        max-width: 96rem;
    }

    .mw-none-m {
        max-width: none;
    }
}

@media screen and (min-width: 60em) {
    .mw-100-l {
        max-width: 100%;
    }

    .mw1-l {
        max-width: 1rem;
    }

    .mw2-l {
        max-width: 2rem;
    }

    .mw3-l {
        max-width: 4rem;
    }

    .mw4-l {
        max-width: 8rem;
    }

    .mw5-l {
        max-width: 16rem;
    }

    .mw6-l {
        max-width: 32rem;
    }

    .mw7-l {
        max-width: 48rem;
    }

    .mw8-l {
        max-width: 64rem;
    }

    .mw9-l {
        max-width: 96rem;
    }

    .mw-none-l {
        max-width: none;
    }
}

/*module-template*/
/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.na1 {
    margin: -0.25rem;
}

.na2 {
    margin: -0.5rem;
}

.na3 {
    margin: -1rem;
}

.na4 {
    margin: -2rem;
}

.na5 {
    margin: -4rem;
}

.na6 {
    margin: -8rem;
}

.na7 {
    margin: -16rem;
}

.nl1 {
    margin-left: -0.25rem;
}

.nl2 {
    margin-left: -0.5rem;
}

.nl3 {
    margin-left: -1rem;
}

.nl4 {
    margin-left: -2rem;
}

.nl5 {
    margin-left: -4rem;
}

.nl6 {
    margin-left: -8rem;
}

.nl7 {
    margin-left: -16rem;
}

.nr1 {
    margin-right: -0.25rem;
}

.nr2 {
    margin-right: -0.5rem;
}

.nr3 {
    margin-right: -1rem;
}

.nr4 {
    margin-right: -2rem;
}

.nr5 {
    margin-right: -4rem;
}

.nr6 {
    margin-right: -8rem;
}

.nr7 {
    margin-right: -16rem;
}

.nb1 {
    margin-bottom: -0.25rem;
}

.nb2 {
    margin-bottom: -0.5rem;
}

.nb3 {
    margin-bottom: -1rem;
}

.nb4 {
    margin-bottom: -2rem;
}

.nb5 {
    margin-bottom: -4rem;
}

.nb6 {
    margin-bottom: -8rem;
}

.nb7 {
    margin-bottom: -16rem;
}

.nt1 {
    margin-top: -0.25rem;
}

.nt2 {
    margin-top: -0.5rem;
}

.nt3 {
    margin-top: -1rem;
}

.nt4 {
    margin-top: -2rem;
}

.nt5 {
    margin-top: -4rem;
}

.nt6 {
    margin-top: -8rem;
}

.nt7 {
    margin-top: -16rem;
}

@media screen and (min-width: 30em) {
    .na1-ns {
        margin: -0.25rem;
    }

    .na2-ns {
        margin: -0.5rem;
    }

    .na3-ns {
        margin: -1rem;
    }

    .na4-ns {
        margin: -2rem;
    }

    .na5-ns {
        margin: -4rem;
    }

    .na6-ns {
        margin: -8rem;
    }

    .na7-ns {
        margin: -16rem;
    }

    .nl1-ns {
        margin-left: -0.25rem;
    }

    .nl2-ns {
        margin-left: -0.5rem;
    }

    .nl3-ns {
        margin-left: -1rem;
    }

    .nl4-ns {
        margin-left: -2rem;
    }

    .nl5-ns {
        margin-left: -4rem;
    }

    .nl6-ns {
        margin-left: -8rem;
    }

    .nl7-ns {
        margin-left: -16rem;
    }

    .nr1-ns {
        margin-right: -0.25rem;
    }

    .nr2-ns {
        margin-right: -0.5rem;
    }

    .nr3-ns {
        margin-right: -1rem;
    }

    .nr4-ns {
        margin-right: -2rem;
    }

    .nr5-ns {
        margin-right: -4rem;
    }

    .nr6-ns {
        margin-right: -8rem;
    }

    .nr7-ns {
        margin-right: -16rem;
    }

    .nb1-ns {
        margin-bottom: -0.25rem;
    }

    .nb2-ns {
        margin-bottom: -0.5rem;
    }

    .nb3-ns {
        margin-bottom: -1rem;
    }

    .nb4-ns {
        margin-bottom: -2rem;
    }

    .nb5-ns {
        margin-bottom: -4rem;
    }

    .nb6-ns {
        margin-bottom: -8rem;
    }

    .nb7-ns {
        margin-bottom: -16rem;
    }

    .nt1-ns {
        margin-top: -0.25rem;
    }

    .nt2-ns {
        margin-top: -0.5rem;
    }

    .nt3-ns {
        margin-top: -1rem;
    }

    .nt4-ns {
        margin-top: -2rem;
    }

    .nt5-ns {
        margin-top: -4rem;
    }

    .nt6-ns {
        margin-top: -8rem;
    }

    .nt7-ns {
        margin-top: -16rem;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .na1-m {
        margin: -0.25rem;
    }

    .na2-m {
        margin: -0.5rem;
    }

    .na3-m {
        margin: -1rem;
    }

    .na4-m {
        margin: -2rem;
    }

    .na5-m {
        margin: -4rem;
    }

    .na6-m {
        margin: -8rem;
    }

    .na7-m {
        margin: -16rem;
    }

    .nl1-m {
        margin-left: -0.25rem;
    }

    .nl2-m {
        margin-left: -0.5rem;
    }

    .nl3-m {
        margin-left: -1rem;
    }

    .nl4-m {
        margin-left: -2rem;
    }

    .nl5-m {
        margin-left: -4rem;
    }

    .nl6-m {
        margin-left: -8rem;
    }

    .nl7-m {
        margin-left: -16rem;
    }

    .nr1-m {
        margin-right: -0.25rem;
    }

    .nr2-m {
        margin-right: -0.5rem;
    }

    .nr3-m {
        margin-right: -1rem;
    }

    .nr4-m {
        margin-right: -2rem;
    }

    .nr5-m {
        margin-right: -4rem;
    }

    .nr6-m {
        margin-right: -8rem;
    }

    .nr7-m {
        margin-right: -16rem;
    }

    .nb1-m {
        margin-bottom: -0.25rem;
    }

    .nb2-m {
        margin-bottom: -0.5rem;
    }

    .nb3-m {
        margin-bottom: -1rem;
    }

    .nb4-m {
        margin-bottom: -2rem;
    }

    .nb5-m {
        margin-bottom: -4rem;
    }

    .nb6-m {
        margin-bottom: -8rem;
    }

    .nb7-m {
        margin-bottom: -16rem;
    }

    .nt1-m {
        margin-top: -0.25rem;
    }

    .nt2-m {
        margin-top: -0.5rem;
    }

    .nt3-m {
        margin-top: -1rem;
    }

    .nt4-m {
        margin-top: -2rem;
    }

    .nt5-m {
        margin-top: -4rem;
    }

    .nt6-m {
        margin-top: -8rem;
    }

    .nt7-m {
        margin-top: -16rem;
    }
}

@media screen and (min-width: 60em) {
    .na1-l {
        margin: -0.25rem;
    }

    .na2-l {
        margin: -0.5rem;
    }

    .na3-l {
        margin: -1rem;
    }

    .na4-l {
        margin: -2rem;
    }

    .na5-l {
        margin: -4rem;
    }

    .na6-l {
        margin: -8rem;
    }

    .na7-l {
        margin: -16rem;
    }

    .nl1-l {
        margin-left: -0.25rem;
    }

    .nl2-l {
        margin-left: -0.5rem;
    }

    .nl3-l {
        margin-left: -1rem;
    }

    .nl4-l {
        margin-left: -2rem;
    }

    .nl5-l {
        margin-left: -4rem;
    }

    .nl6-l {
        margin-left: -8rem;
    }

    .nl7-l {
        margin-left: -16rem;
    }

    .nr1-l {
        margin-right: -0.25rem;
    }

    .nr2-l {
        margin-right: -0.5rem;
    }

    .nr3-l {
        margin-right: -1rem;
    }

    .nr4-l {
        margin-right: -2rem;
    }

    .nr5-l {
        margin-right: -4rem;
    }

    .nr6-l {
        margin-right: -8rem;
    }

    .nr7-l {
        margin-right: -16rem;
    }

    .nb1-l {
        margin-bottom: -0.25rem;
    }

    .nb2-l {
        margin-bottom: -0.5rem;
    }

    .nb3-l {
        margin-bottom: -1rem;
    }

    .nb4-l {
        margin-bottom: -2rem;
    }

    .nb5-l {
        margin-bottom: -4rem;
    }

    .nb6-l {
        margin-bottom: -8rem;
    }

    .nb7-l {
        margin-bottom: -16rem;
    }

    .nt1-l {
        margin-top: -0.25rem;
    }

    .nt2-l {
        margin-top: -0.5rem;
    }

    .nt3-l {
        margin-top: -1rem;
    }

    .nt4-l {
        margin-top: -2rem;
    }

    .nt5-l {
        margin-top: -4rem;
    }

    .nt6-l {
        margin-top: -8rem;
    }

    .nt7-l {
        margin-top: -16rem;
    }
}

/*

    NESTED
    Tachyons module for styling nested elements
    that are generated by a cms.

*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
    line-height: 1.5;
}

.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
    line-height: 1.25;
}

.nested-list-reset ul,
.nested-list-reset ol {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}

.nested-copy-indent p + p {
    text-indent: 0.1em;
    margin-top: 0;
    margin-bottom: 0;
}

.nested-copy-seperator p + p {
    margin-top: 1.5em;
}

.nested-img img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.nested-links a {
    color: #357edd;
    transition: color .15s ease-in;
}

    .nested-links a:hover,
    .nested-links a:focus {
        color: #96ccff;
        transition: color .15s ease-in;
    }

/*normalize*/
/*

    OPACITY
    Docs: http://tachyons.io/docs/themes/opacity/

*/
.o-100 {
    opacity: 1;
}

.o-90 {
    opacity: .9;
}

.o-80 {
    opacity: .8;
}

.o-70 {
    opacity: .7;
}

.o-60 {
    opacity: .6;
}

.o-50 {
    opacity: .5;
}

.o-40 {
    opacity: .4;
}

.o-30 {
    opacity: .3;
}

.o-20 {
    opacity: .2;
}

.o-10 {
    opacity: .1;
}

.o-05 {
    opacity: .05;
}

.o-025 {
    opacity: .025;
}

.o-0 {
    opacity: 0;
}

/*

   OUTLINES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.outline {
    outline: 1px solid;
}

.outline-transparent {
    outline: 1px solid transparent;
}

.outline-0 {
    outline: 0;
}

@media screen and (min-width: 30em) {
    .outline-ns {
        outline: 1px solid;
    }

    .outline-transparent-ns {
        outline: 1px solid transparent;
    }

    .outline-0-ns {
        outline: 0;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .outline-m {
        outline: 1px solid;
    }

    .outline-transparent-m {
        outline: 1px solid transparent;
    }

    .outline-0-m {
        outline: 0;
    }
}

@media screen and (min-width: 60em) {
    .outline-l {
        outline: 1px solid;
    }

    .outline-transparent-l {
        outline: 1px solid transparent;
    }

    .outline-0-l {
        outline: 0;
    }
}

/*

    OVERFLOW

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.overflow-visible {
    overflow: visible;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-auto {
    overflow: auto;
}

.overflow-x-visible {
    overflow-x: visible;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-visible {
    overflow-y: visible;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-y-auto {
    overflow-y: auto;
}

@media screen and (min-width: 30em) {
    .overflow-visible-ns {
        overflow: visible;
    }

    .overflow-hidden-ns {
        overflow: hidden;
    }

    .overflow-scroll-ns {
        overflow: scroll;
    }

    .overflow-auto-ns {
        overflow: auto;
    }

    .overflow-x-visible-ns {
        overflow-x: visible;
    }

    .overflow-x-hidden-ns {
        overflow-x: hidden;
    }

    .overflow-x-scroll-ns {
        overflow-x: scroll;
    }

    .overflow-x-auto-ns {
        overflow-x: auto;
    }

    .overflow-y-visible-ns {
        overflow-y: visible;
    }

    .overflow-y-hidden-ns {
        overflow-y: hidden;
    }

    .overflow-y-scroll-ns {
        overflow-y: scroll;
    }

    .overflow-y-auto-ns {
        overflow-y: auto;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .overflow-visible-m {
        overflow: visible;
    }

    .overflow-hidden-m {
        overflow: hidden;
    }

    .overflow-scroll-m {
        overflow: scroll;
    }

    .overflow-auto-m {
        overflow: auto;
    }

    .overflow-x-visible-m {
        overflow-x: visible;
    }

    .overflow-x-hidden-m {
        overflow-x: hidden;
    }

    .overflow-x-scroll-m {
        overflow-x: scroll;
    }

    .overflow-x-auto-m {
        overflow-x: auto;
    }

    .overflow-y-visible-m {
        overflow-y: visible;
    }

    .overflow-y-hidden-m {
        overflow-y: hidden;
    }

    .overflow-y-scroll-m {
        overflow-y: scroll;
    }

    .overflow-y-auto-m {
        overflow-y: auto;
    }
}

@media screen and (min-width: 60em) {
    .overflow-visible-l {
        overflow: visible;
    }

    .overflow-hidden-l {
        overflow: hidden;
    }

    .overflow-scroll-l {
        overflow: scroll;
    }

    .overflow-auto-l {
        overflow: auto;
    }

    .overflow-x-visible-l {
        overflow-x: visible;
    }

    .overflow-x-hidden-l {
        overflow-x: hidden;
    }

    .overflow-x-scroll-l {
        overflow-x: scroll;
    }

    .overflow-x-auto-l {
        overflow-x: auto;
    }

    .overflow-y-visible-l {
        overflow-y: visible;
    }

    .overflow-y-hidden-l {
        overflow-y: hidden;
    }

    .overflow-y-scroll-l {
        overflow-y: scroll;
    }

    .overflow-y-auto-l {
        overflow-y: auto;
    }
}

/*

   POSITIONING
   Docs: http://tachyons.io/docs/layout/position/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.static {
    position: static;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

@media screen and (min-width: 30em) {
    .static-ns {
        position: static;
    }

    .relative-ns {
        position: relative;
    }

    .absolute-ns {
        position: absolute;
    }

    .fixed-ns {
        position: fixed;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .static-m {
        position: static;
    }

    .relative-m {
        position: relative;
    }

    .absolute-m {
        position: absolute;
    }

    .fixed-m {
        position: fixed;
    }
}

@media screen and (min-width: 60em) {
    .static-l {
        position: static;
    }

    .relative-l {
        position: relative;
    }

    .absolute-l {
        position: absolute;
    }

    .fixed-l {
        position: fixed;
    }
}

/*

   ROTATIONS

*/
.rotate-45 {
    transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-135 {
    transform: rotate(135deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-225 {
    transform: rotate(225deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.rotate-315 {
    transform: rotate(315deg);
}

@media screen and (min-width: 30em) {
    .rotate-45-ns {
        transform: rotate(45deg);
    }

    .rotate-90-ns {
        transform: rotate(90deg);
    }

    .rotate-135-ns {
        transform: rotate(135deg);
    }

    .rotate-180-ns {
        transform: rotate(180deg);
    }

    .rotate-225-ns {
        transform: rotate(225deg);
    }

    .rotate-270-ns {
        transform: rotate(270deg);
    }

    .rotate-315-ns {
        transform: rotate(315deg);
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .rotate-45-m {
        transform: rotate(45deg);
    }

    .rotate-90-m {
        transform: rotate(90deg);
    }

    .rotate-135-m {
        transform: rotate(135deg);
    }

    .rotate-180-m {
        transform: rotate(180deg);
    }

    .rotate-225-m {
        transform: rotate(225deg);
    }

    .rotate-270-m {
        transform: rotate(270deg);
    }

    .rotate-315-m {
        transform: rotate(315deg);
    }
}

@media screen and (min-width: 60em) {
    .rotate-45-l {
        transform: rotate(45deg);
    }

    .rotate-90-l {
        transform: rotate(90deg);
    }

    .rotate-135-l {
        transform: rotate(135deg);
    }

    .rotate-180-l {
        transform: rotate(180deg);
    }

    .rotate-225-l {
        transform: rotate(225deg);
    }

    .rotate-270-l {
        transform: rotate(270deg);
    }

    .rotate-315-l {
        transform: rotate(315deg);
    }
}

/*

   SKINS:PSEUDO

   Customize the color of an element when
   it is focused or hovered over.

 */
.hover-black:hover,
.hover-black:focus {
    color: #000;
}

.hover-near-black:hover,
.hover-near-black:focus {
    color: #111;
}

.hover-dark-gray:hover,
.hover-dark-gray:focus {
    color: #333;
}

.hover-mid-gray:hover,
.hover-mid-gray:focus {
    color: #555;
}

.hover-gray:hover,
.hover-gray:focus {
    color: #555555;
}

.hover-silver:hover,
.hover-silver:focus {
    color: #999;
}

.hover-light-silver:hover,
.hover-light-silver:focus {
    color: #aaa;
}

.hover-moon-gray:hover,
.hover-moon-gray:focus {
    color: #ccc;
}

.hover-light-gray:hover,
.hover-light-gray:focus {
    color: #eee;
}

.hover-near-white:hover,
.hover-near-white:focus {
    color: #f4f4f4;
}

.hover-white:hover,
.hover-white:focus {
    color: #fff;
}

.hover-black-90:hover,
.hover-black-90:focus {
    color: rgba(0, 0, 0, 0.9);
}

.hover-black-80:hover,
.hover-black-80:focus {
    color: rgba(0, 0, 0, 0.8);
}

.hover-black-70:hover,
.hover-black-70:focus {
    color: rgba(0, 0, 0, 0.7);
}

.hover-black-60:hover,
.hover-black-60:focus {
    color: rgba(0, 0, 0, 0.6);
}

.hover-black-50:hover,
.hover-black-50:focus {
    color: rgba(0, 0, 0, 0.5);
}

.hover-black-40:hover,
.hover-black-40:focus {
    color: rgba(0, 0, 0, 0.4);
}

.hover-black-30:hover,
.hover-black-30:focus {
    color: rgba(0, 0, 0, 0.3);
}

.hover-black-20:hover,
.hover-black-20:focus {
    color: rgba(0, 0, 0, 0.2);
}

.hover-black-10:hover,
.hover-black-10:focus {
    color: rgba(0, 0, 0, 0.1);
}

.hover-white-90:hover,
.hover-white-90:focus {
    color: rgba(255, 255, 255, 0.9);
}

.hover-white-80:hover,
.hover-white-80:focus {
    color: rgba(255, 255, 255, 0.8);
}

.hover-white-70:hover,
.hover-white-70:focus {
    color: rgba(255, 255, 255, 0.7);
}

.hover-white-60:hover,
.hover-white-60:focus {
    color: rgba(255, 255, 255, 0.6);
}

.hover-white-50:hover,
.hover-white-50:focus {
    color: rgba(255, 255, 255, 0.5);
}

.hover-white-40:hover,
.hover-white-40:focus {
    color: rgba(255, 255, 255, 0.4);
}

.hover-white-30:hover,
.hover-white-30:focus {
    color: rgba(255, 255, 255, 0.3);
}

.hover-white-20:hover,
.hover-white-20:focus {
    color: rgba(255, 255, 255, 0.2);
}

.hover-white-10:hover,
.hover-white-10:focus {
    color: rgba(255, 255, 255, 0.1);
}

.hover-inherit:hover,
.hover-inherit:focus {
    color: inherit;
}

.hover-bg-black:hover,
.hover-bg-black:focus {
    background-color: #000;
}

.hover-bg-near-black:hover,
.hover-bg-near-black:focus {
    background-color: #111;
}

.hover-bg-dark-gray:hover,
.hover-bg-dark-gray:focus {
    background-color: #333;
}

.hover-bg-mid-gray:hover,
.hover-bg-mid-gray:focus {
    background-color: #555;
}

.hover-bg-gray:hover,
.hover-bg-gray:focus {
    background-color: #555555;
}

.hover-bg-silver:hover,
.hover-bg-silver:focus {
    background-color: #999;
}

.hover-bg-light-silver:hover,
.hover-bg-light-silver:focus {
    background-color: #aaa;
}

.hover-bg-moon-gray:hover,
.hover-bg-moon-gray:focus {
    background-color: #ccc;
}

.hover-bg-light-gray:hover,
.hover-bg-light-gray:focus {
    background-color: #eee;
}

.hover-bg-near-white:hover,
.hover-bg-near-white:focus {
    background-color: #f4f4f4;
}

.hover-bg-white:hover,
.hover-bg-white:focus {
    background-color: #fff;
}

.hover-bg-transparent:hover,
.hover-bg-transparent:focus {
    background-color: transparent;
}

.hover-bg-black-90:hover,
.hover-bg-black-90:focus {
    background-color: rgba(0, 0, 0, 0.9);
}

.hover-bg-black-80:hover,
.hover-bg-black-80:focus {
    background-color: rgba(0, 0, 0, 0.8);
}

.hover-bg-black-70:hover,
.hover-bg-black-70:focus {
    background-color: rgba(0, 0, 0, 0.7);
}

.hover-bg-black-60:hover,
.hover-bg-black-60:focus {
    background-color: rgba(0, 0, 0, 0.6);
}

.hover-bg-black-50:hover,
.hover-bg-black-50:focus {
    background-color: rgba(0, 0, 0, 0.5);
}

.hover-bg-black-40:hover,
.hover-bg-black-40:focus {
    background-color: rgba(0, 0, 0, 0.4);
}

.hover-bg-black-30:hover,
.hover-bg-black-30:focus {
    background-color: rgba(0, 0, 0, 0.3);
}

.hover-bg-black-20:hover,
.hover-bg-black-20:focus {
    background-color: rgba(0, 0, 0, 0.2);
}

.hover-bg-black-10:hover,
.hover-bg-black-10:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

.hover-bg-white-90:hover,
.hover-bg-white-90:focus {
    background-color: rgba(255, 255, 255, 0.9);
}

.hover-bg-white-80:hover,
.hover-bg-white-80:focus {
    background-color: rgba(255, 255, 255, 0.8);
}

.hover-bg-white-70:hover,
.hover-bg-white-70:focus {
    background-color: rgba(255, 255, 255, 0.7);
}

.hover-bg-white-60:hover,
.hover-bg-white-60:focus {
    background-color: rgba(255, 255, 255, 0.6);
}

.hover-bg-white-50:hover,
.hover-bg-white-50:focus {
    background-color: rgba(255, 255, 255, 0.5);
}

.hover-bg-white-40:hover,
.hover-bg-white-40:focus {
    background-color: rgba(255, 255, 255, 0.4);
}

.hover-bg-white-30:hover,
.hover-bg-white-30:focus {
    background-color: rgba(255, 255, 255, 0.3);
}

.hover-bg-white-20:hover,
.hover-bg-white-20:focus {
    background-color: rgba(255, 255, 255, 0.2);
}

.hover-bg-white-10:hover,
.hover-bg-white-10:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

.hover-dark-red:hover,
.hover-dark-red:focus {
    color: #e7040f;
}

.hover-red:hover,
.hover-red:focus {
    color: #ff4136;
}

.hover-light-red:hover,
.hover-light-red:focus {
    color: #ff725c;
}

.hover-orange:hover,
.hover-orange:focus {
    color: #ff6300;
}

.hover-gold:hover,
.hover-gold:focus {
    color: #ffb700;
}

.hover-yellow:hover,
.hover-yellow:focus {
    color: #ffd700;
}

.hover-light-yellow:hover,
.hover-light-yellow:focus {
    color: #fbf1a9;
}

.hover-purple:hover,
.hover-purple:focus {
    color: #5e2ca5;
}

.hover-light-purple:hover,
.hover-light-purple:focus {
    color: #a463f2;
}

.hover-dark-pink:hover,
.hover-dark-pink:focus {
    color: #d5008f;
}

.hover-hot-pink:hover,
.hover-hot-pink:focus {
    color: #ff41b4;
}

.hover-pink:hover,
.hover-pink:focus {
    color: #ff80cc;
}

.hover-light-pink:hover,
.hover-light-pink:focus {
    color: #ffa3d7;
}

.hover-dark-green:hover,
.hover-dark-green:focus {
    color: #137752;
}

.hover-green:hover,
.hover-green:focus {
    color: #19a974;
}

.hover-light-green:hover,
.hover-light-green:focus {
    color: #9eebcf;
}

.hover-navy:hover,
.hover-navy:focus {
    color: #001b44;
}

.hover-dark-blue:hover,
.hover-dark-blue:focus {
    color: #00449e;
}

.hover-blue:hover,
.hover-blue:focus {
    color: #357edd;
}

.hover-light-blue:hover,
.hover-light-blue:focus {
    color: #96ccff;
}

.hover-lightest-blue:hover,
.hover-lightest-blue:focus {
    color: #cdecff;
}

.hover-washed-blue:hover,
.hover-washed-blue:focus {
    color: #f6fffe;
}

.hover-washed-green:hover,
.hover-washed-green:focus {
    color: #e8fdf5;
}

.hover-washed-yellow:hover,
.hover-washed-yellow:focus {
    color: #fffceb;
}

.hover-washed-red:hover,
.hover-washed-red:focus {
    color: #ffdfdf;
}

.hover-bg-dark-red:hover,
.hover-bg-dark-red:focus {
    background-color: #e7040f;
}

.hover-bg-red:hover,
.hover-bg-red:focus {
    background-color: #ff4136;
}

.hover-bg-light-red:hover,
.hover-bg-light-red:focus {
    background-color: #ff725c;
}

.hover-bg-orange:hover,
.hover-bg-orange:focus {
    background-color: #ff6300;
}

.hover-bg-gold:hover,
.hover-bg-gold:focus {
    background-color: #ffb700;
}

.hover-bg-yellow:hover,
.hover-bg-yellow:focus {
    background-color: #ffd700;
}

.hover-bg-light-yellow:hover,
.hover-bg-light-yellow:focus {
    background-color: #fbf1a9;
}

.hover-bg-purple:hover,
.hover-bg-purple:focus {
    background-color: #5e2ca5;
}

.hover-bg-light-purple:hover,
.hover-bg-light-purple:focus {
    background-color: #a463f2;
}

.hover-bg-dark-pink:hover,
.hover-bg-dark-pink:focus {
    background-color: #d5008f;
}

.hover-bg-hot-pink:hover,
.hover-bg-hot-pink:focus {
    background-color: #ff41b4;
}

.hover-bg-pink:hover,
.hover-bg-pink:focus {
    background-color: #ff80cc;
}

.hover-bg-light-pink:hover,
.hover-bg-light-pink:focus {
    background-color: #ffa3d7;
}

.hover-bg-dark-green:hover,
.hover-bg-dark-green:focus {
    background-color: #137752;
}

.hover-bg-green:hover,
.hover-bg-green:focus {
    background-color: #19a974;
}

.hover-bg-light-green:hover,
.hover-bg-light-green:focus {
    background-color: #9eebcf;
}

.hover-bg-navy:hover,
.hover-bg-navy:focus {
    background-color: #001b44;
}

.hover-bg-dark-blue:hover,
.hover-bg-dark-blue:focus {
    background-color: #00449e;
}

.hover-bg-blue:hover,
.hover-bg-blue:focus {
    background-color: #357edd;
}

.hover-bg-light-blue:hover,
.hover-bg-light-blue:focus {
    background-color: #96ccff;
}

.hover-bg-lightest-blue:hover,
.hover-bg-lightest-blue:focus {
    background-color: #cdecff;
}

.hover-bg-washed-blue:hover,
.hover-bg-washed-blue:focus {
    background-color: #f6fffe;
}

.hover-bg-washed-green:hover,
.hover-bg-washed-green:focus {
    background-color: #e8fdf5;
}

.hover-bg-washed-yellow:hover,
.hover-bg-washed-yellow:focus {
    background-color: #fffceb;
}

.hover-bg-washed-red:hover,
.hover-bg-washed-red:focus {
    background-color: #ffdfdf;
}

.hover-bg-inherit:hover,
.hover-bg-inherit:focus {
    background-color: inherit;
}

/*

   SKINS
   Docs: http://tachyons.io/docs/themes/skins/

   Classes for setting foreground and background colors on elements.
   If you haven't declared a border color, but set border on an element, it will
   be set to the current text color.

*/
/* Text colors */
.black-90 {
    color: rgba(0, 0, 0, 0.9);
}

.black-80 {
    color: rgba(0, 0, 0, 0.8);
}

.black-70 {
    color: rgba(0, 0, 0, 0.7);
}

.black-60 {
    color: rgba(0, 0, 0, 0.6);
}

.black-50 {
    color: rgba(0, 0, 0, 0.5);
}

.black-40 {
    color: rgba(0, 0, 0, 0.4);
}

.black-30 {
    color: rgba(0, 0, 0, 0.3);
}

.black-20 {
    color: rgba(0, 0, 0, 0.2);
}

.black-10 {
    color: rgba(0, 0, 0, 0.1);
}

.black-05 {
    color: rgba(0, 0, 0, 0.05);
}

.white-90 {
    color: rgba(255, 255, 255, 0.9);
}

.white-80 {
    color: rgba(255, 255, 255, 0.8);
}

.white-70 {
    color: rgba(255, 255, 255, 0.7);
}

.white-60 {
    color: rgba(255, 255, 255, 0.6);
}

.white-50 {
    color: rgba(255, 255, 255, 0.5);
}

.white-40 {
    color: rgba(255, 255, 255, 0.4);
}

.white-30 {
    color: rgba(255, 255, 255, 0.3);
}

.white-20 {
    color: rgba(255, 255, 255, 0.2);
}

.white-10 {
    color: rgba(255, 255, 255, 0.1);
}

.black {
    color: #000;
}

.near-black {
    color: #111;
}

.dark-gray {
    color: #333;
}

.mid-gray {
    color: #555;
}

.gray {
    color: #555555;
}

.silver {
    color: #999;
}

.light-silver {
    color: #aaa;
}

.moon-gray {
    color: #ccc;
}

.light-gray {
    color: #eee;
}

.near-white {
    color: #f4f4f4;
}

.white {
    color: #fff;
}

.dark-red {
    color: #e7040f;
}

.red {
    color: #ff4136;
}

.light-red {
    color: #ff725c;
}

.orange {
    color: #ff6300;
}

.gold {
    color: #ffb700;
}

.yellow {
    color: #ffd700;
}

.light-yellow {
    color: #fbf1a9;
}

.purple {
    color: #5e2ca5;
}

.light-purple {
    color: #a463f2;
}

.dark-pink {
    color: #d5008f;
}

.hot-pink {
    color: #ff41b4;
}

.pink {
    color: #ff80cc;
}

.light-pink {
    color: #ffa3d7;
}

.dark-green {
    color: #137752;
}

.green {
    color: #19a974;
}

.light-green {
    color: #9eebcf;
}

.navy {
    color: #001b44;
}

.dark-blue {
    color: #00449e;
}

.blue {
    color: #357edd;
}

.light-blue {
    color: #96ccff;
}

.lightest-blue {
    color: #cdecff;
}

.washed-blue {
    color: #f6fffe;
}

.washed-green {
    color: #e8fdf5;
}

.washed-yellow {
    color: #fffceb;
}

.washed-red {
    color: #ffdfdf;
}

.color-inherit {
    color: inherit;
}

.bg-black-90 {
    background-color: rgba(0, 0, 0, 0.9);
}

.bg-black-80 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-70 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-60 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-30 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-20 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-10 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, 0.05);
}

.bg-white-90 {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-white-80 {
    background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-70 {
    background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-60 {
    background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-40 {
    background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-30 {
    background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-20 {
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-10 {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Background colors */
.bg-black {
    background-color: #000;
}

.bg-near-black {
    background-color: #111;
}

.bg-dark-gray {
    background-color: #333;
}

.bg-mid-gray {
    background-color: #555;
}

.bg-gray {
    background-color: #555555;
}

.bg-silver {
    background-color: #999;
}

.bg-light-silver {
    background-color: #aaa;
}

.bg-moon-gray {
    background-color: #ccc;
}

.bg-light-gray {
    background-color: #eee;
}

.bg-near-white {
    background-color: #f4f4f4;
}

.bg-white {
    background-color: #fff;
}

.bg-transparent {
    background-color: transparent;
}

.bg-dark-red {
    background-color: #e7040f;
}

.bg-red {
    background-color: #ff4136;
}

.bg-light-red {
    background-color: #ff725c;
}

.bg-orange {
    background-color: #ff6300;
}

.bg-gold {
    background-color: #ffb700;
}

.bg-yellow {
    background-color: #ffd700;
}

.bg-light-yellow {
    background-color: #fbf1a9;
}

.bg-purple {
    background-color: #5e2ca5;
}

.bg-light-purple {
    background-color: #a463f2;
}

.bg-dark-pink {
    background-color: #d5008f;
}

.bg-hot-pink {
    background-color: #ff41b4;
}

.bg-pink {
    background-color: #ff80cc;
}

.bg-light-pink {
    background-color: #ffa3d7;
}

.bg-dark-green {
    background-color: #137752;
}

.bg-green {
    background-color: #19a974;
}

.bg-light-green {
    background-color: #9eebcf;
}

.bg-navy {
    background-color: #001b44;
}

.bg-dark-blue {
    background-color: #00449e;
}

.bg-blue {
    background-color: #357edd;
}

.bg-light-blue {
    background-color: #96ccff;
}

.bg-lightest-blue {
    background-color: #cdecff;
}

.bg-washed-blue {
    background-color: #f6fffe;
}

.bg-washed-green {
    background-color: #e8fdf5;
}

.bg-washed-yellow {
    background-color: #fffceb;
}

.bg-washed-red {
    background-color: #ffdfdf;
}

.bg-inherit {
    background-color: inherit;
}

/* Variables */
/*
   SPACING
   Docs: http://tachyons.io/docs/layout/spacing/

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.pa0 {
    padding: 0;
}

.pa1 {
    padding: 0.25rem;
}

.pa2 {
    padding: 0.5rem;
}

.pa3 {
    padding: 1rem;
}

.pa4 {
    padding: 2rem;
}

.pa5 {
    padding: 4rem;
}

.pa6 {
    padding: 8rem;
}

.pa7 {
    padding: 16rem;
}

.pl0 {
    padding-left: 0;
}

.pl1 {
    padding-left: 0.25rem;
}

.pl2 {
    padding-left: 0.5rem;
}

.pl3 {
    padding-left: 1rem;
}

.pl4 {
    padding-left: 2rem;
}

.pl5 {
    padding-left: 4rem;
}

.pl6 {
    padding-left: 8rem;
}

.pl7 {
    padding-left: 16rem;
}

.pr0 {
    padding-right: 0;
}

.pr1 {
    padding-right: 0.25rem;
}

.pr2 {
    padding-right: 0.5rem;
}

.pr3 {
    padding-right: 1rem;
}

.pr4 {
    padding-right: 2rem;
}

.pr5 {
    padding-right: 4rem;
}

.pr6 {
    padding-right: 8rem;
}

.pr7 {
    padding-right: 16rem;
}

.pb0 {
    padding-bottom: 0;
}

.pb1 {
    padding-bottom: 0.25rem;
}

.pb2 {
    padding-bottom: 0.5rem;
}

.pb3 {
    padding-bottom: 1rem;
}

.pb4 {
    padding-bottom: 2rem;
}

.pb5 {
    padding-bottom: 4rem;
}

.pb6 {
    padding-bottom: 8rem;
}

.pb7 {
    padding-bottom: 16rem;
}

.pt0 {
    padding-top: 0;
}

.pt1 {
    padding-top: 0.25rem;
}

.pt2 {
    padding-top: 0.5rem;
}

.pt3 {
    padding-top: 1rem;
}

.pt4 {
    padding-top: 2rem;
}

.pt5 {
    padding-top: 4rem;
}

.pt6 {
    padding-top: 8rem;
}

.pt7 {
    padding-top: 16rem;
}

.pv0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pv1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.pv2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.pv3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pv4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pv5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.pv6 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.pv7 {
    padding-top: 16rem;
    padding-bottom: 16rem;
}

.ph0 {
    padding-left: 0;
    padding-right: 0;
}

.ph1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.ph2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.ph3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.ph4 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.ph5 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.ph6 {
    padding-left: 8rem;
    padding-right: 8rem;
}

.ph7 {
    padding-left: 16rem;
    padding-right: 16rem;
}

.ma0 {
    margin: 0;
}

.ma1 {
    margin: 0.25rem;
}

.ma2 {
    margin: 0.5rem;
}

.ma3 {
    margin: 1rem;
}

.ma4 {
    margin: 2rem;
}

.ma5 {
    margin: 4rem;
}

.ma6 {
    margin: 8rem;
}

.ma7 {
    margin: 16rem;
}

.ml0 {
    margin-left: 0;
}

.ml1 {
    margin-left: 0.25rem;
}

.ml2 {
    margin-left: 0.5rem;
}

.ml3 {
    margin-left: 1rem;
}

.ml4 {
    margin-left: 2rem;
}

.ml5 {
    margin-left: 4rem;
}

.ml6 {
    margin-left: 8rem;
}

.ml7 {
    margin-left: 16rem;
}

.mr0 {
    margin-right: 0;
}

.mr1 {
    margin-right: 0.25rem;
}

.mr2 {
    margin-right: 0.5rem;
}

.mr3 {
    margin-right: 1rem;
}

.mr4 {
    margin-right: 2rem;
}

.mr5 {
    margin-right: 4rem;
}

.mr6 {
    margin-right: 8rem;
}

.mr7 {
    margin-right: 16rem;
}

.mb0 {
    margin-bottom: 0;
}

.mb1 {
    margin-bottom: 0.25rem;
}

.mb2 {
    margin-bottom: 0.5rem;
}

.mb3 {
    margin-bottom: 1rem;
}

.mb4 {
    margin-bottom: 2rem;
}

.mb5 {
    margin-bottom: 4rem;
}

.mb6 {
    margin-bottom: 8rem;
}

.mb7 {
    margin-bottom: 16rem;
}

.mt0 {
    margin-top: 0;
}

.mt1 {
    margin-top: 0.25rem;
}

.mt2 {
    margin-top: 0.5rem;
}

.mt3 {
    margin-top: 1rem;
}

.mt4 {
    margin-top: 2rem;
}

.mt5 {
    margin-top: 4rem;
}

.mt6 {
    margin-top: 8rem;
}

.mt7 {
    margin-top: 16rem;
}

.mv0 {
    margin-top: 0;
    margin-bottom: 0;
}

.mv1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.mv2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.mv3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mv4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mv5 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.mv6 {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.mv7 {
    margin-top: 16rem;
    margin-bottom: 16rem;
}

.mh0 {
    margin-left: 0;
    margin-right: 0;
}

.mh1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mh2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mh3 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mh4 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mh5 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.mh6 {
    margin-left: 8rem;
    margin-right: 8rem;
}

.mh7 {
    margin-left: 16rem;
    margin-right: 16rem;
}

@media screen and (min-width: 30em) {
    .pa0-ns {
        padding: 0;
    }

    .pa1-ns {
        padding: 0.25rem;
    }

    .pa2-ns {
        padding: 0.5rem;
    }

    .pa3-ns {
        padding: 1rem;
    }

    .pa4-ns {
        padding: 2rem;
    }

    .pa5-ns {
        padding: 4rem;
    }

    .pa6-ns {
        padding: 8rem;
    }

    .pa7-ns {
        padding: 16rem;
    }

    .pl0-ns {
        padding-left: 0;
    }

    .pl1-ns {
        padding-left: 0.25rem;
    }

    .pl2-ns {
        padding-left: 0.5rem;
    }

    .pl3-ns {
        padding-left: 1rem;
    }

    .pl4-ns {
        padding-left: 2rem;
    }

    .pl5-ns {
        padding-left: 4rem;
    }

    .pl6-ns {
        padding-left: 8rem;
    }

    .pl7-ns {
        padding-left: 16rem;
    }

    .pr0-ns {
        padding-right: 0;
    }

    .pr1-ns {
        padding-right: 0.25rem;
    }

    .pr2-ns {
        padding-right: 0.5rem;
    }

    .pr3-ns {
        padding-right: 1rem;
    }

    .pr4-ns {
        padding-right: 2rem;
    }

    .pr5-ns {
        padding-right: 4rem;
    }

    .pr6-ns {
        padding-right: 8rem;
    }

    .pr7-ns {
        padding-right: 16rem;
    }

    .pb0-ns {
        padding-bottom: 0;
    }

    .pb1-ns {
        padding-bottom: 0.25rem;
    }

    .pb2-ns {
        padding-bottom: 0.5rem;
    }

    .pb3-ns {
        padding-bottom: 1rem;
    }

    .pb4-ns {
        padding-bottom: 2rem;
    }

    .pb5-ns {
        padding-bottom: 4rem;
    }

    .pb6-ns {
        padding-bottom: 8rem;
    }

    .pb7-ns {
        padding-bottom: 16rem;
    }

    .pt0-ns {
        padding-top: 0;
    }

    .pt1-ns {
        padding-top: 0.25rem;
    }

    .pt2-ns {
        padding-top: 0.5rem;
    }

    .pt3-ns {
        padding-top: 1rem;
    }

    .pt4-ns {
        padding-top: 2rem;
    }

    .pt5-ns {
        padding-top: 4rem;
    }

    .pt6-ns {
        padding-top: 8rem;
    }

    .pt7-ns {
        padding-top: 16rem;
    }

    .pv0-ns {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pv1-ns {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .pv2-ns {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pv3-ns {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pv4-ns {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pv5-ns {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pv6-ns {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pv7-ns {
        padding-top: 16rem;
        padding-bottom: 16rem;
    }

    .ph0-ns {
        padding-left: 0;
        padding-right: 0;
    }

    .ph1-ns {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .ph2-ns {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .ph3-ns {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ph4-ns {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .ph5-ns {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .ph6-ns {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .ph7-ns {
        padding-left: 16rem;
        padding-right: 16rem;
    }

    .ma0-ns {
        margin: 0;
    }

    .ma1-ns {
        margin: 0.25rem;
    }

    .ma2-ns {
        margin: 0.5rem;
    }

    .ma3-ns {
        margin: 1rem;
    }

    .ma4-ns {
        margin: 2rem;
    }

    .ma5-ns {
        margin: 4rem;
    }

    .ma6-ns {
        margin: 8rem;
    }

    .ma7-ns {
        margin: 16rem;
    }

    .ml0-ns {
        margin-left: 0;
    }

    .ml1-ns {
        margin-left: 0.25rem;
    }

    .ml2-ns {
        margin-left: 0.5rem;
    }

    .ml3-ns {
        margin-left: 1rem;
    }

    .ml4-ns {
        margin-left: 2rem;
    }

    .ml5-ns {
        margin-left: 4rem;
    }

    .ml6-ns {
        margin-left: 8rem;
    }

    .ml7-ns {
        margin-left: 16rem;
    }

    .mr0-ns {
        margin-right: 0;
    }

    .mr1-ns {
        margin-right: 0.25rem;
    }

    .mr2-ns {
        margin-right: 0.5rem;
    }

    .mr3-ns {
        margin-right: 1rem;
    }

    .mr4-ns {
        margin-right: 2rem;
    }

    .mr5-ns {
        margin-right: 4rem;
    }

    .mr6-ns {
        margin-right: 8rem;
    }

    .mr7-ns {
        margin-right: 16rem;
    }

    .mb0-ns {
        margin-bottom: 0;
    }

    .mb1-ns {
        margin-bottom: 0.25rem;
    }

    .mb2-ns {
        margin-bottom: 0.5rem;
    }

    .mb3-ns {
        margin-bottom: 1rem;
    }

    .mb4-ns {
        margin-bottom: 2rem;
    }

    .mb5-ns {
        margin-bottom: 4rem;
    }

    .mb6-ns {
        margin-bottom: 8rem;
    }

    .mb7-ns {
        margin-bottom: 16rem;
    }

    .mt0-ns {
        margin-top: 0;
    }

    .mt1-ns {
        margin-top: 0.25rem;
    }

    .mt2-ns {
        margin-top: 0.5rem;
    }

    .mt3-ns {
        margin-top: 1rem;
    }

    .mt4-ns {
        margin-top: 2rem;
    }

    .mt5-ns {
        margin-top: 4rem;
    }

    .mt6-ns {
        margin-top: 8rem;
    }

    .mt7-ns {
        margin-top: 16rem;
    }

    .mv0-ns {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mv1-ns {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .mv2-ns {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mv3-ns {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mv4-ns {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mv5-ns {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mv6-ns {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mv7-ns {
        margin-top: 16rem;
        margin-bottom: 16rem;
    }

    .mh0-ns {
        margin-left: 0;
        margin-right: 0;
    }

    .mh1-ns {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .mh2-ns {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mh3-ns {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mh4-ns {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mh5-ns {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mh6-ns {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mh7-ns {
        margin-left: 16rem;
        margin-right: 16rem;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .pa0-m {
        padding: 0;
    }

    .pa1-m {
        padding: 0.25rem;
    }

    .pa2-m {
        padding: 0.5rem;
    }

    .pa3-m {
        padding: 1rem;
    }

    .pa4-m {
        padding: 2rem;
    }

    .pa5-m {
        padding: 4rem;
    }

    .pa6-m {
        padding: 8rem;
    }

    .pa7-m {
        padding: 16rem;
    }

    .pl0-m {
        padding-left: 0;
    }

    .pl1-m {
        padding-left: 0.25rem;
    }

    .pl2-m {
        padding-left: 0.5rem;
    }

    .pl3-m {
        padding-left: 1rem;
    }

    .pl4-m {
        padding-left: 2rem;
    }

    .pl5-m {
        padding-left: 4rem;
    }

    .pl6-m {
        padding-left: 8rem;
    }

    .pl7-m {
        padding-left: 16rem;
    }

    .pr0-m {
        padding-right: 0;
    }

    .pr1-m {
        padding-right: 0.25rem;
    }

    .pr2-m {
        padding-right: 0.5rem;
    }

    .pr3-m {
        padding-right: 1rem;
    }

    .pr4-m {
        padding-right: 2rem;
    }

    .pr5-m {
        padding-right: 4rem;
    }

    .pr6-m {
        padding-right: 8rem;
    }

    .pr7-m {
        padding-right: 16rem;
    }

    .pb0-m {
        padding-bottom: 0;
    }

    .pb1-m {
        padding-bottom: 0.25rem;
    }

    .pb2-m {
        padding-bottom: 0.5rem;
    }

    .pb3-m {
        padding-bottom: 1rem;
    }

    .pb4-m {
        padding-bottom: 2rem;
    }

    .pb5-m {
        padding-bottom: 4rem;
    }

    .pb6-m {
        padding-bottom: 8rem;
    }

    .pb7-m {
        padding-bottom: 16rem;
    }

    .pt0-m {
        padding-top: 0;
    }

    .pt1-m {
        padding-top: 0.25rem;
    }

    .pt2-m {
        padding-top: 0.5rem;
    }

    .pt3-m {
        padding-top: 1rem;
    }

    .pt4-m {
        padding-top: 2rem;
    }

    .pt5-m {
        padding-top: 4rem;
    }

    .pt6-m {
        padding-top: 8rem;
    }

    .pt7-m {
        padding-top: 16rem;
    }

    .pv0-m {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pv1-m {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .pv2-m {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pv3-m {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pv4-m {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pv5-m {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pv6-m {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pv7-m {
        padding-top: 16rem;
        padding-bottom: 16rem;
    }

    .ph0-m {
        padding-left: 0;
        padding-right: 0;
    }

    .ph1-m {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .ph2-m {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .ph3-m {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ph4-m {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .ph5-m {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .ph6-m {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .ph7-m {
        padding-left: 16rem;
        padding-right: 16rem;
    }

    .ma0-m {
        margin: 0;
    }

    .ma1-m {
        margin: 0.25rem;
    }

    .ma2-m {
        margin: 0.5rem;
    }

    .ma3-m {
        margin: 1rem;
    }

    .ma4-m {
        margin: 2rem;
    }

    .ma5-m {
        margin: 4rem;
    }

    .ma6-m {
        margin: 8rem;
    }

    .ma7-m {
        margin: 16rem;
    }

    .ml0-m {
        margin-left: 0;
    }

    .ml1-m {
        margin-left: 0.25rem;
    }

    .ml2-m {
        margin-left: 0.5rem;
    }

    .ml3-m {
        margin-left: 1rem;
    }

    .ml4-m {
        margin-left: 2rem;
    }

    .ml5-m {
        margin-left: 4rem;
    }

    .ml6-m {
        margin-left: 8rem;
    }

    .ml7-m {
        margin-left: 16rem;
    }

    .mr0-m {
        margin-right: 0;
    }

    .mr1-m {
        margin-right: 0.25rem;
    }

    .mr2-m {
        margin-right: 0.5rem;
    }

    .mr3-m {
        margin-right: 1rem;
    }

    .mr4-m {
        margin-right: 2rem;
    }

    .mr5-m {
        margin-right: 4rem;
    }

    .mr6-m {
        margin-right: 8rem;
    }

    .mr7-m {
        margin-right: 16rem;
    }

    .mb0-m {
        margin-bottom: 0;
    }

    .mb1-m {
        margin-bottom: 0.25rem;
    }

    .mb2-m {
        margin-bottom: 0.5rem;
    }

    .mb3-m {
        margin-bottom: 1rem;
    }

    .mb4-m {
        margin-bottom: 2rem;
    }

    .mb5-m {
        margin-bottom: 4rem;
    }

    .mb6-m {
        margin-bottom: 8rem;
    }

    .mb7-m {
        margin-bottom: 16rem;
    }

    .mt0-m {
        margin-top: 0;
    }

    .mt1-m {
        margin-top: 0.25rem;
    }

    .mt2-m {
        margin-top: 0.5rem;
    }

    .mt3-m {
        margin-top: 1rem;
    }

    .mt4-m {
        margin-top: 2rem;
    }

    .mt5-m {
        margin-top: 4rem;
    }

    .mt6-m {
        margin-top: 8rem;
    }

    .mt7-m {
        margin-top: 16rem;
    }

    .mv0-m {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mv1-m {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .mv2-m {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mv3-m {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mv4-m {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mv5-m {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mv6-m {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mv7-m {
        margin-top: 16rem;
        margin-bottom: 16rem;
    }

    .mh0-m {
        margin-left: 0;
        margin-right: 0;
    }

    .mh1-m {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .mh2-m {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mh3-m {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mh4-m {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mh5-m {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mh6-m {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mh7-m {
        margin-left: 16rem;
        margin-right: 16rem;
    }
}

@media screen and (min-width: 60em) {
    .pa0-l {
        padding: 0;
    }

    .pa1-l {
        padding: 0.25rem;
    }

    .pa2-l {
        padding: 0.5rem;
    }

    .pa3-l {
        padding: 1rem;
    }

    .pa4-l {
        padding: 2rem;
    }

    .pa5-l {
        padding: 4rem;
    }

    .pa6-l {
        padding: 8rem;
    }

    .pa7-l {
        padding: 16rem;
    }

    .pl0-l {
        padding-left: 0;
    }

    .pl1-l {
        padding-left: 0.25rem;
    }

    .pl2-l {
        padding-left: 0.5rem;
    }

    .pl3-l {
        padding-left: 1rem;
    }

    .pl4-l {
        padding-left: 2rem;
    }

    .pl5-l {
        padding-left: 4rem;
    }

    .pl6-l {
        padding-left: 8rem;
    }

    .pl7-l {
        padding-left: 16rem;
    }

    .pr0-l {
        padding-right: 0;
    }

    .pr1-l {
        padding-right: 0.25rem;
    }

    .pr2-l {
        padding-right: 0.5rem;
    }

    .pr3-l {
        padding-right: 1rem;
    }

    .pr4-l {
        padding-right: 2rem;
    }

    .pr5-l {
        padding-right: 4rem;
    }

    .pr6-l {
        padding-right: 8rem;
    }

    .pr7-l {
        padding-right: 16rem;
    }

    .pb0-l {
        padding-bottom: 0;
    }

    .pb1-l {
        padding-bottom: 0.25rem;
    }

    .pb2-l {
        padding-bottom: 0.5rem;
    }

    .pb3-l {
        padding-bottom: 1rem;
    }

    .pb4-l {
        padding-bottom: 2rem;
    }

    .pb5-l {
        padding-bottom: 4rem;
    }

    .pb6-l {
        padding-bottom: 8rem;
    }

    .pb7-l {
        padding-bottom: 16rem;
    }

    .pt0-l {
        padding-top: 0;
    }

    .pt1-l {
        padding-top: 0.25rem;
    }

    .pt2-l {
        padding-top: 0.5rem;
    }

    .pt3-l {
        padding-top: 1rem;
    }

    .pt4-l {
        padding-top: 2rem;
    }

    .pt5-l {
        padding-top: 4rem;
    }

    .pt6-l {
        padding-top: 8rem;
    }

    .pt7-l {
        padding-top: 16rem;
    }

    .pv0-l {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pv1-l {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .pv2-l {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .pv3-l {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pv4-l {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .pv5-l {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .pv6-l {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .pv7-l {
        padding-top: 16rem;
        padding-bottom: 16rem;
    }

    .ph0-l {
        padding-left: 0;
        padding-right: 0;
    }

    .ph1-l {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .ph2-l {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .ph3-l {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ph4-l {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .ph5-l {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .ph6-l {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .ph7-l {
        padding-left: 16rem;
        padding-right: 16rem;
    }

    .ma0-l {
        margin: 0;
    }

    .ma1-l {
        margin: 0.25rem;
    }

    .ma2-l {
        margin: 0.5rem;
    }

    .ma3-l {
        margin: 1rem;
    }

    .ma4-l {
        margin: 2rem;
    }

    .ma5-l {
        margin: 4rem;
    }

    .ma6-l {
        margin: 8rem;
    }

    .ma7-l {
        margin: 16rem;
    }

    .ml0-l {
        margin-left: 0;
    }

    .ml1-l {
        margin-left: 0.25rem;
    }

    .ml2-l {
        margin-left: 0.5rem;
    }

    .ml3-l {
        margin-left: 1rem;
    }

    .ml4-l {
        margin-left: 2rem;
    }

    .ml5-l {
        margin-left: 4rem;
    }

    .ml6-l {
        margin-left: 8rem;
    }

    .ml7-l {
        margin-left: 16rem;
    }

    .mr0-l {
        margin-right: 0;
    }

    .mr1-l {
        margin-right: 0.25rem;
    }

    .mr2-l {
        margin-right: 0.5rem;
    }

    .mr3-l {
        margin-right: 1rem;
    }

    .mr4-l {
        margin-right: 2rem;
    }

    .mr5-l {
        margin-right: 4rem;
    }

    .mr6-l {
        margin-right: 8rem;
    }

    .mr7-l {
        margin-right: 16rem;
    }

    .mb0-l {
        margin-bottom: 0;
    }

    .mb1-l {
        margin-bottom: 0.25rem;
    }

    .mb2-l {
        margin-bottom: 0.5rem;
    }

    .mb3-l {
        margin-bottom: 1rem;
    }

    .mb4-l {
        margin-bottom: 2rem;
    }

    .mb5-l {
        margin-bottom: 4rem;
    }

    .mb6-l {
        margin-bottom: 8rem;
    }

    .mb7-l {
        margin-bottom: 16rem;
    }

    .mt0-l {
        margin-top: 0;
    }

    .mt1-l {
        margin-top: 0.25rem;
    }

    .mt2-l {
        margin-top: 0.5rem;
    }

    .mt3-l {
        margin-top: 1rem;
    }

    .mt4-l {
        margin-top: 2rem;
    }

    .mt5-l {
        margin-top: 4rem;
    }

    .mt6-l {
        margin-top: 8rem;
    }

    .mt7-l {
        margin-top: 16rem;
    }

    .mv0-l {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mv1-l {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .mv2-l {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .mv3-l {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mv4-l {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .mv5-l {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .mv6-l {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .mv7-l {
        margin-top: 16rem;
        margin-bottom: 16rem;
    }

    .mh0-l {
        margin-left: 0;
        margin-right: 0;
    }

    .mh1-l {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .mh2-l {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .mh3-l {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .mh4-l {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mh5-l {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .mh6-l {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .mh7-l {
        margin-left: 16rem;
        margin-right: 16rem;
    }
}

/*

  STYLES

  Add custom styles here.

*/
/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

*/
.collapse {
    border-collapse: collapse;
    border-spacing: 0;
}

.striped--light-silver:nth-child(odd) {
    background-color: #aaa;
}

.striped--moon-gray:nth-child(odd) {
    background-color: #ccc;
}

.striped--light-gray:nth-child(odd) {
    background-color: #eee;
}

.striped--near-white:nth-child(odd) {
    background-color: #f4f4f4;
}

.stripe-light:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.1);
}

.stripe-dark:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}

/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center
    j = justify

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/
.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.tj {
    text-align: justify;
}

@media screen and (min-width: 30em) {
    .tl-ns {
        text-align: left;
    }

    .tr-ns {
        text-align: right;
    }

    .tc-ns {
        text-align: center;
    }

    .tj-ns {
        text-align: justify;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .tl-m {
        text-align: left;
    }

    .tr-m {
        text-align: right;
    }

    .tc-m {
        text-align: center;
    }

    .tj-m {
        text-align: justify;
    }
}

@media screen and (min-width: 60em) {
    .tl-l {
        text-align: left;
    }

    .tr-l {
        text-align: right;
    }

    .tc-l {
        text-align: center;
    }

    .tj-l {
        text-align: justify;
    }
}

/*

   TEXT DECORATION
   Docs: http://tachyons.io/docs/typography/text-decoration/


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.strike {
    text-decoration: line-through;
}

.underline {
    text-decoration: underline;
}

.no-underline {
    text-decoration: none;
}

@media screen and (min-width: 30em) {
    .strike-ns {
        text-decoration: line-through;
    }

    .underline-ns {
        text-decoration: underline;
    }

    .no-underline-ns {
        text-decoration: none;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .strike-m {
        text-decoration: line-through;
    }

    .underline-m {
        text-decoration: underline;
    }

    .no-underline-m {
        text-decoration: none;
    }
}

@media screen and (min-width: 60em) {
    .strike-l {
        text-decoration: line-through;
    }

    .underline-l {
        text-decoration: underline;
    }

    .no-underline-l {
        text-decoration: none;
    }
}

/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ttc {
    text-transform: capitalize;
}

.ttl {
    text-transform: lowercase;
}

.ttu {
    text-transform: uppercase;
}

.ttn {
    text-transform: none;
}

@media screen and (min-width: 30em) {
    .ttc-ns {
        text-transform: capitalize;
    }

    .ttl-ns {
        text-transform: lowercase;
    }

    .ttu-ns {
        text-transform: uppercase;
    }

    .ttn-ns {
        text-transform: none;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .ttc-m {
        text-transform: capitalize;
    }

    .ttl-m {
        text-transform: lowercase;
    }

    .ttu-m {
        text-transform: uppercase;
    }

    .ttn-m {
        text-transform: none;
    }
}

@media screen and (min-width: 60em) {
    .ttc-l {
        text-transform: capitalize;
    }

    .ttl-l {
        text-transform: lowercase;
    }

    .ttu-l {
        text-transform: uppercase;
    }

    .ttn-l {
        text-transform: none;
    }
}

/*

   TYPE SCALE
   Docs: http://tachyons.io/docs/typography/scale/

   Base:
    f = font-size

   Modifiers
     1 = 1st step in size scale
     2 = 2nd step in size scale
     3 = 3rd step in size scale
     4 = 4th step in size scale
     5 = 5th step in size scale
     6 = 6th step in size scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large
*/
/*
 * For Hero/Marketing Titles
 *
 * These generally are too large for mobile
 * so be careful using them on smaller screens.
 * */
.f-6,
.f-headline {
    font-size: 6rem;
}

.f-5,
.f-subheadline {
    font-size: 5rem;
}

/* Type Scale */
.f1 {
    font-size: 3rem;
}

.f2 {
    font-size: 2.25rem;
}

.f3 {
    font-size: 1.5rem;
}

.f4 {
    font-size: 1.25rem;
}

.f5 {
    font-size: 1rem;
}

.f6 {
    font-size: 0.875rem;
}

.f7 {
    font-size: 0.75rem;
}

@media screen and (min-width: 30em) {
    .f-6-ns,
    .f-headline-ns {
        font-size: 6rem;
    }

    .f-5-ns,
    .f-subheadline-ns {
        font-size: 5rem;
    }

    .f1-ns {
        font-size: 3rem;
    }

    .f2-ns {
        font-size: 2.25rem;
    }

    .f3-ns {
        font-size: 1.5rem;
    }

    .f4-ns {
        font-size: 1.25rem;
    }

    .f5-ns {
        font-size: 1rem;
    }

    .f6-ns {
        font-size: 0.875rem;
    }

    .f7-ns {
        font-size: 0.75rem;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .f-6-m,
    .f-headline-m {
        font-size: 6rem;
    }

    .f-5-m,
    .f-subheadline-m {
        font-size: 5rem;
    }

    .f1-m {
        font-size: 3rem;
    }

    .f2-m {
        font-size: 2.25rem;
    }

    .f3-m {
        font-size: 1.5rem;
    }

    .f4-m {
        font-size: 1.25rem;
    }

    .f5-m {
        font-size: 1rem;
    }

    .f6-m {
        font-size: 0.875rem;
    }

    .f7-m {
        font-size: 0.75rem;
    }
}

@media screen and (min-width: 60em) {
    .f-6-l,
    .f-headline-l {
        font-size: 6rem;
    }

    .f-5-l,
    .f-subheadline-l {
        font-size: 5rem;
    }

    .f1-l {
        font-size: 3rem;
    }

    .f2-l {
        font-size: 2.25rem;
    }

    .f3-l {
        font-size: 1.5rem;
    }

    .f4-l {
        font-size: 1.25rem;
    }

    .f5-l {
        font-size: 1rem;
    }

    .f6-l {
        font-size: 0.875rem;
    }

    .f7-l {
        font-size: 0.75rem;
    }
}

/*

   TYPOGRAPHY
   http://tachyons.io/docs/typography/measure/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Measure is limited to ~66 characters */
.measure {
    max-width: 30em;
}

/* Measure is limited to ~80 characters */
.measure-wide {
    max-width: 34em;
}

/* Measure is limited to ~45 characters */
.measure-narrow {
    max-width: 20em;
}

/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
}

.small-caps {
    font-variant: small-caps;
}

/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 30em) {
    .measure-ns {
        max-width: 30em;
    }

    .measure-wide-ns {
        max-width: 34em;
    }

    .measure-narrow-ns {
        max-width: 20em;
    }

    .indent-ns {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0;
    }

    .small-caps-ns {
        font-variant: small-caps;
    }

    .truncate-ns {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .measure-m {
        max-width: 30em;
    }

    .measure-wide-m {
        max-width: 34em;
    }

    .measure-narrow-m {
        max-width: 20em;
    }

    .indent-m {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0;
    }

    .small-caps-m {
        font-variant: small-caps;
    }

    .truncate-m {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (min-width: 60em) {
    .measure-l {
        max-width: 30em;
    }

    .measure-wide-l {
        max-width: 34em;
    }

    .measure-narrow-l {
        max-width: 20em;
    }

    .indent-l {
        text-indent: 1em;
        margin-top: 0;
        margin-bottom: 0;
    }

    .small-caps-l {
        font-variant: small-caps;
    }

    .truncate-l {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/*

   UTILITIES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Equivalent to .overflow-y-scroll */
.overflow-container {
    overflow-y: scroll;
}

.center {
    margin-right: auto;
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.ml-auto {
    margin-left: auto;
}

@media screen and (min-width: 30em) {
    .center-ns {
        margin-right: auto;
        margin-left: auto;
    }

    .mr-auto-ns {
        margin-right: auto;
    }

    .ml-auto-ns {
        margin-left: auto;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .center-m {
        margin-right: auto;
        margin-left: auto;
    }

    .mr-auto-m {
        margin-right: auto;
    }

    .ml-auto-m {
        margin-left: auto;
    }
}

@media screen and (min-width: 60em) {
    .center-l {
        margin-right: auto;
        margin-left: auto;
    }

    .mr-auto-l {
        margin-right: auto;
    }

    .ml-auto-l {
        margin-left: auto;
    }
}

/*variables*/
/*

   VERTICAL ALIGN

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.v-base {
    vertical-align: baseline;
}

.v-mid {
    vertical-align: middle;
}

.v-top {
    vertical-align: top;
}

.v-btm {
    vertical-align: bottom;
}

@media screen and (min-width: 30em) {
    .v-base-ns {
        vertical-align: baseline;
    }

    .v-mid-ns {
        vertical-align: middle;
    }

    .v-top-ns {
        vertical-align: top;
    }

    .v-btm-ns {
        vertical-align: bottom;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .v-base-m {
        vertical-align: baseline;
    }

    .v-mid-m {
        vertical-align: middle;
    }

    .v-top-m {
        vertical-align: top;
    }

    .v-btm-m {
        vertical-align: bottom;
    }
}

@media screen and (min-width: 60em) {
    .v-base-l {
        vertical-align: baseline;
    }

    .v-mid-l {
        vertical-align: middle;
    }

    .v-top-l {
        vertical-align: top;
    }

    .v-btm-l {
        vertical-align: bottom;
    }
}

/*

   VISIBILITY

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.clip {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

@media screen and (min-width: 30em) {
    .clip-ns {
        position: fixed !important;
        _position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .clip-m {
        position: fixed !important;
        _position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
    }
}

@media screen and (min-width: 60em) {
    .clip-l {
        position: fixed !important;
        _position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
    }
}

/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ws-normal {
    white-space: normal;
}

.nowrap {
    white-space: nowrap;
}

.pre {
    white-space: pre;
}

@media screen and (min-width: 30em) {
    .ws-normal-ns {
        white-space: normal;
    }

    .nowrap-ns {
        white-space: nowrap;
    }

    .pre-ns {
        white-space: pre;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .ws-normal-m {
        white-space: normal;
    }

    .nowrap-m {
        white-space: nowrap;
    }

    .pre-m {
        white-space: pre;
    }
}

@media screen and (min-width: 60em) {
    .ws-normal-l {
        white-space: normal;
    }

    .nowrap-l {
        white-space: nowrap;
    }

    .pre-l {
        white-space: pre;
    }
}

/*

   WIDTHS
   Docs: http://tachyons.io/docs/layout/widths/

   Base:
     w = width

     Modifiers
       1 = 1st step in width scale
       2 = 2nd step in width scale
       3 = 3rd step in width scale
       4 = 4th step in width scale
       5 = 5th step in width scale

       -10  = literal value 10%
       -20  = literal value 20%
       -25  = literal value 25%
       -30  = literal value 30%
       -33  = literal value 33%
       -34  = literal value 34%
       -40  = literal value 40%
       -50  = literal value 50%
       -60  = literal value 60%
       -70  = literal value 70%
       -75  = literal value 75%
       -80  = literal value 80%
       -90  = literal value 90%
       -100 = literal value 100%

       -third      = 100% / 3 (Not supported in opera mini or IE8)
       -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
       -auto       = string value auto


     Media Query Extensions:
       -ns = not-small
       -m  = medium
       -l  = large

  */
/* Width Scale */
.w1 {
    width: 1rem;
}

.w2 {
    width: 2rem;
}

.w3 {
    width: 4rem;
}

.w4 {
    width: 8rem;
}

.w5 {
    width: 16rem;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33%;
}

.w-34 {
    width: 34%;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

.w-third {
    width: 33.3333333333%;
}

.w-two-thirds {
    width: 66.6666666667%;
}

.w-auto {
    width: auto;
}

@media screen and (min-width: 30em) {
    .w1-ns {
        width: 1rem;
    }

    .w2-ns {
        width: 2rem;
    }

    .w3-ns {
        width: 4rem;
    }

    .w4-ns {
        width: 8rem;
    }

    .w5-ns {
        width: 16rem;
    }

    .w-10-ns {
        width: 10%;
    }

    .w-20-ns {
        width: 20%;
    }

    .w-25-ns {
        width: 25%;
    }

    .w-30-ns {
        width: 30%;
    }

    .w-33-ns {
        width: 33%;
    }

    .w-34-ns {
        width: 34%;
    }

    .w-40-ns {
        width: 40%;
    }

    .w-50-ns {
        width: 50%;
    }

    .w-60-ns {
        width: 60%;
    }

    .w-70-ns {
        width: 70%;
    }

    .w-75-ns {
        width: 75%;
    }

    .w-80-ns {
        width: 80%;
    }

    .w-90-ns {
        width: 90%;
    }

    .w-100-ns {
        width: 100%;
    }

    .w-third-ns {
        width: 33.3333333333%;
    }

    .w-two-thirds-ns {
        width: 66.6666666667%;
    }

    .w-auto-ns {
        width: auto;
    }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
    .w1-m {
        width: 1rem;
    }

    .w2-m {
        width: 2rem;
    }

    .w3-m {
        width: 4rem;
    }

    .w4-m {
        width: 8rem;
    }

    .w5-m {
        width: 16rem;
    }

    .w-10-m {
        width: 10%;
    }

    .w-20-m {
        width: 20%;
    }

    .w-25-m {
        width: 25%;
    }

    .w-30-m {
        width: 30%;
    }

    .w-33-m {
        width: 33%;
    }

    .w-34-m {
        width: 34%;
    }

    .w-40-m {
        width: 40%;
    }

    .w-50-m {
        width: 50%;
    }

    .w-60-m {
        width: 60%;
    }

    .w-70-m {
        width: 70%;
    }

    .w-75-m {
        width: 75%;
    }

    .w-80-m {
        width: 80%;
    }

    .w-90-m {
        width: 90%;
    }

    .w-100-m {
        width: 100%;
    }

    .w-third-m {
        width: 33.3333333333%;
    }

    .w-two-thirds-m {
        width: 66.6666666667%;
    }

    .w-auto-m {
        width: auto;
    }
}

@media screen and (min-width: 60em) {
    .w1-l {
        width: 1rem;
    }

    .w2-l {
        width: 2rem;
    }

    .w3-l {
        width: 4rem;
    }

    .w4-l {
        width: 8rem;
    }

    .w5-l {
        width: 16rem;
    }

    .w-10-l {
        width: 10%;
    }

    .w-20-l {
        width: 20%;
    }

    .w-25-l {
        width: 25%;
    }

    .w-30-l {
        width: 30%;
    }

    .w-33-l {
        width: 33%;
    }

    .w-34-l {
        width: 34%;
    }

    .w-40-l {
        width: 40%;
    }

    .w-50-l {
        width: 50%;
    }

    .w-60-l {
        width: 60%;
    }

    .w-70-l {
        width: 70%;
    }

    .w-75-l {
        width: 75%;
    }

    .w-80-l {
        width: 80%;
    }

    .w-90-l {
        width: 90%;
    }

    .w-100-l {
        width: 100%;
    }

    .w-third-l {
        width: 33.3333333333%;
    }

    .w-two-thirds-l {
        width: 66.6666666667%;
    }

    .w-auto-l {
        width: auto;
    }
}

/*word-break*/
/*

  Z-INDEX

  Base
    z = z-index

  Modifiers
    -0 = literal value 0
    -1 = literal value 1
    -2 = literal value 2
    -3 = literal value 3
    -4 = literal value 4
    -5 = literal value 5
    -999 = literal value 999
    -9999 = literal value 9999

    -max = largest accepted z-index value as integer

    -inherit = string value inherit
    -initial = string value initial
    -unset = string value unset

  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
  Spec: http://www.w3.org/TR/CSS2/zindex.html
  Articles:
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

  Tips on extending:
  There might be a time worth using negative z-index values.
  Or if you are using tachyons with another project, you might need to
  adjust these values to suit your needs.

*/
.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-999 {
    z-index: 999;
}

.z-9999 {
    z-index: 9999;
}

.z-max {
    z-index: 2147483647;
}

.z-inherit {
    z-index: inherit;
}

.z-initial {
    z-index: initial;
}

.z-unset {
    z-index: unset;
}

/* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.
Correction Floatingpoint 3.3.7 by SD 2017 | version 0.7
*/
/* --- Set Collapsed navbar - in % of window height (for small devices ) --- */
@media (max-width: 768px) {
    .navbar.xs-height25.navbar-fixed-top .navbar-collapse, .navbar.xs-height25.navbar-fixed-bottom .navbar-collapse {
        max-height: 25vh;
    }

    .navbar.xs-height33.navbar-fixed-top .navbar-collapse, .navbar.xs-height33.navbar-fixed-bottom .navbar-collapse {
        max-height: 33vh;
    }

    .navbar.xs-height50.navbar-fixed-top .navbar-collapse, .navbar.xs-height50.navbar-fixed-bottom .navbar-collapse {
        max-height: 50vh;
    }

    .navbar.xs-height66.navbar-fixed-top .navbar-collapse, .navbar.xs-height66.navbar-fixed-bottom .navbar-collapse {
        max-height: 66vh;
    }

    .navbar.xs-height75.navbar-fixed-top .navbar-collapse, .navbar.xs-height75.navbar-fixed-bottom .navbar-collapse {
        max-height: 75vh;
    }

    .navbar.xs-height100.navbar-fixed-top .navbar-collapse, .navbar.xs-height100.navbar-fixed-bottom .navbar-collapse {
        max-height: 100vh;
    }
}

/* Carousel-indicators */
.navbar-carousel-indicators {
    position: relative;
    bottom: inherit;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: inherit;
    list-style: none;
}

    .navbar-carousel-indicators li {
        width: 100%;
        height: auto;
        margin: 0;
        text-indent: inherit;
        cursor: pointer;
        border: 0;
        border-radius: 0;
        display: block;
    }

    .navbar-carousel-indicators .active {
        width: 100%;
        height: auto;
        margin: 0;
        background-color: transparent;
    }

/* ---GENERAL ---*/
.navbar, .dropdown-menu {
    min-width: 35px;
}

    .navbar .container, .navbar .container-fluid {
        position: relative;
    }

    .navbar .navbar a,
    .navbar .navbar a:hover,
    .navbar .navbar a:focus {
        text-decoration: none;
    }

    .navbar a.navbar-link, .navbar .navbar-text {
        line-height: 20px;
        padding: 15px;
        margin: 0;
    }

    .navbar p > a.navbar-link, .navbar p > .navbar-text {
        padding: 15px 0;
    }

    .navbar .dropdown-menu {
        overflow: visible !important;
        transition: height 1ms;
    }

    .navbar .navbar-nav .dropdown-menu li.disabled:hover > a, .navbar .navbar-nav .dropdown-menu li.disabled:focus > a {
        cursor: not-allowed;
    }

    .navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {
        transform: none;
        -ms-transform: none;
    }

    .navbar .nav > li > a {
        display: inline-block;
    }

@media (max-width: 768px) {
    .navbar {
        border-bottom: 0;
    }

        .navbar .navbar-nav > li.divider {
            display: none;
        }

        .navbar .navbar-header a.navbar-link {
            display: block;
            margin: 0;
            padding: 15px 15px;
        }

        .navbar a.navbar-link, .navbar .navbar-text {
            display: block;
            margin: 0;
            padding: 10px 15px;
            line-height: 20px;
        }

        .navbar p > a.navbar-link {
            display: inline-block;
            padding: 0 !important;
        }

        .navbar .navbar-header .navbar-text {
            padding: 15px;
            margin: 0;
        }

        .navbar .navbar-form {
            border: 0;
            margin: 0;
            box-shadow: none;
        }
}

.navbar .navbar-nav .dropdown-menu ul, .navbar .navbar-nav .dropdown-menu ul .dropdown-menu {
    padding: 0;
}

.navbar .navbar-nav .dropdown-menu li {
    list-style: none;
}

.navbar .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

/*ltr*/
.navbar .navbar-header {
    z-index: 1;
    position: relative;
}

.navbar .container-fluid .navbar-collapse, .navbar .container .navbar-collapse {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}

.navbar.navbar-static-top .container .navbar-collapse, .navbar.navbar-static-top .container-fluid .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

.navbar.navbar-static-top .container .navbar-header, .navbar.navbar-static-top .container-fluid .navbar-header {
    margin-left: -15px;
    margin-right: 0;
}

/*ltr*/
.navbar.navbar-static-top.brand-right .container .navbar-header, .navbar.navbar-static-top.brand-right .container-fluid .navbar-header {
    margin-left: 0;
    margin-right: -15px;
}

.navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
    margin-left: 0;
    margin-right: 0 !important;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

/*ltr*/
/*Headers, labels, buttons*/
.navbar .dropdown-menu li.dropdown-header {
    display: block;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: bold;
}

.navbar .dropdown-short .dropdown-menu li.dropdown-header {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: bold;
}

.navbar h1, .navbar .h1, .navbar h2, .navbar .h2, .navbar h3, .navbar .h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px;
}

.navbar h4, .navbar .h4, .navbar h5, .navbar .h5, .navbar h6, .navbar .h6 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar .panel-title {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar .label {
    line-height: 14px;
    margin: 0 0 0 10px;
    padding: 3px 5px;
    vertical-align: top;
}

.navbar-nav > .btn-group {
    margin: 8px 10px 8px 0;
}

.navbar .btn-group > .dropdown-menu, .navbar .navbar-form > .input-group .dropdown-menu {
    margin-top: 8px;
}

.navbar .dropdown-menu li > a.dropdown-toggle {
    display: block;
    padding: 5px 30px 5px 15px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*ltr*/
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle, .navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle {
    padding: 5px 15px 5px 30px;
}

.navbar .dropdown-menu li > a {
    display: block;
    padding: 5px 15px 5px 15px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar a > span.desc {
    display: block;
    font-size: smaller;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 768px) {
    .navbar .navbar-collapse .navbar-nav > .navbar-form, .navbar .navbar-collapse > .navbar-form {
        margin: 0;
        border-top: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .navbar .navbar-collapse .navbar-nav > a.navbar-link, .navbar .navbar-collapse > a.navbar-link, .navbar .navbar-collapse .navbar-nav > .navbar-text, .navbar .navbar-collapse > .navbar-text, .navbar .navbar-collapse .navbar-nav > li {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .navbar .navbar-collapse .navbar-nav > li > a {
            padding-top: 9px;
            margin-top: 1px;
        }

        .navbar .navbar-collapse .navbar-nav > li.open > a, .navbar .navbar-collapse .navbar-nav > li.xs-hover:hover > a, .navbar-nav > li.active > a {
            padding-top: 10px;
            padding-bottom: 11px;
            margin-top: 0;
        }

    .navbar .navbar-nav > li {
        clear: both;
    }

    .navbar .navbar-header .navbar-nav > li {
        clear: none;
    }

    .navbar.navbar-fixed-bottom .navbar-collapse {
        position: absolute !important;
        bottom: 100%;
        width: 100%;
        border-bottom: 1px solid;
    }

    .navbar .navbar-nav > li > a {
        display: block;
    }

    .navbar .navbar-nav .dropdown-menu {
        padding: 0;
        border-radius: 0 !important;
    }

    .navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .navbar .navbar-nav > button {
        display: block;
        width: 100%;
    }

    .navbar .navbar-nav > .btn-group {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        margin: 8px 10px 8px 0;
    }

        .navbar .navbar-nav > .btn-group > .btn-group {
            display: table-cell;
            float: none;
            width: 1%;
        }

            .navbar .navbar-nav > .btn-group > .btn-group .btn {
                width: 100%;
            }

    .navbar .navbar-header .navbar-nav.navbar-right {
        float: right;
    }
    /*ltr*/
    .navbar .navbar-header .navbar-nav.navbar-left {
        float: left;
    }
    /*ltr*/
    .navbar .navbar-toggle {
        margin-left: 15px;
    }

    .navbar .navbar-nav {
        margin: 1px;
    }
}

/* --- END GENERAL ---*/
/* --- FORM EXPANDED ---*/
@media (min-width: 768px) {
    .navbar .navbar-form-expanded input, .navbar .navbar-form-expanded input:focus:hover {
        transition: width 0.25s ease;
    }

        .navbar input[data-width="70px"], .navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"] {
            width: 70px !important;
        }

        .navbar input[data-width="80px"], .navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"] {
            width: 80px !important;
        }

        .navbar input[data-width="90px"], .navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"] {
            width: 90px !important;
        }

        .navbar .navbar-form-expanded input, .navbar input[data-width="100px"], .navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"] {
            width: 100px !important;
        }

            .navbar input[data-width="110px"], .navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"] {
                width: 110px !important;
            }

            .navbar input[data-width="120px"], .navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"] {
                width: 120px !important;
            }

            .navbar input[data-width="130px"], .navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"] {
                width: 130px !important;
            }

            .navbar input[data-width="140px"], .navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"] {
                width: 140px !important;
            }

            .navbar input[data-width="150px"], .navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"] {
                width: 150px !important;
            }

            .navbar input[data-width="160px"], .navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"] {
                width: 160px !important;
            }

            .navbar input[data-width="170px"], .navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"] {
                width: 170px !important;
            }

            .navbar .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"], .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"] {
                width: 180px !important;
            }

                .navbar input[data-width="190px"], .navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"] {
                    width: 190px !important;
                }

                .navbar input[data-width="200px"], .navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"] {
                    width: 200px !important;
                }
}

/* --- END FORM EXPANDED ---*/
/* --- HELPERS CLASSES ---*/
.navbar .no-border, .navbar.no-border, .navbar .no-border > *, .navbar.no-border > * {
    border: none !important;
    border-radius: 0 !important;
}

.navbar .no-border-radius, .navbar.no-border-radius, .navbar .no-border-radius > *, .navbar.no-border-radius > * {
    border-radius: 0 !important;
}

.navbar .no-padding {
    padding: 0 !important;
}

.navbar .padding15 {
    padding: 15px !important;
}

.navbar .no-margin {
    margin: 0 !important;
}

.navbar .margin15 {
    margin: 15px !important;
}

.navbar .no-shadow, .navbar.no-shadow, .navbar .no-shadow > *, .navbar.no-shadow > * {
    box-shadow: none !important;
}

.navbar .navbar-nav li:not(.dropdown) > .dropdown-menu.bordered:not(.no-padding):after, .navbar .navbar-nav li:not(.dropdown) > .dropdown-grid-wrapper > .dropdown-menu.bordered:not(.no-padding):after {
    content: '';
    display: block;
    z-index: -1;
    top: 15px;
    outline-width: 1px;
    outline-style: solid;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

/* --- END HELPERS CLASSES ---*/
/* --- DIVIDERS --- */
@media (min-width: 768px) {
    .navbar .navbar-nav > li.divider {
        position: relative;
        width: 1px;
        height: 50px;
    }
}

.navbar .navbar-nav .divided {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
}

.navbar .navbar-nav .dropdown-short .divided > *:before {
    margin: -1px -1px -1px 0;
}

.navbar .navbar-nav .dropdown-short .divided > *.h-divided:before {
    margin: -1px -1px 0 0;
}

.navbar .navbar-nav .divided.row:before {
    display: block;
}

.navbar .navbar-nav .divided > *:before {
    margin: -1px -1px 0 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    border-width: 1px;
    border-style: solid;
    background: transparent !important;
}

.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h1, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h2, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h3, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h4, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h5, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h6, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > a {
    margin-left: 1px;
    margin-bottom: 1px;
}

.navbar .navbar-nav .h-divider:after {
    content: '';
    margin-top: -1px;
    width: 100%;
    display: block;
    height: 1px;
    z-index: 2;
}

.navbar .navbar-nav .h-divider {
    position: relative !important;
}

.navbar .navbar-nav .h-divided > *:after {
    content: '';
    margin-top: -1px;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 1;
}

.navbar .navbar-nav .h-divided > *:first-child:before {
    content: '';
    margin-top: -1px;
    width: 100%;
    height: 1px;
    display: block;
    z-index: 1;
}

.navbar .navbar-nav .h-divided > *.collapse-up-onclick:after, .navbar .navbar-nav .h-divided > *.collapse-down-onclick:after, .navbar .navbar-nav .h-divided > *.collapse-up-onhover:after, .navbar .navbar-nav .h-divided > *.collapse-down-onhover:after {
    order: -1;
    flex: 1 0 auto;
    align-self: auto;
}

/* --- END DIVIDERS --- */
/* --- BRAND, TOGGLE BOTTON --- */
.navbar .navbar-header > .navbar-nav > li, .navbar .navbar-header > .navbar-nav.navbar-left > li, .navbar.brand-right .navbar-header > .navbar-nav.navbar-left > li {
    float: left;
}

.navbar .navbar-header > .navbar-nav.navbar-right > li, .navbar.brand-right .navbar-header > .navbar-nav > li, .navbar.brand-right .navbar-header > .navbar-nav.navbar-right > li {
    float: right;
}

.navbar.brand-right .navbar-header > .navbar-brand {
    float: right;
    margin-left: 0;
    margin-right: 0;
}

/*ltr*/
.navbar.brand-right .navbar-header > .navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

.navbar.brand-right .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.navbar.menu-lg .navbar-brand, .navbar .menu-lg .navbar-brand, .navbar-brand.menu-lg {
    padding: 10px 20px;
    font-size: 24px;
    line-height: 30px;
}

.navbar.menu-sm .navbar-brand, .navbar .menu-sm .navbar-brand, .navbar-brand.menu-sm {
    padding: 10px 10px;
    font-size: 16px;
    line-height: 30px;
}

.navbar.menu-xs .navbar-brand, .navbar .menu-xs .navbar-brand, .navbar-brand.menu-xs {
    padding: 10px 5px;
    font-size: 14px;
    line-height: 30px;
}

.navbar.menu-lg .navbar-toggle, .navbar .menu-lg .navbar-toggle, .navbar .navbar-toggle.menu-lg {
    margin-top: 7px;
    margin-right: 20px;
    margin-bottom: 7px;
}

    .navbar.menu-lg .navbar-toggle > .icon-bar, .navbar .menu-lg .navbar-toggle > .icon-bar, .navbar .navbar-toggle.menu-lg > .icon-bar {
        height: 3px;
    }

.navbar.brand-right.menu-lg .navbar-toggle, .navbar.brand-right .menu-lg .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-lg {
    margin-left: 20px;
}

.navbar.menu-sm .navbar-toggle, .navbar .menu-sm .navbar-toggle, .navbar .navbar-toggle.menu-sm {
    padding: 6px 7px;
    margin-top: 11px;
    margin-right: 10px;
    margin-bottom: 11px;
}

.navbar.brand-right.menu-sm .navbar-toggle, .navbar.brand-right .menu-sm .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-sm {
    margin-left: 10px;
}

.navbar.menu-xs .navbar-toggle, .navbar .menu-xs .navbar-toggle, .navbar .navbar-toggle.menu-xs {
    padding: 3px 4px;
    margin-top: 14px;
    margin-right: 5px;
    margin-bottom: 14px;
}

.navbar.brand-right.menu-xs .navbar-toggle, .navbar.brand-right .menu-xs .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-xs {
    margin-left: 5px;
}

@media (min-width: 768px) {
    .navbar.brand-right .navbar-header {
        float: right;
    }
    /*ltr*/
}

@media (max-width: 768px) {
    .navbar .navbar.brand-right .navbar-header {
        float: none;
    }

    .navbar .navbar-header .nav.navbar-left {
        margin: 0 0 0 15px;
    }
    /*ltr*/
    .navbar .navbar-header .nav.navbar-right {
        margin: 0 15px 0 0;
    }
    /*ltr*/
    .navbar .navbar-header .nav > li > a {
        padding: 15px 8px;
        display: table;
        float: left;
    }
    /*ltr*/
}

/* --- END BRAND, TOGGLE BOTTON --- */
/* --- MAINBAR ACTIVE/OPEN ARROW --- */
@media (min-width: 768px) {
    .navbar .navbar-nav > li.dropdown-onhover:hover > ul, .navbar.dropdown-onhover .navbar-nav > li:hover > ul, .navbar.dropdown-onhover .navbar-nav > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
        z-index: 1001;
    }

    .navbar:not(.no-open-arrow).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a.dropdown-toggle:before, .navbar:not(.no-open-arrow) .navbar-nav.dropdown-onhover > li:hover > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav.dropdown-onhover > li:hover > a.dropdown-toggle:before, .navbar:not(.no-open-arrow) .navbar-nav > li.dropdown-onhover:hover > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav > li.dropdown-onhover:hover > a.dropdown-toggle:before, .navbar:not(.no-active-arrow) .navbar-nav > .active > a:after, .navbar:not(.no-border):not(.no-active-arrow) .navbar-nav > .active > a:before, .navbar:not(.no-open-arrow) .navbar-nav > .open > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav > .open > a.dropdown-toggle:before {
        content: " ";
        position: absolute;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        line-height: 0;
        margin-left: -8px;
        border-color: transparent;
    }

    .navbar.dropdown-onhover.no-fix .navbar-nav > .open:not(.active):not(:hover) > a.dropdown-toggle:after, .navbar.dropdown-onhover.no-fix .navbar-nav > .open:not(.active):not(:hover) > a.dropdown-toggle:before, .navbar .navbar-nav.dropdown-onhover.no-fix > .open:not(.active):not(:hover) > a.dropdown-toggle:after, .navbar .navbar-nav.dropdown-onhover.no-fix > .open:not(.active):not(:hover) > a.dropdown-toggle:before, .navbar .navbar-nav > .dropdown-onhover.no-fix.open:not(.active):not(:hover) > a.dropdown-toggle:after, .navbar .navbar-nav > .dropdown-onhover.no-fix.open:not(.active):not(:hover) > a.dropdown-toggle:before {
        content: none;
    }

    .navbar.navbar-fixed-bottom .navbar-nav > .active > a:before {
        top: -8px;
        border-width: 0 8px 8px 8px;
    }

    .navbar.navbar-fixed-bottom .navbar-nav > .active > a:after {
        top: -7px;
        border-width: 0 8px 8px 8px;
    }

    .navbar.no-border.navbar-fixed-bottom .navbar-nav > .active > a:after {
        top: -8px;
    }

    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav > .open > a:before {
        top: 0;
        border-width: 8px 8px 0 8px;
    }

    .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav > .open > a:after {
        top: -1px;
        border-width: 8px 8px 0 8px;
    }

    .navbar.no-border.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav > .open > a:after {
        top: 0;
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before {
        bottom: -9px;
        border-width: 8px 8px 0 8px;
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
        bottom: -8px;
        border-width: 8px 8px 0 8px;
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:before, .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:before {
        bottom: 0;
        border-width: 0 8px 8px 8px;
    }

    .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after, .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after {
        bottom: -1px;
        border-width: 0 8px 8px 8px;
    }

    .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after {
        bottom: 0;
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:before, .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
        top: -8px;
        border-width: 0 8px 8px 8px;
    }

    .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:after, .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
        top: -7px;
        border-width: 0 8px 8px 8px;
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
        bottom: -9px;
        border-width: 8px 8px 0 8px;
    }

    .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
        bottom: -8px;
        border-width: 8px 8px 0 8px;
    }
}

/* --- END MAINBAR ACTIVE/OPEN ARROW --- */
/* --- MAINBAR CARET --- */
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
    position: relative;
    width: 8px;
    height: 20px;
    vertical-align: top;
    font-family: FontAwesome;
    margin-left: 8px;
    border: none;
}

    /*ltr*/
    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret:before {
        content: "\f107";
    }

.navbar.navbar-fixed-bottom:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret:before {
    content: "\f106";
}

@media (max-width: 768px) {
    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
        float: right;
    }
    /*ltr*/
}

.navbar.caret-bootstrap .navbar-nav li > a.dropdown-toggle > span.caret, .navbar .navbar-nav.caret-bootstrap li > a.dropdown-toggle > span.caret, .navbar .navbar-nav li.caret-bootstrap > a.dropdown-toggle > span.caret, .navbar .navbar-nav li > a.dropdown-toggle.caret-bootstrap > span.caret, .navbar .navbar-nav li > a.dropdown-toggle > span.caret.caret-bootstrap {
    float: right;
    margin-top: 8px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    margin-right: 0;
    vertical-align: middle;
    border-top: 4px solid;
    border-bottom: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/*ltr*/
.navbar.navbar-fixed-bottom.caret-bootstrap .navbar-nav li > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav.caret-bootstrap li > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li.caret-bootstrap > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li > a.dropdown-toggle.caret-bootstrap > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li > a.dropdown-toggle > span.caret.caret-bootstrap {
    float: right;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    margin-right: 0;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/*ltr*/
.navbar.caret-left .navbar-nav li > a.dropdown-toggle > span.caret, .navbar .navbar-nav.caret-left li > a.dropdown-toggle > span.caret, .navbar .navbar-nav li.caret-left > a.dropdown-toggle > span.caret {
    margin-right: 8px !important;
    margin-left: 0 !important;
    float: left !important;
}

/*ltr*/
/* --- END MAINBAR CARET --- */
/* --- SUBMENU CARET --- */
.navbar.caret-bootstrap .navbar-nav .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav.caret-bootstrap .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-bootstrap > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle.caret-bootstrap:before {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 4px solid;
    border-bottom: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "" !important;
    margin-top: 8px;
    float: right;
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
    position: absolute;
    width: 10px;
    left: auto;
    right: 10px;
    font-family: FontAwesome;
    content: "";
}

/*ltr*/
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle:before {
    left: 10px;
    right: auto;
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li.dropup-left-onclick > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onclick > a.dropdown-toggle:not(.collapsed):before {
    content: "\f104";
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li.dropup-right-onclick > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onclick > a.dropdown-toggle:not(.collapsed):before {
    content: "\f105";
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li[class*="dropup-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-center-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-up-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
    content: "\f106";
}

.navbar .navbar-nav .dropdown-menu li[class*="dropdown-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-down-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-center-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-down-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
    content: "\f107";
}

@media (min-width: 768px) {
    .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
        content: "\f104";
    }
    /*ltr*/
    .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
        content: "\f105";
    }
    /*ltr*/
}

@media (max-width: 768px) {
    .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"] > a.dropdown-toggle:before {
        content: "\f106" !important;
    }

    .navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
        content: "\f107" !important;
    }

    .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) .dropdown-menu:not(.caret-bootstrap) li:not(.caret-bootstrap).collapse-up-onclick > a:not(.caret-bootstrap).dropdown-toggle.collapsed:before {
        content: "\f106" !important;
    }
}

/* --- END SUBMENU CARET --- */
/* --- MAINMENU --- */
.navbar .dropdown-menu {
    position: absolute;
}

.navbar .navbar-nav > li:not(.dropdown-short)[class*="dropdown-"] {
    position: static;
}

.navbar:not(.no-border) .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar:not(.no-border) .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    margin-top: 1px;
    margin-bottom: 1px;
}

.navbar.no-border .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar.no-border .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar.navbar-fixed-bottom .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    top: auto;
    bottom: 100%;
    border-top-width: 1px;
    border-bottom-width: 0;
    border-radius: 4px 4px 0 0;
}

.navbar .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    top: 100%;
    bottom: auto;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-radius: 0 0 4px 4px;
}

.navbar .navbar-nav > li.dropdown > .dropdown-menu {
    padding: 0;
}

.navbar .navbar-nav > li.dropdown-short > .dropdown-menu {
    padding: 15px;
}

.navbar .navbar-nav.navbar-left > li.dropdown-grid > .dropdown-grid-wrapper, .navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper.dropdown-menu-left {
    direction: ltr;
    float: left;
}

    /*ltr*/
    .navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper, .navbar .navbar-nav.navbar-left > li.dropdown-grid > .dropdown-grid-wrapper.dropdown-menu-right {
        direction: rtl;
        float: right;
    }

/*ltr*/
.navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    left: auto;
    direction: ltr;
    padding: 15px;
}

/*ltr*/
.navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    right: auto;
}

/*ltr*/
.navbar .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu {
    display: block;
}

.navbar .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full > .dropdown-menu {
    left: 0;
    right: 0;
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
}

.navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-wide > .dropdown-menu {
    margin-left: 15px;
    margin-right: 15px;
}

.navbar:not(.no-border) .navbar-nav > li.dropdown-full > .dropdown-menu {
    margin-left: -16px;
    margin-right: -16px;
}

.navbar.no-border .navbar-nav > li.dropdown-full > .dropdown-menu {
    margin-left: -15px;
    margin-right: -15px;
}

.navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.no-border.navbar-static-top .navbar-nav > li.dropdown-full > .dropdown-menu {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 768px) {
    .navbar.dropdown-onhover.no-fix .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover.no-fix > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li.dropdown-onhover.no-fix.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar.dropdown-onhover.no-fix .navbar-nav > li > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover.no-fix > li > .dropdown-menu, .navbar .navbar-nav > li.dropdown-onhover.no-fix > .dropdown-menu {
        display: none;
    }

    .navbar:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a, .navbar:not(.no-border) li.dropdown-onhover:hover > a, .navbar:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a {
        border-top-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 1px;
        border-style: solid;
        margin-bottom: -1px;
        margin-top: 0;
    }

    .navbar.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a, .navbar.navbar-fixed-bottom:not(.no-border) li.dropdown-onhover:hover > a, .navbar.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a {
        border-top-width: 1px;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        border-style: solid;
        margin-bottom: 0;
        margin-top: -1px;
    }

    .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-menu, .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-grid-wrapper > .dropdown-menu, .navbar li.dropdown-onhover:hover > .dropdown-menu, .navbar li.dropdown-onhover:hover > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-grid-wrapper > .dropdown-menu {
        display: block !important;
        visibility: visible;
        z-index: 1001 !important;
    }
}

@media (max-width: 768px) {
    .navbar .navbar-nav > li.dropdown-short > .dropdown-menu .h-divided {
        width: 100%;
    }

    .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper {
        float: none !important;
    }

        .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li > .dropdown-menu {
            border-top-style: solid;
            border-top-width: 1px !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            position: relative;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            bottom: auto !important;
        }

    .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full > .dropdown-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }

    .navbar .navbar-nav > li.dropdown-wide.open > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full.open > .dropdown-menu {
        display: inline-block;
        visibility: visible;
    }

    .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li.dropdown-grid > a {
        margin-right: 0 !important;
    }

    .navbar .navbar-nav.navbar-right > li > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.navbar-right > li > a, .navbar .navbar-nav.navbar-right > li > ul {
        margin-right: 1px !important;
    }
    /*Hover force v2.0.1 new*/
    .navbar li.xs-hover:hover > .dropdown-menu {
        display: block;
        visibility: visible;
        height: inherit !important;
        float: none;
        width: auto;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu {
        display: block;
        visibility: visible;
        height: inherit !important;
        float: none;
        width: auto;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-menu,
    .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-grid-wrapper > .dropdown-menu {
        display: none;
    }

    .navbar li.dropdown-wide.xs-hover:hover > .dropdown-menu, .navbar li.dropdown-full.xs-hover:hover > .dropdown-menu {
        display: inline-block !important;
        visibility: visible;
    }

    .navbar li.xs-hover:hover > .dropdown-menu .dropdown-menu {
        position: static;
        float: none;
        border: 0;
    }

    .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu .dropdown-menu {
        position: static;
        float: none;
        border: 0;
    }
}

/* --- END MAINMENU --- */
/* --- SUBMENUS --- */
.navbar .navbar-nav > li ul li[class*="-onhover"], .navbar .navbar-nav > li ul li[class*="-onclick"] {
    position: relative;
}

    .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle.collapsed + .collapsing, .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle.collapsed + .collapsing {
        display: none;
        height: inherit !important;
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle:not(.collapsed) + .collapsing, .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle:not(.collapsed) + .collapsing {
        display: block;
        visibility: visible;
        height: inherit !important;
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"]:not([class*="collapse-"]):hover > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-onclick"]:hover > .dropdown-menu {
        z-index: 1002;
    }

/*center*/
.navbar .navbar-nav > li ul li.dropup-center-onclick > .dropdown-menu {
    left: 0;
    right: 0;
    top: auto;
    bottom: 100%;
    z-index: 1001;
    padding: 15px;
    margin: 0;
    width: 100%;
}

.navbar .navbar-nav > li ul li.dropup-center-onhover > .dropdown-menu {
    left: 0;
    right: 0;
    top: auto;
    bottom: 100%;
    z-index: 1001;
    padding: 15px;
    display: none;
    overflow: visible;
    margin: 0;
    width: 100%;
}

.navbar .navbar-nav > li ul li.dropdown-center-onclick > .dropdown-menu {
    left: 0;
    right: 0;
    top: 100%;
    bottom: auto;
    z-index: 1001;
    padding: 15px;
    margin: 0;
    width: 100%;
}

.navbar .navbar-nav > li ul li.dropdown-center-onhover > .dropdown-menu {
    left: 0;
    right: 0;
    top: 100%;
    bottom: auto;
    z-index: 1001;
    padding: 15px;
    display: none;
    overflow: visible;
    margin: 0;
    width: 100%;
}

.navbar .navbar-nav > li ul li.ltr[class*="-center-"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-center-"] > .dropdown-menu.ltr {
    left: 0;
    right: auto;
    width: auto;
}

.navbar .navbar-nav > li ul li.rtl[class*="-center-"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-center-"] > .dropdown-menu.rtl {
    left: auto;
    right: 0;
    width: auto;
}

.navbar .navbar-nav > li ul li.dropup-right-onclick > .dropdown-menu {
    left: 100%;
    right: auto;
    top: auto;
    bottom: 0;
    z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropup-right-onhover > .dropdown-menu {
    left: 100%;
    right: auto;
    top: auto;
    bottom: 0;
    z-index: 1001;
    display: none;
    overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-right-onclick > .dropdown-menu {
    left: 100%;
    right: auto;
    top: 0;
    bottom: auto;
    z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-right-onhover > .dropdown-menu {
    left: 100%;
    right: auto;
    top: 0;
    bottom: auto;
    z-index: 1001;
    display: none;
    overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropup-left-onclick > .dropdown-menu {
    left: auto;
    right: 100%;
    top: auto;
    bottom: 0;
    z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropup-left-onhover > .dropdown-menu {
    left: auto;
    right: 100%;
    top: auto;
    bottom: 0;
    z-index: 1001;
    display: none;
    overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-left-onclick > .dropdown-menu {
    left: auto;
    right: 100%;
    top: 0;
    bottom: auto;
    z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-left-onhover > .dropdown-menu {
    left: auto;
    right: 100%;
    top: 0;
    bottom: auto;
    z-index: 1001;
    display: none;
    overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onhover > .dropdown-menu {
    margin: 0 0 0 -1px;
    padding: 15px;
}

.navbar .navbar-nav > li:not(.dropdown) ul li.dropup-left-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-left-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-left-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-left-onhover > .dropdown-menu {
    margin: 0 -1px 0 0;
    padding: 15px;
}

.navbar .navbar-nav > li.dropdown ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-right-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-right-onhover > .dropdown-menu {
    margin: 0 0 0 -10px;
    padding: 0;
}

.navbar .navbar-nav > li.dropdown ul li.dropup-left-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-left-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropup-left-onhover > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-left-onhover > .dropdown-menu {
    margin: 0 -10px 0 0;
    padding: 0;
}

.navbar .navbar-nav > li ul li[class*="collapse-down-"] > .dropdown-menu {
    background: transparent;
    width: 100%;
    border: none;
    box-shadow: none;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.navbar .navbar-nav > li ul li.collapse-down-onhover > .dropdown-menu, .navbar .navbar-nav > li ul li.collapse-up-onhover > .dropdown-menu {
    display: none;
    overflow: visible;
}

.navbar .navbar-nav > li ul li[class*="collapse-up-"] {
    float: none;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch;
}

    .navbar .navbar-nav > li ul li[class*="collapse-up-"] > a, .navbar .navbar-nav > li ul li[class*="collapse-up-"] > ul.dropdown-menu {
        order: 0;
        flex: 0 1 auto;
        align-self: auto;
    }

    .navbar .navbar-nav > li ul li[class*="collapse-up-"] > .dropdown-menu {
        background: transparent;
        width: 100%;
        border: none;
        box-shadow: none;
        position: relative;
        z-index: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

.navbar .navbar-nav > li ul li[class*="collapse-up-"] {
    width: 100%;
    -moz-box-sizing: border-box;
}

.navbar .navbar-nav .dropdown-menu li[class*="collapse-"] > .dropdown-menu li:not([class*="collapse-"]) > .dropdown-menu li > a {
    padding-left: 15px !important;
}

.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 30px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 45px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 60px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 75px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 90px;
}

/*ltr*/
@media (max-width: 768px) {
    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu.collapse.in {
        display: block;
        visibility: visible;
        height: inherit !important;
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle.collapsed + .dropdown-menu.collapsing {
        display: none;
        height: inherit !important;
    }

    .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle:not(.collapsed) + .dropdown-menu.collapsing {
        display: block;
        visibility: visible;
        height: inherit !important;
    }

    .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu {
        padding: 0 !important;
        margin: 1px 0 1px 0;
        width: auto;
    }

    .navbar .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 15px;
    }

    .navbar .navbar-nav .dropdown-menu, .navbar .navbar-nav .dropdown-menu {
        box-shadow: none !important;
    }

    .navbar.caret-left .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle, .navbar-nav.caret-left .open .dropdown-menu > li > a.dropdown-toggle, .navbar-nav .open.caret-left .dropdown-menu > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu.caret-left > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu > li.caret-left > a.dropdown-toggle, .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle.caret-left {
        padding-left: 30px;
    }

    .navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li > a {
        padding-left: 15px !important;
    }

    .navbar-nav .dropdown-menu .dropdown-menu {
        margin-left: 15px !important;
        margin-right: 0 !important;
        margin-top: 1px !important;
    }
}

@media (min-width: 768px) {
    .navbar .navbar-nav > li ul li[class*="-onhover"]:hover > .dropdown-menu,
    .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-menu.collapse.in {
        display: block !important;
        visibility: visible;
        height: inherit !important;
    }
}

/* --- END SUBMENUS --- */
/*@import "scss/NavBarTheme";*/
/*
 * *
 *   * Theme Bootstrap 2019
 *   * @version 1 : 10 / 2019
 *   * @author : SD
 *   * @description : fichier centralisant les styles du menu
 *   * @projet : akanea
 * /
 */
/* Menu 1er niveau ouvert */
/* items actifs */
/* item */
/* item actif */
/* item ouvert */
/* headers */
/* liens "normaux" */
/* description de l'item */
.navbar.navbar-backoffice {
    margin-bottom: 0;
    background-color: #FFF;
    /* Navbar text */
}

.hpi .navbar.navbar-backoffice {
    background-color: transparent;
}

.navbar.navbar-backoffice .navbar-text {
    /* AMA encore utilsé ? */
    color: #595959;
}

.navbar.navbar-backoffice a.navbar-link {
    color: #333333;
    background-color: transparent;
    /* Navbar regular link */
}

    .navbar.navbar-backoffice a.navbar-link:hover, .navbar.navbar-backoffice a.navbar-link:focus {
        color: #187498;
        background-color: transparent;
    }

.navbar.navbar-backoffice .navbar-brand {
    /* AMA encore utilsé ? */
    color: #333333;
    background-color: transparent;
    /* Navbar brand */
}

    .navbar.navbar-backoffice .navbar-brand:hover, .navbar.navbar-backoffice .navbar-brand:focus {
        color: #187498;
        background-color: transparent;
    }

.navbar.navbar-backoffice .navbar-toggle {
    /* AMA encore utilsé ? */
    width: 2em;
    margin: 0.5em 1em 0;
    padding: 0;
}

.navbar.navbar-backoffice .in,
.navbar.navbar-backoffice .collapsing {
    /* AMA encore utilsé ? */
}

.navbar.navbar-backoffice .navbar-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    position: relative;
}

    .navbar.navbar-backoffice .navbar-list > li {
        transition: 0.1s ease-in;
        margin-bottom: auto;
        /*&:active {
            background-color: lighten($navbar-bg, 5%);
        }*/
    }

@media screen and (min-width: 768px) {
    .navbar.navbar-backoffice .navbar-list > li {
        border-right: 1px solid #ddd;
    }

        .navbar.navbar-backoffice .navbar-list > li:last-child {
            border-right: 0;
        }
}

.navbar.navbar-backoffice .navbar-list > li > a {
    position: relative;
    display: inline-block;
    padding: 7px 0;
    font-size: 0.8em;
    color: #333333;
}

@media screen and (min-width: 768px) {
    .navbar.navbar-backoffice .navbar-list > li > a {
        font-size: 0.9em;
    }
}

@media screen and (min-width: 992px) {
    .navbar.navbar-backoffice .navbar-list > li > a {
        font-size: 1.1em;
    }
}

.navbar.navbar-backoffice .navbar-list > li > a:hover, .navbar.navbar-backoffice .navbar-list > li > a:focus {
    text-decoration: none;
    color: #187498;
}

.navbar.navbar-backoffice .navbar-list > li > a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 94%;
    left: 0;
    background: #187498;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
}

.navbar.navbar-backoffice .navbar-list > li:hover > a::after {
    transform: scaleX(1);
    transform-origin: left;
}

.navbar.navbar-backoffice .navbar-list .menuselected > a {
    font-weight: bold;
}

.submenu-item .submenu-link {
    color: #333333;
    cursor: pointer;
}

.navbar-list-item .navbar-list-link {
    display: flex;
    /* jc : start pour ne pas avoir en cas de picto, le picto tout à gauche et le texte tout a droite */
    justify-content: flex-start;
    width: 100%;
    color: #333333;
    cursor: pointer;
}

    .navbar-list-item .navbar-list-link i.fa-chevron-down {
        font-size: 0.8em;
        line-height: 1.5em;
        /*margin-left: 0.5em;*/
    }

.navbar-list-item:hover .submenu-list {
    top: 11px;
    opacity: 1;
    visibility: visible;
    position: relative;
    /*height: 100%;*/
    height: auto;
}

/*Suppression de la puce ::marker qui apparaissait à chaque li (des différents onglets (.navbar-list-item) et de lien de chargement du menu (ul.navbar-list li*/
li.navbar-list-item,
ul.navbar-list li {
    list-style-type: none;
}

.navbar-list li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.1);
}

.mega-menu {
    position: absolute;
    z-index: 99999;
    right: 0px;
    width: 100%;
    min-height: 18em;
    top: 65px;
    background-color: #eee;
    padding: 0 6% 3rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease-in;
    display: flex;
    color: #333333;
    /* SLIDERIGHT-BASE */
}

@media screen and (min-width: 768px) {
    .mega-menu {
        flex-direction: column;
    }
}

@media screen and (min-width: 992px) {
    .mega-menu {
        flex-direction: row;
    }
}

.mega-menu .pre-submenu-content {
    width: 200px;
    font-size: 2.1rem;
    text-align: initial;
    margin-right: 15px;
    margin-top: 13px;
}

.mega-menu .submenu-content {
    width: 100%;
    position: relative;
}

.mega-menu .navbar-list-item {
    /* position: relative; annule le décalage sous menu par rapport au menu parent */
    /*background-color: red;*/
}

/* Menus selected */
/*.submenu-list .menuselected { background: yellow;}
    .navbar-list .menuselected { background: pink;}
    .subsubmenu-list .menuselected { background: skyblue;}*/
.submenu-list li {
    border-bottom: 1px solid #333333;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

    .submenu-list li a {
        color: #333333;
        text-align: initial;
    }

        .submenu-list li a:hover {
            color: #187498;
        }

.deux-niveaux .submenu-list li {
    display: block;
    float: left;
    width: 300px;
    margin-right: 25px;
}

/*.submenu-list > li a {
    
    text-transform: uppercase;
    color: gold;
    font-size: 1.1em;

}*/
/* Pour placer les différents niveaux dessous menus les uns a coté des autres : */
.submenu-list,
.subsubmenu-list {
    position: absolute;
    top: 0;
    /*20px*/
    width: calc(100%/3);
    opacity: 0;
    visibility: hidden;
}

.deux-niveaux .submenu-list,
.deux-niveaux .subsubmenu-list {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: auto;
}

ul.submenu-list li:hover {
    background-color: #ddd;
}

    ul.submenu-list li:hover a {
        text-decoration: none;
        color: #187498;
    }

.subsubmenu-list li:nth-child(2n) {
    padding: 0px 15px;
    line-height: 32px;
    /*height: 37px;*/
}

.subsubmenu-list li:nth-child(2n+1) {
    padding: 0 15px;
    line-height: 32px;
    /*height: 37px;*/
}

    .subsubmenu-list li:nth-child(2n) *, .subsubmenu-list li:nth-child(2n+1) * {
        line-height: 32px;
    }

.submenu-item:hover .subsubmenu-list {
    top: 0;
    /*width: 200%; pour ne pas appliquer calc(100%/3) à subsubmenu-list // 310% si le menu niveau 2 est plus petit : calc(100%/4) */
    width: 200%;
    left: 100%;
    opacity: 1;
    visibility: visible;
    padding-left: 25px;
    min-height: 18em;
    height: 100%;
    column-fill: balance;
    position: absolute !important;
    margin-top: -31px !important;
    padding-top: 31px !important;
    /*@media screen and (min-width: $screen-md-min) {
        width: 150%;
    }*/
}

.subsubmenu-list {
    top: 0;
    width: 200%;
    /* pour ne pas l'appliquer à submenu-list */
    left: 50%;
}

    .subsubmenu-list li {
        border-bottom: 0px dashed #333333;
        padding: 6px 12px;
    }

        .subsubmenu-list li a {
            /*text-transform: lowercase;*/
            color: #333333 !important;
        }

            .subsubmenu-list li a:hover {
                color: #187498 !important;
            }

    .subsubmenu-list i,
    .submenu-list i {
        margin-right: 0.4em;
    }

/******/
/*.navbar-list-item .navbar-list-link > i {
    margin-right: 0.4em;
}*/
/*.navbar-list-item:hover .submenu-list {
    top: 11px;
    opacity: 1;
    visibility: visible;
    position: relative;
    height: auto; ex. 100%
}*/
/*.submenu-item {
    display: flex;
    justify-content: space-between;
}*/
/*.submenu-item:hover .subsubmenu-list {
    left: 100%;
        top:7px;
    opacity: 1;
    visibility: visible;
    padding-left: 25px;
    padding-top: 7px;
        height: 100%;
    height: auto;
}*/
/*.submenu-list > .submenu-item a.navbar-list-link::after {
  content: "\1F80A";
  color: green;
  position: absolute;
  right: 10px;
}*/
/*.navbar-list-item.menuselected {
                    background-color: #ffd800;
                }*/
/*.submenu-item.menuselected {
        background-color: hotpink;
    }*/
/* //////////////// fin /////////////////// */
.navbar-akanea.floatable {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
}

body.cote-internet .hide-cote-internet, body.cote-internet .navbar-list-item.essential {
    display: none;
}

.navbar-list-item.essential > a.navbar-list-link {
    color: #187498 !important;
}

/* fin  ESSENTIEL  */
/*
 * *
 *   * Theme Bootstrap 2019
 *   * @version 1 : 10 / 2019
 *   * @author : SD
 *   * @description : fichier centralisant les styles du menu
 *   * @projet : akanea
 * /
 */
/* ******************************************************************************* */
/* *********************** .menuslide = menu MOBILE (du bas ?) *********************** */
.menuslide {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    background: #FFF;
    /*width: 240px; AMA*/
    width: 100%;
    /*400px*/
    /*height: 100%;*/
    height: calc(100vh - 55px);
    overflow-x: hidden;
    overflow-y: auto;
    /*display: flex;*/
    /*flex-direction: column-reverse;*/
    padding-bottom: 75px;
    /*test pour inclure le logo*/
    /*a {
        position: relative;
        z-index: 999999999;
        display: block;
        background: black;
        right: calc(-50% / 2);
        width: 50%;
    }*/
}

@media screen and (min-width: 768px) {
    .menuslide {
        display: none;
    }
}

.menuslide label {
    cursor: pointer;
    /* supp les ret chariot ds le menuslide */
}

    .menuslide label:focus {
        outline: none;
    }

    .menuslide label br {
        display: none;
    }

.menuslide ul {
    list-style-type: none;
    text-align: left;
    padding-inline-start: 0px;
}

.footer-sticky-menu {
    display: none;
}

/*PARTIE TDS AUTRE*/
@media screen and (max-width: 768px) {
    /* footer sticky menu */
    .footer-sticky-menu {
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 10000;
        width: 100vw;
        top: calc(100vh - 54px);
        /*pq 100vh ne marche pas ? AMA*/
    }

        .footer-sticky-menu .icone-wrapper {
            width: 24%;
            text-align: center;
        }

            .footer-sticky-menu .icone-wrapper .icone {
                color: #FFF;
                font-size: 2em;
                margin-right: 1px;
                cursor: pointer;
            }

        .footer-sticky-menu .burgerlink {
            width: 24%;
            text-align: center;
            padding-top: 0px;
        }

        .footer-sticky-menu .icone img {
            height: 30px;
        }

        .footer-sticky-menu .burgerlink img {
            height: 50px;
        }

        .footer-sticky-menu .input-group-btn:first-child > .btn, .footer-sticky-menu .input-group-btn:first-child > .btn-group {
            height: 42px;
        }

        .footer-sticky-menu .dropdown.user-actions .btn {
            padding: 0px 0px !important;
            text-decoration: none;
        }

    .footer-pictos {
        max-width: 1900px;
        display: flex;
        justify-content: center;
        margin: auto;
        left: 0;
        right: 0;
        background-color: #187498;
    }
    /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
    /* ANIMATION menu MOBILE */
    /*.menuslide-mobile{position:fixed;}*/
    .menuslidemobile {
        right: 0;
        animation-name: animslide !important;
        animation-duration: 0.5s;
        animation-timing-function: ease;
        -webkit-animation-name: animslidewebkit;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-timing-function: ease;
        display: none;
        transition: all 0.8s ease;
        position: fixed;
        height: 100vh;
        _width: 240px;
        width: 1vw;
        z-index: 9999;
        -webkit-clip-path: circle(150% at 88% 94%);
        clip-path: circle(150% at 88% 94%);
    }

    @keyframes animslide {
        from {
            -webkit-clip-path: circle(20% at 88% 94%);
            clip-path: circle(20% at 88% 94%);
        }

        to {
            -webkit-clip-path: circle(150% at 88% 94%);
            clip-path: circle(150% at 88% 94%);
        }
    }

    .menuslide-mobile {
        position: fixed;
        /*top: 26px;*/
        right: 0px;
        /* fixe a l'ecran par rapport au fond purple*/
        width: 100%;
        /* width:240; puis 400px AMA*/
        overflow: auto;
        /*hidden?*/
        height: calc(100vh - 55px);
        background-color: #FFF;
    }

        .menuslide-mobile a img {
            width: 120px;
            margin: 8px auto;
            display: block;
            background-color: #FFF;
        }
}

.menuslide-mobile {
    display: none;
}

@media screen and (max-width: 342px) {
    /* footer sticky menu */
    .footer-sticky-menu .btn {
        padding: 2px 12px;
    }

    .footer-sticky-menu .icone-wrapper .icone, .footer-sticky-menu .icone-wrapper #btn-opentopident {
        font-size: 1.4em;
        width: 23%;
    }

    .footer-sticky-menu .dropdown.user-actions button {
        padding: 0;
    }

    .footer-sticky-menu .dropdown.user-actions .btn {
        padding: 0px 4px !important;
    }
}

.menuslidemobile {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.menuslide ul li label {
    /* j'ai changé  ul li > label */
    /*background: url( h ttps://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png) 95% 50%/16px 16px no-repeat;*/
}

    .menuslide ul li label::after {
        content: "\276F";
        position: absolute;
        right: 15px;
    }

.menuslide ul li a,
.menuslide ul li label {
    display: block;
    text-align: left;
    padding: 0 20px;
    margin-bottom: 0;
    line-height: 44px;
    text-decoration: none;
    color: #000;
    font-size: medium;
    font-weight: normal;
}

    .menuslide ul li a:hover, .menuslide ul li a:hover,
    .menuslide ul li label:hover,
    .menuslide ul li label:hover {
        /*color: orange;*/
        background-color: #ddd;
    }

.menuslide .menuselected > a {
    font-weight: bold;
}

#ul_menuslide li {
    border-bottom: 1px solid #ddd !important;
}

/* ------------- LABEL : info de retour --------------- */
/* hide navigation icon for sublabels */
.menuslide label.menuslide-toggle {
    background-color: #187498;
    color: #FFF;
    font-weight: normal;
    width: 100%;
    height: auto;
}

    .menuslide label.menuslide-toggle .menuslide-chemin {
        color: #FFF;
        font-size: medium;
        display: flex;
        align-items: center;
        /*.menuslide-chemin-libelle {
    color: yellow;
    display: flex;

            
}*/
    }

        .menuslide label.menuslide-toggle .menuslide-chemin .menuslide-chemin-retour::after {
            content: '\276E';
            margin-right: 9px;
            border-right: 1px solid #FFF;
            padding: 10px 15px 11px 15px;
            line-height: 2.5em;
            height: auto;
        }

/* AMA utile ? */
/*.menuslide .chevron-circle-left {
        font-size: 20pt;
        margin: 4px;
        color: green
    }*/
/* hide inputs */
.menuslide-checkbox {
    display: none;
}

    /* fade in checked menuslide */
    /* sans ce code, impossible d'accéder aux sous-menus */
    .menuslide-checkbox:checked + .menuslide.ssmenu {
        /*background-color: coral;*/
        overflow-y: auto;
        overflow-x: hidden;
        /*utile?*/
        transform: translate3d(0, 0, 0);
        transition: transform 0.2s ease-out;
    }

/* sans ce code, impossible revenir onglet précédent, reste bloqué sur le dernier item */
.menuslide.ssmenu {
    transform: translate3d(-100%, 0, 0);
    /*400px*/
    /*transition: transform all 1.95s;*/
}

/* AMA utile ? */
/*.menuslide .menuslide-checkbox:checked + .menuslide.ssmenu {
        overflow-y: auto;
        overflow-x: hidden;
        background: gold;
    }*/
/* juste pr test */
/*.hidden-xs {
                display: none
            }*/
/*.menuselected {
background-color: greenyellow;
}*/
/* ********************************************************* */
/* *********************** dropdown ************************ */
/* ********************************************************* */
/* Gestion en version Mobile du menu dropdown (picto user) -
    en version PC, est géré dans header.scss (.user-actions) */
.footer-sticky-menu .dropdown-toggle {
    color: #FFF;
}

@media screen and (min-width: 768px) {
    .footer-sticky-menu .dropdown-toggle {
        color: #187498;
    }
}

.footer-sticky-menu .dropdown-toggle:hover, .footer-sticky-menu .dropdown-toggle :focus {
    text-decoration: none;
    color: #FFF;
}

@media screen and (min-width: 768px) {
    .footer-sticky-menu .dropdown-toggle:hover, .footer-sticky-menu .dropdown-toggle :focus {
        color: #187498;
    }
}

.footer-sticky-menu .dropdown-toggle span.label-user {
    /*color: blue;*/
    display: none;
}

.footer-sticky-menu .dropdown-menu {
    /*left: calc(100% - 184px);*/
    /*AMA*/
    top: -104px;
}

@media screen and (min-width: 768px) {
    .footer-sticky-menu .dropdown-menu {
        left: 15px;
        top: 100%;
    }
}

.footer-sticky-menu .dropdown-menu > li {
    height: auto;
    min-height: 40px;
}

    .footer-sticky-menu .dropdown-menu > li a {
        white-space: initial;
    }

.footer-sticky-menu .dropdown-menu-search {
    left: -1px;
    top: -62px;
    width: calc(100% - 12px);
    padding: 8px 16px;
}

.footer-sticky-menu .actions1.icone-wrapper .dropdown.user-actions {
    position: inherit;
}

    .footer-sticky-menu .actions1.icone-wrapper .dropdown.user-actions .dropdown-menu-usercog {
        width: calc(100% - 6px);
        top: -120px;
        left: 0;
        bottom: 64px;
        box-shadow: 1px -2px 4px rgba(0, 0, 0, 0.2);
        border: 0px;
    }

@media screen and (max-width: 342px) {
    .footer-sticky-menu .actions1.icone-wrapper .dropdown.user-actions .dropdown-menu-usercog {
        top: -122px;
        bottom: 51px;
    }
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms;
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s;
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s;
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s;
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s;
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s;
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s;
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s;
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s;
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s;
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s;
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s;
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s;
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s;
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s;
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s;
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s;
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s;
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s;
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s;
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s;
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s;
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s;
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s;
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s;
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s;
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s;
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s;
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s;
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s;
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s;
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s;
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s;
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s;
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s;
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s;
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s;
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s;
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s;
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s;
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s;
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s;
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s;
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s;
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s;
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s;
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s;
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s;
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s;
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s;
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s;
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s;
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s;
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s;
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s;
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s;
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s;
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s;
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s;
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s;
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translateZ(0) scale(1);
    }

[data-aos=zoom-in] {
    transform: scale(0.6);
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translateZ(0);
    }

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: translate3d(0, 0, 0);
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes heartBeat {
    0% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.3);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.3);
    }

    70% {
        transform: scale(1);
    }
}

.heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-duration: 0.75s;
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    animation-duration: 0.75s;
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-duration: 0.75s;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    animation-duration: 0.75s;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-duration: 2s;
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.delay-1s {
        animation-delay: 1s;
    }

    .animated.delay-2s {
        animation-delay: 2s;
    }

    .animated.delay-3s {
        animation-delay: 3s;
    }

    .animated.delay-4s {
        animation-delay: 4s;
    }

    .animated.delay-5s {
        animation-delay: 5s;
    }

    .animated.fast {
        animation-duration: 800ms;
    }

    .animated.faster {
        animation-duration: 500ms;
    }

    .animated.ufaster {
        animation-duration: 250ms;
    }

    .animated.slow {
        animation-duration: 2s;
    }

    .animated.slower {
        animation-duration: 3s;
    }

@media (print), (prefers-reduced-motion) {
    .animated {
        animation: unset !important;
        transition: none !important;
    }
}

/**
*
* sdegliame le 26/11/2018
* version forkée pour utilisation avec FontAwesome 5.x
*
*/
.toast-title {
    font-weight: bold;
}

.toast-message {
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label,
    .toast-message h1,
    .toast-message h2 {
        color: #ffffff;
    }

        .toast-message a:hover {
            color: #cccccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 1em;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 1em;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
}

    #toast-container * {
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        box-shadow: 0 0 12px #999999;
        color: #ffffff;
        opacity: 0.90;
    }

        #toast-container > div:hover {
            box-shadow: 0 0 12px #000000;
            opacity: 1;
            cursor: pointer;
        }

    #toast-container > .toast:before {
        position: fixed;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 400;
        font-size: 2em;
        line-height: 1;
        float: left;
        color: #FFF;
        padding-right: 0.5em;
        margin: auto 0.5em auto -1.5em;
    }

    #toast-container > .toast-warning:before {
        content: "\f06a";
    }

    #toast-container > .toast-error:before {
        content: "\f071";
    }

    #toast-container > .toast-info:before {
        content: "\f05a";
    }

    #toast-container > .toast-success:before {
        content: "\f00c";
    }

    #toast-container.toast-top-center > div,
    #toast-container.toast-bottom-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative;
}

    .flickity-enabled:focus {
        outline: none;
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: grab;
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: grabbing;
        }

/* ---- flickity-button ---- */
.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    border: none;
    color: #333;
}

    .flickity-button:hover {
        background: white;
        cursor: pointer;
    }

    .flickity-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #19F;
    }

    .flickity-button:active {
        opacity: 0.6;
    }

    .flickity-button:disabled {
        opacity: 0.3;
        cursor: auto;
        /* prevent disabled button from capturing pointer up event. #716 */
        pointer-events: none;
    }

.flickity-button-icon {
    fill: #333;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
}

    .flickity-prev-next-button.previous {
        left: 10px;
    }

    .flickity-prev-next-button.next {
        right: 10px;
    }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1;
    }

.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}

/*
 * *
 *   * Theme Bootstrap 2019
 *   * @version 11 : 10 / 2019
 *   * @author : SD
 *   * @description : fichier provenant de BS4
 *   * @projet : akanea
 * NOTE: à ne pas reprendre lors de la migration BS4.x
 * /
 */
/*
 * *
 *   * Theme Bootstrap 2019
 *   * @version 11 : 10 / 2019
 *   * @author : SD
 *   * @description : fichier provenant de BS4 à retirer si intégration de BS4 entier en tant que lib.
 *   * @projet : akanea
 * /
 */
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(34, 34, 34, 0.125);
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(34, 34, 34, 0.03);
    border-bottom: 1px solid rgba(34, 34, 34, 0.125);
}

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(34, 34, 34, 0.03);
    border-top: 1px solid rgba(34, 34, 34, 0.125);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

    .card-header-tabs .nav-link.active {
        background-color: #fff;
        border-bottom-color: #fff;
    }

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }
}

.accordion > .card {
    overflow: hidden;
}

    .accordion > .card:not(:last-of-type) {
        border-bottom: 0;
    }

    .accordion > .card > .card-header {
        margin-bottom: -1px;
    }

/*
 * *
 *   * Theme Bootstrap 2019
 *   * @version 3 : 10 / 2019
 *   * @author : SD
 *   * @description : identification haute
 *   * @projet : akanea
 * /
 */
#ident__out {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 1em 0 1em 0;
    background: #eee;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    transform: translate3d(0, -100%, 0);
    z-index: 10000;
    transition: all 400ms ease-in-out;
    color: #333;
}

    #ident__out label {
        letter-spacing: 0.1em;
        font-weight: 300;
    }

    #ident__out .alert-danger {
        background: rgba(255, 0, 0, 0.25);
        border-color: red;
        /*color: #e8c5c5;*/
    }

#popUpLinks a {
    display: block;
    margin-top: 1em;
}

    #popUpLinks a:hover {
        color: #555;
    }

.ident__out--titre {
    font-size: 2.5em;
    font-weight: 300;
    opacity: 0.35;
    margin: 0 0 -0.35em 0;
}

#show-pwd {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    width: 2em;
    font-size: 2rem;
    background: #333 !important;
    color: #eee;
    margin-left: -1px;
    border: none;
}

    #show-pwd:active, #show-pwd:hover, #show-pwd:focus {
        outline: none;
    }

    #show-pwd .fa-eye-slash {
        display: none;
    }

    #show-pwd.show__pwd .fa-eye-slash {
        display: block;
    }

    #show-pwd.show__pwd .fa-eye {
        display: none;
    }

#btn-opentopident,
#btn-closetopident {
    /*position: absolute;
    bottom: -3.7rem;
    right: 0;*/
    text-decoration: none;
    /*span {
        font-size: 1em;
    }*/
}

    #btn-opentopident span,
    #btn-closetopident span {
        display: none;
    }

@media screen and (min-width: 768px) {
    #btn-opentopident i.fa,
    #btn-closetopident i.fa {
        font-size: 1.8em;
        margin-bottom: 0.15em;
    }

    #btn-opentopident span,
    #btn-closetopident span {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    #btn-opentopident {
        font-size: inherit;
    }
}

.btn-access {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    width: min-content;
    padding: 6px 0;
    margin-left: 20px;
    white-space: normal;
    height: 60px;
}

    .btn-access span {
        font-size: 0.8em !important;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 13px;
    }

#btn-closetopident {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
}

body.open-ident__out #ident__out {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.3);
}

    body.open-ident__out #ident__out #btn-opentopident {
        display: none;
        color: inherit;
    }

.btn body.open-ident__out #ident__out #btn-opentopident {
    padding: 0;
}

body.open-ident__out #ident__out #btn-closetopident {
    background: #eee;
    display: inline;
    color: #187498;
    border-bottom-left-radius: 5px;
}

    body.open-ident__out #ident__out #btn-closetopident:hover {
        color: #555;
    }

#contentMessage:empty {
    display: none;
}

/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 02/07/2020 11:20:00
 * @author : SD
 * @description :
 * @projet : Calipso
 */
/* AN 4/9 corr mnu MP*/
header.header--wrap {
    display: block;
    background-color: #F5F5F5;
}

.header--wrap {
    flex: 0 0 auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: 9999;
    transition: transform 500ms ease-in-out, background-color 150ms ease-in-out;
    display: contents;
    /*  */
}

    .header--wrap.ombre {
        box-shadow: 0 2em 4em rgba(0, 0, 0, 0.3);
    }

.hpi .header--wrap {
    display: block;
    height: auto;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 100%);
}

    .hpi .header--wrap.ombre {
        background: #fff;
    }

.header--wrap.static {
    position: static !important;
}

@media all and (min-width: 768px) {
    .header--wrap {
        height: 160px;
    }
}

div.header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 5px 2rem;
    background: #FFF;
    overflow: hidden;
}

.hpi div.header {
    background: transparent;
}

@media all and (min-width: 768px) {
    div.header {
        justify-content: space-between;
    }
}

.header--access, .header--ident {
    display: flex;
    justify-content: flex-end;
}

    .header--access .btn-link, .header--ident .btn-link {
        text-decoration: none;
        padding-right: 5px;
    }

        .header--access .btn-link:hover, .header--ident .btn-link:hover {
            color: #11526c;
        }

.header--access {
    order: 2;
}

.header--ident {
    order: 1;
}

/*.header--inf {
    position: relative;
}*/
.header--logo {
    width: 120px;
    display: flex;
    align-items: center;
}

    .header--logo a img {
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .header--logo {
        display: block;
        width: 220px;
    }

    .ie11 .header--logo {
        width: 150px;
    }
}

.header--right {
    display: none;
}

@media screen and (min-width: 768px) {
    .header--right {
        display: flex;
    }
}

.header--social {
    display: none;
}

@media screen and (min-width: 768px) {
    .header--social {
        display: flex;
        justify-content: flex-end;
        padding: 5px 15px 0px;
        /*background: $navbar-bg;*/
    }

        .header--social .socials a {
            margin-left: 1rem;
        }

            .header--social .socials a .fa {
                font-size: 1em;
                color: #cccccc;
                margin-left: 1rem;
                transition: ease-in 0.1s;
                border: 0px solid #333;
                background: none;
                color: #444;
                border-radius: 50%;
                width: 25px;
                height: 25px;
                text-align: center;
                display: table-cell;
                vertical-align: middle;
            }

                .header--social .socials a .fa:hover {
                    background-color: #22a6da;
                    color: #FFF;
                }

            .header--social .socials a:hover {
                text-decoration: none !important;
            }
}

.actions2 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.header--actions {
    display: none;
}

@media screen and (min-width: 768px) {
    .header--actions {
        display: block;
        flex: 1 1 auto;
        width: 100%;
        text-align: center;
        /*margin-right: -15px;*/
        width: auto;
        margin-top: 0px;
    }

    .ie11 .header--actions {
        width: 100%;
        margin-left: 144px;
    }
}

.header--ident {
    display: none;
}

@media screen and (min-width: 768px) {
    .header--ident {
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
        justify-content: space-between;
        padding: 0px 0 6px;
        /*.actions1 {
            order: 2;
        }

        .actions2 {
            order: 3;

            & > *:last-child {
                margin-left: $v-large;
            }
        }

        .actions3 {
            order: 1;
        }*/
    }

    .ombre .header--ident {
        margin-top: 0;
    }

    .identified .header--ident {
        margin-top: 1em;
    }

    .header--ident > *:not(.actions3) {
        margin-top: 0.4em;
    }

    .header--ident .actions1 a {
        color: #cccccc;
    }

    .header--ident > * {
        margin-left: 20px;
    }

    .header--ident .actions1 {
        order: 2;
    }

    .header--ident .actions2 {
        order: 3;
    }

    .header--ident .actions3 {
        display: none;
    }

    .header--ident .search__input,
    .header--ident .search__launch-search {
        border: none 0 transparent;
        box-shadow: none;
        background-color: #FFF;
        border: 1px solid #eee;
    }

    .header--ident .search__web,
    .header--ident .search__input {
        width: 0;
        float: right;
        transition: width 250ms ease-in-out;
    }

        .header--ident .search__web:hover, .header--ident .search__web:focus, .header--ident .search__web:active,
        .header--ident .search__input:hover,
        .header--ident .search__input:focus,
        .header--ident .search__input:active {
            width: 8em;
            float: right;
        }

    .header--ident .search__launch-search {
        height: 42px;
    }

    .header--ident .user-actions a {
        color: #cccccc;
    }

        .header--ident .user-actions a:hover {
            color: #187498;
        }

    .header--ident .txt-rouge {
        color: #BB0000;
    }

        .header--ident .txt-rouge:hover {
            color: #BB0000 !important;
            background-color: rgba(187, 0, 0, 0.25);
        }
}

@media screen and (min-width: 992px) {
    .header--ident .actions3 {
        display: block;
        order: 1;
        margin-top: 9px;
    }
}

.header--ident .header__contact {
    position: relative;
}

    .header--ident .header__panier:hover,
    .header--ident .header__contact:hover {
        color: #187498;
    }

.header--ident #icn-menu {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-user-select: none;
    user-select: none;
}

    .header--ident #icn-menu, .header--ident #icn-menu::before, .header--ident #icn-menu::after {
        display: block;
        width: 25px;
        height: 3px;
        background-color: #333;
        outline: 1px solid transparent;
        transition-property: background-color, transform;
        transition-duration: 0.3s;
    }

        .header--ident #icn-menu::before, .header--ident #icn-menu::after {
            position: absolute;
            content: "";
        }

        .header--ident #icn-menu::before {
            top: -8px;
        }

        .header--ident #icn-menu::after {
            top: 8px;
        }

        .header--ident #icn-menu.active {
            background-color: transparent;
        }

            .header--ident #icn-menu.active::before {
                transform: translateY(8px) rotate(45deg);
            }

            .header--ident #icn-menu.active::after {
                transform: translateY(-8px) rotate(-45deg);
            }

.navbar-backoffice .navbar-toggle {
    float: none;
}

.navbar-backoffice .niv1 > .dropdown-menu > .show-grid {
    display: flex;
    flex-flow: row wrap;
}

    .navbar-backoffice .niv1 > .dropdown-menu > .show-grid .niv2 {
        float: none !important;
    }

.user-actions .dropdown-menu {
    left: -82px;
}

@media screen and (min-width: 768px) {
    .header--actions {
        margin-top: 0px;
        transition: all 0.5s;
        width: 500px;
    }

    header #header {
        background-color: white;
    }

    .headerscroll2 {
        position: fixed;
        width: 100%;
        top: 0px;
        height: 62px;
    }

        .headerscroll2 .header {
            transition: all 0.5s;
            height: 58px;
            padding-top: 0px;
            margin-top: -10px;
            background-color: white;
        }

    .hpi .headerscroll2 .header {
        background-color: white;
    }

    .headerscroll2 .header--ident {
        /* visibility:hidden;*/
        margin-top: -30px;
        transition: all 0.5s;
    }

    .headerscroll2 .header--right {
        margin-top: 0px;
    }

    .headerscroll2 .header--actions {
        transition: all 0.5s;
        background-color: white;
        margin-top: 5px;
    }

    .headerscroll2 .mega-menu {
        position: fixed;
        right: 0px;
        top: 50px;
        transition: all 0.5s;
    }

    .headerscroll1 {
        position: fixed;
        width: 100%;
        top: 0px;
        height: 100px;
        margin-top: 0px;
        transition: all 0.5s;
    }

        .headerscroll1 .header {
            transition: all 0.5s;
            height: 60px;
            padding-top: 0px;
        }

    .hpi .headerscroll1 .header {
        background-color: transparent;
    }

    .headerscroll1 .header--ident {
        /* visibility:hidden;*/
        margin-top: -3px;
        transition: all 0.5s;
    }

    .headerscroll1 .mega-menu {
        position: fixed;
        right: 0px;
        top: 89px;
        transition: all 0.5s;
    }

    .headerscroll1 .header--logo {
        transition: all 0.5s;
        transform: scale(0.7);
        margin-top: -13px;
    }

    .headerscroll2 .header--logo {
        transition: all 0.5s;
        transform: scale(0.6);
        margin-top: -10px;
    }

    .headerscroll1 .header--right,
    .headerscroll2 .header--right {
        margin-top: 2px;
        transition: all 0.5s;
    }

    .headerscroll1 .navbar.navbar-backoffice,
    .headerscroll2 .navbar.navbar-backoffice {
        padding-top: 0px;
        transition: all 0.5s;
    }

        .headerscroll1 .navbar.navbar-backoffice .navbar-list > li,
        .headerscroll2 .navbar.navbar-backoffice .navbar-list > li {
            transition: all 0.5s;
            padding: 0rem 0.6rem 0.5rem;
        }

            .headerscroll2 .navbar.navbar-backoffice .navbar-list > li > a {
                transition: all 0.5s;
                padding-bottom: 3px;
                padding-top: 3px;
            }

    .headerscroll0 {
        transition: all 0.5s;
        position: fixed;
        width: 100%;
        top: 0px;
        height: 128px;
        margin-top: 0px;
    }

        .headerscroll0 .header {
            transition: all 0.5s;
            height: 86px;
            padding-top: 5px;
        }

    .hpi .headerscroll0 .header {
        background-color: transparent;
    }

    .headerscroll0 .header--logo {
        transition: all 0.5s;
        transform: scale(1);
        margin-top: -9px;
    }

    .headerscroll0 .header--ident {
        /* visibility:hidden;*/
        margin-top: 0px;
        transition: all 0.5s;
    }

    .headerscroll0 .mega-menu {
        position: fixed;
        right: 0px;
        top: auto;
        transition: all 0.5s;
    }

    .headerscroll0 .navbar.navbar-backoffice .navbar-list > li {
        transition: all 0.5s;
        padding: 0.2rem 1.2rem 0.5rem;
    }
}

.Backoffice #cdf {
    display: none;
}

.Backoffice .x-panel-body {
    width: inherit !important;
}

    .Backoffice .x-panel-body label {
        display: inline;
    }

.Backoffice iframe {
    border: none;
}

.Backoffice .pull-out.pull-out-magenta, .Backoffice .pull-out.pull-out-magenta .pull-out-button, .Backoffice .pull-out.pull-out-magenta .pull-out-button-click, .Backoffice .pull-out.pull-out-magenta .pull-out-content {
    background-color: #187498;
}

.Backoffice .pull-out.pull-out-blue, .Backoffice .pull-out.pull-out-blue .pull-out-button, .Backoffice .pull-out.pull-out-blue .pull-out-button-click, .Backoffice .pull-out.pull-out-blue .pull-out-content {
    background-color: #cccccc;
}

.Backoffice #page {
    margin: 0;
    display: flex;
    min-height: 100vh;
    /*height: 100vh;*/
    flex-direction: column;
    height: initial !important;
    padding-top: 128px;
}

.Backoffice .contenu {
    flex: 1 0 auto;
    padding-bottom: 5em;
}

.Backoffice .category-page--title {
    position: relative;
    background: #fff;
    width: 100%;
    height: 3em;
}

    .Backoffice .category-page--title::after {
        display: block;
        content: " ";
        position: absolute;
        bottom: 5%;
        left: 15%;
        height: 2em;
        width: 70%;
        border-radius: 500%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        z-index: -1;
    }

.Backoffice .lateral-page--title {
    position: relative;
    background: #fff;
    width: 100%;
    height: 3em;
    z-index: 0;
    transform: rotate(-90deg);
}

    .Backoffice .lateral-page--title::after {
        display: block;
        content: " ";
        position: absolute;
        bottom: 15%;
        left: 15%;
        height: 2em;
        width: 70%;
        border-radius: 500%;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        z-index: -1;
    }

.Backoffice .vignette-img {
    z-index: 5;
}

.Backoffice .vignette {
    background-color: #e6e6e6;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
}

    .Backoffice .vignette *:not(a) {
        transition: all 500ms ease-in-out;
    }

    .Backoffice .vignette:hover .vignette-argu {
        padding-top: 0.5em;
        background-color: rgba(0, 0, 0, 0.8);
        transform: translate3d(0, -10em, 0);
    }

    .Backoffice .vignette:hover .argu-titre {
        color: #fff;
    }

    .Backoffice .vignette:hover .argu-texte {
        padding-top: 0;
        padding-bottom: 20em;
    }

    .Backoffice .vignette .vignette-argu {
        padding: 0 0.5em;
        background-color: transparent;
        z-index: 1000;
    }

    .Backoffice .vignette .argu-titre {
        margin-left: 0.5em;
        font-size: 2em;
    }

    .Backoffice .vignette .argu-texte {
        padding-top: 20em;
        color: #fff;
    }

@media screen and (max-width: 990px) {
    .Backoffice .vignette .argu-titre {
        font-size: 1.85em;
        letter-spacing: 0.005em;
    }
}

@media screen and (max-width: 768px) {
    .Backoffice .vignette .argu-titre {
        font-size: 1.5em;
        letter-spacing: 0.005em;
    }
}

@media screen and (min-width: 1200px) {
    .Backoffice .vignette {
        height: 300px;
    }
}

.Backoffice .SommaireContent {
    text-align: right;
    padding-right: 2em;
}

    .Backoffice .SommaireContent #btn-show .material-icons {
        font-size: 2.3em;
    }

.Backoffice .Sommaire {
    display: none;
}

    .Backoffice .Sommaire .Sommaire__list {
        list-style: none;
    }

        .Backoffice .Sommaire .Sommaire__list .Sommaire__item .SommaireFiche {
            position: relative;
        }

            .Backoffice .Sommaire .Sommaire__list .Sommaire__item .SommaireFiche::before {
                position: absolute;
                display: block;
                top: 0;
                width: inherit;
                height: inherit;
                left: inherit;
                right: auto;
                content: "";
                font-family: "FontAwesome", serif;
                font-size: inherit;
                color: inherit;
                left: -1.5em;
            }

            .Backoffice .Sommaire .Sommaire__list .Sommaire__item .SommaireFiche:hover::before {
                content: '\f15c';
            }

        .Backoffice .Sommaire .Sommaire__list .Sommaire__item .SommaireDossier {
            position: relative;
        }

            .Backoffice .Sommaire .Sommaire__list .Sommaire__item .SommaireDossier::before {
                position: absolute;
                display: block;
                top: 0;
                width: inherit;
                height: inherit;
                left: inherit;
                right: auto;
                content: "";
                font-family: "FontAwesome", serif;
                font-size: inherit;
                color: inherit;
                left: -1.5em;
            }

            .Backoffice .Sommaire .Sommaire__list .Sommaire__item .SommaireDossier:hover::before {
                content: '\f115';
            }

/*
 * *
 *   * Copyright Isagri Ingenierie  2019
 *   * Theme Bootstrap 2019
 *   * @version 1 : 10 / 2019
 *   * @author : SD
 *   * @description : fichier centralisant les styles du footer
 *   * @projet : akanea
 * /
 */
.footer--wrap {
    flex: 0 0 auto;
    background-color: #555;
    padding-bottom: 64px;
}

@media screen and (min-width: 768px) {
    .footer--wrap {
        padding-bottom: 0;
    }
}

#footer {
    color: #fff;
}

    #footer .footer-top, #footer .footer-bottom {
        padding-top: 1em;
        padding-bottom: 1em;
        background-color: #555;
    }

    #footer .footer-bottom {
        background-color: #222;
    }

    #footer a {
        color: #fff;
    }

.footer__legal-link {
    position: relative;
    display: inline-block;
    margin-left: 14px;
}

    .footer__legal-link::after {
        display: block;
        width: 1em;
        height: 1em;
        content: "|";
        position: absolute;
        top: 0;
        right: -1.2em;
    }

    .footer__legal-link:last-child::after {
        content: "";
    }

/*.footer--header,
.footer--list1 {
  font-family: $ff-ff2;
}

.footer--header {
  font-size: 2em;
  margin-top: 0;
  color: #ffffff;
}

.footer--logo {
  display: block;
  margin-top: 2em;
  margin-left: 2em;

  img {
    max-width: 100%;
  }
}

.footer--list1 {
  list-style-type: none;
  font-size: 1.5em;
  line-height: 1.5;
  margin-top: 1.4em;
  margin-left: 1.8em;

  @media screen and (max-width: 480px) {
    margin-top: 19px;
    margin-left: 0;
  }
}

.solutions-list {
  list-style-type: none;


  li a {
    position: relative;
    padding-left: 1em;

    &::before {
      content: '\f105';
      position: absolute;
      display: block;
      height: 1em;
      width: 1em;
      top: 0;
      left: 0;
      font-family: $ff-symbols;
      font-size: 1em;
      color: $c-site1;

      transition: all 250ms ease-in-out;
    }

    &:hover {
      &::before {
        left: 0.60em;
      }
    }
  }
}

.footer--address {
  p {
    line-height: 0.7em;

    &:first-child {
      font-size: 1.2em;
    }
  }
}*/
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 3 : 11 / 2019
 * @author : SD
 * @description :
 * @projet : akanea
 */
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 1 : 10 / 2019
 * @author : SD
 * @description : styles du footer
 * @projet : akanea
 */
.hp__section {
    display: flex;
    flex-flow: column wrap;
    margin: 1em -10px 0 -10px;
}

@media all and (min-width: 768px) {
    .hp__section {
        flex-flow: row wrap;
    }
}

.hp__section .hp__col {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

@media all and (min-width: 768px) {
    .hp__section .hp__col {
        margin-top: 1em;
    }
}

.hp__slider {
    height: 100vh;
    overflow: hidden;
}

#hpSlider1 {
    height: calc(100vh - 54px);
    padding-left: 0;
    margin-bottom: 2.5em;
    list-style-type: none;
}

@media screen and (min-width: 768px) {
    #hpSlider1 {
        height: 100vh;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    #hpSlider1 {
        height: 100vh;
        margin-bottom: 0;
    }
}

#hpSlider1 .slider__item {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    font-size: 0.50em !important;
    opacity: 0 !important;
    transition: opacity 1000ms ease-in-out;
}

@media all and (min-width: 768px) {
    #hpSlider1 .slider__item {
        font-size: 1em !important;
    }
}

#hpSlider1 .slider__item.is-selected {
    opacity: 1 !important;
}

    #hpSlider1 .slider__item.is-selected .slide__content > * {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

#hpSlider1 .slide__content {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    margin: 0 -15px;
}

    #hpSlider1 .slide__content:hover {
        text-decoration: none;
    }

    #hpSlider1 .slide__content:empty {
        display: none;
    }

    #hpSlider1 .slide__content > * {
        padding: 1em 15px;
        width: 100%;
        background: rgba(0, 0, 0, 0.3);
        opacity: 0;
        transform: translate3d(-50%, 0, 0);
        transition: all 1500ms 500ms ease-in-out;
    }

    #hpSlider1 .slide__content p {
        font-family: "Roboto", sans-serif !important;
        color: #FFF;
        font-size: 48px;
        margin-bottom: 0;
        height: auto;
    }

#hpSlider1 .flickity-page-dots .dot {
    background-color: #fff;
    border: 1px solid #000;
}

    #hpSlider1 .flickity-page-dots .dot.is-selected {
        background-color: #000;
        border: 2px solid #fff;
        box-shadow: 0 0 1px #000;
    }

    #hpSlider1 .flickity-page-dots .dot:last-child {
        margin-right: 0;
    }

@media screen and (min-width: 768px) {
    #hpSlider1 .flickity-page-dots {
        bottom: 1em;
        text-align: right;
        right: 1em;
    }
}

#hpSlider1 .flickity-prev-next-button {
    width: 64px;
    height: 64px;
    background-color: transparent;
}

    #hpSlider1 .flickity-prev-next-button svg .arrow {
        fill: rgba(255, 255, 255, 0.2);
    }

.hp__actus {
    width: 100%;
}

    .hp__actus .actusHP__wrapper {
        display: flex;
        flex-flow: row wrap;
        list-style-type: none;
        padding: 0;
        margin-bottom: 0;
    }

        .hp__actus .actusHP__wrapper .actusHP__item {
            display: flex;
            align-items: flex-end;
            position: relative;
            height: 240px;
            width: 100%;
            margin-right: 0;
            margin-bottom: 1em;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            opacity: 1;
            cursor: pointer;
            transition: all 250ms ease-in-out;
        }

            .hp__actus .actusHP__wrapper .actusHP__item:hover {
                opacity: 0.70;
            }

@media all and (min-width: 768px) {
    .hp__actus .actusHP__wrapper .actusHP__item {
        width: calc(50% - 0.5em);
        margin-right: 1em;
    }

        .hp__actus .actusHP__wrapper .actusHP__item:nth-child(2n) {
            margin-right: 0;
        }
}

.hp__actus .actusHP__wrapper .actusHP__content {
    height: 4em;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}

.hp__actus .actusHP__wrapper .actusHP-title {
    width: 100%;
    height: 3.9em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0.25em 0.5em;
    color: #fff;
    line-height: 1.2;
}

.carrousel__actus {
    min-height: 350px;
    list-style-type: none;
    padding: 0;
}

    .carrousel__actus .flickity-page-dots {
        bottom: -2.5em;
    }

        .carrousel__actus .flickity-page-dots li {
            width: 25px;
            height: 25px;
        }

@media all and (min-width: 768px) {
    .carrousel__actus .flickity-page-dots li {
        width: 10px;
        height: 10px;
    }
}

@media all and (min-width: 768px) {
    .carrousel__actus .flickity-page-dots {
        bottom: -25px;
    }
}

.carrousel__actus .actu__item__wrap {
    width: 100%;
}

@media all and (min-width: 768px) {
    .carrousel__actus .actu__item__wrap {
        width: calc(100% / 3);
    }
}

.carrousel__actus .actu__item__wrap:nth-child(1n+2) {
    display: flex;
    justify-content: center;
}

.carrousel__actus .actu__item__wrap:nth-child(1n+3) {
    display: flex;
    justify-content: flex-end;
}

.carrousel__actus .actu__item {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

@media all and (min-width: 768px) {
    .carrousel__actus .actu__item {
        width: calc(100% - 20px);
    }
}

.carrousel__actus .actu__img {
    z-index: 5;
}

.carrousel__actus .actu__categorie {
    display: inline-block;
    position: absolute;
    padding: 0.25em 1em;
    margin-top: -1em;
    z-index: 10;
    font-weight: bold;
    font-size: 1.125em;
    letter-spacing: 0.025em;
}

.carrousel__actus .actu__title {
    margin-top: 1.25em;
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 0.25em;
    padding: 0 0.75em;
}

.carrousel__actus .actu__resume {
    padding: 0 1em;
    text-align: justify;
}

.carrousel__actus .actu__divider {
    display: block;
    width: calc(100% - 2em);
    border-top: 1px solid #ddd;
    margin: 0.25em auto;
}

.carrousel__actus .actu__footer {
    padding: 0 1em;
}

.carrousel__actus .actu__share {
    font-size: 1.5em;
}

    .carrousel__actus .actu__share .actu__share--link {
        color: #ddd;
    }

        .carrousel__actus .actu__share .actu__share--link:hover {
            color: #187498;
        }

/**
  * Theme Bootstrap 2022
  * @version du 11/05/2022
  * @projet : Isanet Marchés
  * @author : AMA
  * @description : styles de mise en page de la partie centrale du site
*/
/* +++++++++++++++++++ MENU CIRCULAIRE - gluant +++++++++++++++++++ */
/*.menu-circle-gluant {
    position: absolute;
    left: 50%;
    margin-left: -190px;
    padding-top: 20px;
    padding-left: 190px;
    width: 380px;
    height: 250px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;

    .menu-circle-open {
        display: none;

        &:checked + .menu-circle-open-button .hamburger-1 {
            transform: translate3d(0, 0, 0) rotate(45deg);
        }

        &:checked + .menu-circle-open-button .hamburger-2 {
            transform: translate3d(0, 0, 0) scale(0.1, 1);
        }

        &:checked + .menu-circle-open-button .hamburger-3 {
            transform: translate3d(0, 0, 0) rotate(-45deg);
        }

        .menu-item,
        .menu-circle-open-button {
            background: #e91e63;
            border-radius: 100%;
            width: 80px;
            height: 80px;
            margin-left: -40px;
            position: absolute;
            top: 20px;
            color: white !important;
            text-align: center;
            line-height: 80px;
            transform: translate3d(0, 0, 0);
            transition: transform ease-out 200ms;

            .hamburger {
                width: 25px;
                height: 3px;
                background: white;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -12.5px;
                margin-top: -1.5px;
                transition: transform 200ms;
            }

            .hamburger-1 {
                transform: translate3d(0, -8px, 0);
            }

            .hamburger-2 {
                transform: translate3d(0, 0, 0);
            }

            .hamburger-3 {
                transform: translate3d(0, 8px, 0);
            }
        }

        .menu-item {
            &:hover {
                background: #dedede;
                color: #e91e63 !important;
            }

            &:nth-child(3) {
                transition-duration: 180ms;
            }

            &:nth-child(4) {
                transition-duration: 180ms;
            }

            &:nth-child(5) {
                transition-duration: 180ms;
            }

            &:nth-child(6) {
                transition-duration: 180ms;
            }

            &:nth-child(7) {
                transition-duration: 180ms;
            }

            &:nth-child(8) {
                transition-duration: 180ms;
            }

            &:nth-child(9) {
                transition-duration: 180ms;
            }
        }


        .menu-circle-open-button {
            z-index: 2;
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-duration: 400ms;
            transform: scale(1.1, 1.1) translate3d(0, 0, 0);
            cursor: pointer;

            &:hover {
                transform: scale(1.2, 1.2) translate3d(0, 0, 0);
            }
        }



        &:checked + .menu-circle-open-button {
            transition-timing-function: linear;
            transition-duration: 200ms;
            transform: scale(0.8, 0.8) translate3d(0, 0, 0);
        }

        &:checked ~ .menu-item {
            transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
        }

        &:checked ~ .menu-item:nth-child(3) {
            transition-duration: 180ms;
            transform: translate3d(0.08361px, -104.99997px, 0);
        }

        &:checked ~ .menu-item:nth-child(4) {
            transition-duration: 280ms;
            transform: translate3d(90.9466px, -52.47586px, 0);
        }

        &:checked ~ .menu-item:nth-child(5) {
            transition-duration: 380ms;
            transform: translate3d(90.9466px, 52.47586px, 0);
        }

        &:checked ~ .menu-item:nth-child(6) {
            transition-duration: 480ms;
            transform: translate3d(0.08361px, 104.99997px, 0);
        }

        &:checked ~ .menu-item:nth-child(7) {
            transition-duration: 580ms;
            transform: translate3d(-90.86291px, 52.62064px, 0);
        }

        &:checked ~ .menu-item:nth-child(8) {
            transition-duration: 680ms;
            transform: translate3d(-91.03006px, -52.33095px, 0);
        }

        &:checked ~ .menu-item:nth-child(9) {
            transition-duration: 780ms;
            transform: translate3d(-0.25084px, -104.9997px, 0);
        }
    }
   
}*/
.menu-circle-gluant {
    position: relative;
    left: 50%;
    margin: 50px 0 50px -190px;
    padding-top: 20px;
    padding-left: 190px;
    width: 380px;
    height: 295px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;
}

.menu-item:hover {
    background: #dedede;
    color: #e91e63 !important;
}

.menu-item:nth-child(3) {
    transition-duration: 180ms;
}

.menu-item:nth-child(4) {
    transition-duration: 180ms;
}

.menu-item:nth-child(5) {
    transition-duration: 180ms;
}

.menu-item:nth-child(6) {
    transition-duration: 180ms;
}

.menu-item:nth-child(7) {
    transition-duration: 180ms;
}

.menu-item:nth-child(8) {
    transition-duration: 180ms;
}

.menu-item:nth-child(9) {
    transition-duration: 180ms;
}

.menu-circle-open-button {
    z-index: 2;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}

    .menu-circle-open-button:after {
        content: "_";
    }

    .menu-circle-open-button:hover {
        transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    }

.menu-circle-open:checked + .menu-circle-open-button {
    transition-timing-function: linear;
    transition-duration: 200ms;
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-circle-open:checked ~ .menu-item {
    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

    .menu-circle-open:checked ~ .menu-item:nth-child(3) {
        transition-duration: 180ms;
        transform: translate3d(0.08361px, -104.99997px, 0);
    }

    .menu-circle-open:checked ~ .menu-item:nth-child(4) {
        transition-duration: 280ms;
        transform: translate3d(90.9466px, -52.47586px, 0);
    }

    .menu-circle-open:checked ~ .menu-item:nth-child(5) {
        transition-duration: 380ms;
        transform: translate3d(90.9466px, 52.47586px, 0);
    }

    .menu-circle-open:checked ~ .menu-item:nth-child(6) {
        transition-duration: 480ms;
        transform: translate3d(0.08361px, 104.99997px, 0);
    }

    .menu-circle-open:checked ~ .menu-item:nth-child(7) {
        transition-duration: 580ms;
        transform: translate3d(-90.86291px, 52.62064px, 0);
    }

    .menu-circle-open:checked ~ .menu-item:nth-child(8) {
        transition-duration: 680ms;
        transform: translate3d(-91.03006px, -52.33095px, 0);
    }

    .menu-circle-open:checked ~ .menu-item:nth-child(9) {
        transition-duration: 780ms;
        transform: translate3d(-0.25084px, -104.9997px, 0);
    }

.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

    /* Common style */
    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        min-width: 320px;
        max-width: 480px;
        max-height: 360px;
        width: 48%;
        height: auto;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

        .grid figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }

        .grid figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            backface-visibility: hidden;
        }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                /* Anchor will cover the whole item by default */
                .grid figure figcaption > a {
                    z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .grid figure h2 {
            word-spacing: -0.15em;
            font-weight: 300;
        }

            .grid figure h2 span {
                font-weight: 800;
            }

        .grid figure h2,
        .grid figure p {
            margin: 0;
            color: #FFF;
        }

        .grid figure p {
            letter-spacing: 1px;
            font-size: 68.5%;
        }

/* Individual effects */
/*---------------*/
/***** Julia *****/
/*---------------*/
figure.effect-julia {
    background: #2f3238;
}

    figure.effect-julia img {
        max-width: none;
        height: 400px;
        transition: opacity 1s, transform 1s;
        backface-visibility: hidden;
    }

    figure.effect-julia figcaption {
        text-align: left;
    }

    figure.effect-julia h2 {
        position: relative;
        padding: 0.5em 0;
    }

    figure.effect-julia p {
        display: inline-block;
        margin: 0 0 0.25em;
        padding: 0.4em 1em;
        background: rgba(255, 255, 255, 0.9);
        color: #2f3238;
        text-transform: none;
        font-weight: 500;
        font-size: 75%;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(-360px, 0, 0);
    }

        figure.effect-julia p:first-child {
            transition-delay: 0.15s;
        }

        figure.effect-julia p:nth-of-type(2) {
            transition-delay: 0.1s;
        }

        figure.effect-julia p:nth-of-type(3) {
            transition-delay: 0.05s;
        }

    figure.effect-julia:hover p:first-child {
        transition-delay: 0s;
    }

    figure.effect-julia:hover p:nth-of-type(2) {
        transition-delay: 0.05s;
    }

    figure.effect-julia:hover p:nth-of-type(3) {
        transition-delay: 0.1s;
    }

    figure.effect-julia:hover img {
        opacity: 0.4;
        transform: scale3d(1.1, 1.1, 1);
    }

    figure.effect-julia:hover p {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

/*-----------------*/
/***** Goliath *****/
/*-----------------*/
figure.effect-goliath {
    background: #df4e4e;
}

    figure.effect-goliath img,
    figure.effect-goliath h2 {
        transition: transform 0.35s;
    }

    figure.effect-goliath img {
        backface-visibility: hidden;
    }

    figure.effect-goliath h2,
    figure.effect-goliath p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 30px;
    }

    figure.effect-goliath p {
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(0, 50px, 0);
    }

    figure.effect-goliath:hover img {
        transform: translate3d(0, -80px, 0);
    }

    figure.effect-goliath:hover h2 {
        transform: translate3d(0, -100px, 0);
    }

    figure.effect-goliath:hover p {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

/*-----------------*/
/***** Hera *****/
/*-----------------*/
figure.effect-hera {
    background: #303fa9;
}

    figure.effect-hera h2 {
        font-size: 158.75%;
    }

    figure.effect-hera h2,
    figure.effect-hera p {
        position: absolute;
        top: 50%;
        left: 50%;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(-50%, -50%, 0);
        transform-origin: 50%;
    }

    figure.effect-hera figcaption::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200px;
        height: 200px;
        border: 2px solid #fff;
        content: '';
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
        transform-origin: 50%;
    }

    figure.effect-hera p {
        width: 100px;
        text-transform: none;
        font-size: 121%;
        line-height: 2;
    }

        figure.effect-hera p a {
            color: #fff;
        }

            figure.effect-hera p a:hover,
            figure.effect-hera p a:focus {
                opacity: 0.6;
            }

            figure.effect-hera p a i {
                opacity: 0;
                transition: opacity 0.35s, transform 0.35s;
            }

            figure.effect-hera p a:first-child i {
                transform: translate3d(-60px, -60px, 0);
                color: tomato;
            }

            figure.effect-hera p a:nth-child(2) i {
                transform: translate3d(60px, -60px, 0);
                color: skyblue;
            }

            figure.effect-hera p a:nth-child(3) i {
                transform: translate3d(-60px, 60px, 0);
                color: yellow;
            }

            figure.effect-hera p a:nth-child(4) i {
                transform: translate3d(60px, 60px, 0);
                color: lightgreen;
            }

    figure.effect-hera:hover figcaption::before {
        opacity: 1;
        transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    }

    figure.effect-hera:hover h2 {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
    }

    figure.effect-hera:hover p i:empty {
        transform: translate3d(0, 0, 0);
        /* just because it's stronger than nth-child */
        opacity: 1;
    }

/*-----------------*/
/***** Winston *****/
/*-----------------*/
figure.effect-winston {
    background: #162633;
    text-align: left;
}

    figure.effect-winston img {
        transition: opacity 0.45s;
        backface-visibility: hidden;
    }

    figure.effect-winston figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/triangle.svg) no-repeat center center;
        background-size: 100% 100%;
        content: '';
        transition: opacity 0.45s, transform 0.45s;
        transform: rotate3d(0, 0, 1, 45deg);
        transform-origin: 0 100%;
    }

    figure.effect-winston h2 {
        transition: transform 0.35s;
        transform: translate3d(0, 20px, 0);
    }

    figure.effect-winston p {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 1.5em 7% 0;
    }

    figure.effect-winston a {
        margin: 0 10px;
        color: #5d504f;
        font-size: 170%;
    }

        figure.effect-winston a:hover,
        figure.effect-winston a:focus {
            color: #cc6055;
        }

    figure.effect-winston p a i {
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(0, 50px, 0);
    }

    figure.effect-winston:hover img {
        opacity: 0.6;
    }

    figure.effect-winston:hover h2 {
        transform: translate3d(0, 0, 0);
    }

    figure.effect-winston:hover figcaption::before {
        opacity: 0.7;
        transform: rotate3d(0, 0, 1, 20deg);
    }

    figure.effect-winston:hover p i {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    figure.effect-winston:hover p a:nth-child(3) i {
        transition-delay: 0.05s;
    }

    figure.effect-winston:hover p a:nth-child(2) i {
        transition-delay: 0.1s;
    }

    figure.effect-winston:hover p a:first-child i {
        transition-delay: 0.15s;
    }

/*-----------------*/
/***** Selena *****/
/*-----------------*/
figure.effect-selena {
    background: #fff;
}

    figure.effect-selena img {
        opacity: 0.95;
        transition: transform 0.35s;
        transform-origin: 50% 50%;
    }

    figure.effect-selena:hover img {
        transform: scale3d(0.95, 0.95, 1);
    }

    figure.effect-selena h2 {
        transition: transform 0.35s;
        transform: translate3d(0, 20px, 0);
    }

    figure.effect-selena p {
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform-origin: 50% 0%;
    }

    figure.effect-selena:hover h2 {
        transform: translate3d(0, 0, 0);
    }

    figure.effect-selena:hover p {
        opacity: 1;
        transform: perspective(1000px) rotate3d(1, 0, 0, 0);
    }

/*-----------------*/
/***** Terry *****/
/*-----------------*/
figure.effect-terry {
    background: #34495e;
}

    figure.effect-terry figcaption {
        padding: 1em;
    }

        figure.effect-terry figcaption::before,
        figure.effect-terry figcaption::after {
            position: absolute;
            width: 200%;
            height: 200%;
            border-style: solid;
            border-color: #101010;
            content: '';
            transition: transform 0.35s;
        }

        figure.effect-terry figcaption::before {
            right: 0;
            bottom: 0;
            border-width: 0 70px 60px 0;
            transform: translate3d(70px, 60px, 0);
        }

        figure.effect-terry figcaption::after {
            top: 0;
            left: 0;
            border-width: 15px 0 0 15px;
            transform: translate3d(-15px, -15px, 0);
        }

    figure.effect-terry img,
    figure.effect-terry p a {
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-terry img {
        opacity: 0.85;
    }

    figure.effect-terry h2 {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0.4em 10px;
        width: 50%;
        transition: transform 0.35s;
        transform: translate3d(100%, 0, 0);
    }

@media screen and (max-width: 920px) {
    figure.effect-terry h2 {
        padding: 0.75em 10px;
        font-size: 120%;
    }
}

figure.effect-terry p {
    float: right;
    clear: both;
    text-align: left;
    text-transform: none;
    font-size: 111%;
}

    figure.effect-terry p a {
        display: block;
        margin-bottom: 1em;
        color: #fff;
        opacity: 0;
        transform: translate3d(90px, 0, 0);
    }

        figure.effect-terry p a:hover,
        figure.effect-terry p a:focus {
            color: #f3cf3f;
        }

figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
    transform: translate3d(0, 0, 0);
}

figure.effect-terry:hover img {
    opacity: 0.6;
}

figure.effect-terry:hover h2,
figure.effect-terry:hover p a {
    transform: translate3d(0, 0, 0);
}

figure.effect-terry:hover p a {
    opacity: 1;
}

    figure.effect-terry:hover p a:first-child {
        transition-delay: 0.025s;
    }

    figure.effect-terry:hover p a:nth-child(2) {
        transition-delay: 0.05s;
    }

    figure.effect-terry:hover p a:nth-child(3) {
        transition-delay: 0.075s;
    }

    figure.effect-terry:hover p a:nth-child(4) {
        transition-delay: 0.1s;
    }

/*-----------------*/
/***** Phoebe *****/
/*-----------------*/
figure.effect-phoebe {
    background: #675983;
}

    figure.effect-phoebe img {
        opacity: 0.85;
        transition: opacity 0.35s;
    }

    figure.effect-phoebe:hover img {
        opacity: 0.6;
    }

    figure.effect-phoebe figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/triangle2.svg) no-repeat center center;
        background-size: 100% 100%;
        content: '';
        transition: opacity 0.35s, transform 0.35s;
        transform: scale3d(5, 2.5, 1);
        transform-origin: 50% 50%;
    }

    figure.effect-phoebe:hover figcaption::before {
        opacity: 0.6;
        transform: scale3d(1, 1, 1);
    }

    figure.effect-phoebe h2 {
        margin-top: 1em;
        transition: transform 0.35s;
        transform: translate3d(0, 40px, 0);
    }

    figure.effect-phoebe:hover h2 {
        transform: translate3d(0, 0, 0);
    }

    figure.effect-phoebe p a {
        color: #fff;
        font-size: 140%;
        opacity: 0;
        position: relative;
        display: inline-block;
        transition: opacity 0.35s, transform 0.35s;
    }

        figure.effect-phoebe p a:first-child {
            transform: translate3d(-60px, -60px, 0);
        }

        figure.effect-phoebe p a:nth-child(2) {
            transform: translate3d(0, 60px, 0);
        }

        figure.effect-phoebe p a:nth-child(3) {
            transform: translate3d(60px, -60px, 0);
        }

    figure.effect-phoebe:hover p a {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

/*-----------------*/
/***** Apollo *****/
/*-----------------*/
figure.effect-apollo {
    background: #3498db;
}

    figure.effect-apollo img {
        opacity: 0.95;
        transition: opacity 0.35s, transform 0.35s;
        transform: scale3d(1.05, 1.05, 1);
    }

    figure.effect-apollo figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        content: '';
        transition: transform 0.6s;
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    }

    figure.effect-apollo p {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 3em;
        padding: 0 1em;
        max-width: 150px;
        border-right: 4px solid #fff;
        text-align: right;
        opacity: 0;
        transition: opacity 0.35s;
    }

    figure.effect-apollo h2 {
        text-align: left;
    }

    figure.effect-apollo:hover img {
        opacity: 0.6;
        transform: scale3d(1, 1, 1);
    }

    figure.effect-apollo:hover figcaption::before {
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    }

    figure.effect-apollo:hover p {
        opacity: 1;
        transition-delay: 0.1s;
    }

/*-----------------*/
/***** Kira *****/
/*-----------------*/
figure.effect-kira {
    background: #fff;
    text-align: left;
}

    figure.effect-kira img {
        transition: opacity 0.35s;
    }

    figure.effect-kira figcaption {
        z-index: 1;
    }

    figure.effect-kira p {
        padding: 2.25em 0.5em;
        font-weight: 600;
        font-size: 100%;
        line-height: 1.5;
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(0, -10px, 0);
    }

        figure.effect-kira p a {
            margin: 0 0.5em;
            color: #101010;
        }

            figure.effect-kira p a:hover,
            figure.effect-kira p a:focus {
                opacity: 0.6;
            }

    figure.effect-kira figcaption::before {
        position: absolute;
        top: 0;
        right: 2em;
        left: 2em;
        z-index: -1;
        height: 3.5em;
        background: #fff;
        content: '';
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(0, 4em, 0) scale3d(1, 0.023, 1);
        transform-origin: 50% 0;
    }

    figure.effect-kira:hover img {
        opacity: 0.5;
    }

    figure.effect-kira:hover p {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    figure.effect-kira:hover figcaption::before {
        opacity: 0.7;
        transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
    }

/*-----------------*/
/***** Steve *****/
/*-----------------*/
figure.effect-steve {
    z-index: auto;
    overflow: visible;
    background: #000;
}

    figure.effect-steve:before,
    figure.effect-steve h2:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: #000;
        content: '';
        transition: opacity 0.35s;
    }

    figure.effect-steve:before {
        box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
        opacity: 0;
    }

    figure.effect-steve figcaption {
        z-index: 1;
    }

    figure.effect-steve img {
        opacity: 1;
        transition: transform 0.35s;
        transform: perspective(1000px) translate3d(0, 0, 0);
    }

    figure.effect-steve h2,
    figure.effect-steve p {
        background: #fff;
        color: #2d434e;
    }

    figure.effect-steve h2 {
        position: relative;
        margin-top: 2em;
        padding: 0.25em;
    }

        figure.effect-steve h2:before {
            box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        }

    figure.effect-steve p {
        margin-top: 1em;
        padding: 0.5em;
        font-weight: 800;
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: scale3d(0.9, 0.9, 1);
    }

    figure.effect-steve:hover:before {
        opacity: 1;
    }

    figure.effect-steve:hover img {
        transform: perspective(1000px) translate3d(0, 0, 21px);
    }

    figure.effect-steve:hover h2:before {
        opacity: 0;
    }

    figure.effect-steve:hover p {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

/*-----------------*/
/***** Moses *****/
/*-----------------*/
figure.effect-moses {
    background: linear-gradient(-45deg, #EC65B7 0%, #05E0D8 100%);
}

    figure.effect-moses img {
        opacity: 0.85;
        transition: opacity 0.35s;
    }

    figure.effect-moses h2,
    figure.effect-moses p {
        padding: 20px;
        width: 50%;
        height: 50%;
        border: 2px solid #fff;
    }

    figure.effect-moses h2 {
        padding: 20px;
        width: 50%;
        height: 50%;
        text-align: left;
        transition: transform 0.35s;
        transform: translate3d(10px, 10px, 0);
    }

    figure.effect-moses p {
        float: right;
        padding: 20px;
        text-align: right;
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(-50%, -50%, 0);
    }

    figure.effect-moses:hover h2 {
        transform: translate3d(0, 0, 0);
    }

    figure.effect-moses:hover p {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    figure.effect-moses:hover img {
        opacity: 0.6;
    }

/*---------------*/
/***** Jazz *****/
/*---------------*/
figure.effect-jazz {
    background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}

    figure.effect-jazz img {
        opacity: 0.9;
    }

    figure.effect-jazz figcaption::after,
    figure.effect-jazz img,
    figure.effect-jazz p {
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-jazz figcaption::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        content: '';
        opacity: 0;
        transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
        transform-origin: 50% 50%;
    }

    figure.effect-jazz h2,
    figure.effect-jazz p {
        opacity: 1;
        transform: scale3d(0.8, 0.8, 1);
    }

    figure.effect-jazz h2 {
        padding-top: 26%;
        transition: transform 0.35s;
    }

    figure.effect-jazz p {
        padding: 0.5em 2em;
        text-transform: none;
        font-size: 0.85em;
        opacity: 0;
    }

    figure.effect-jazz:hover img {
        opacity: 0.7;
        transform: scale3d(1.05, 1.05, 1);
    }

    figure.effect-jazz:hover figcaption::after {
        opacity: 1;
        transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    }

    figure.effect-jazz:hover h2,
    figure.effect-jazz:hover p {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

/*---------------*/
/***** Ming *****/
/*---------------*/
figure.effect-ming {
    background: #030c17;
}

    figure.effect-ming img {
        opacity: 0.9;
        transition: opacity 0.35s;
    }

    figure.effect-ming figcaption::before {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2);
        content: '';
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: scale3d(1.4, 1.4, 1);
    }

    figure.effect-ming h2 {
        margin: 20% 0 10px 0;
        transition: transform 0.35s;
    }

    figure.effect-ming p {
        padding: 1em;
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: scale(1.5);
    }

    figure.effect-ming:hover h2 {
        transform: scale(0.9);
    }

    figure.effect-ming:hover figcaption::before,
    figure.effect-ming:hover p {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

    figure.effect-ming:hover figcaption {
        background-color: rgba(58, 52, 42, 0);
    }

    figure.effect-ming:hover img {
        opacity: 0.4;
    }

/*---------------*/
/***** Lexi *****/
/*---------------*/
figure.effect-lexi {
    background: linear-gradient(-45deg, #000 0%, #fff 100%);
}

    figure.effect-lexi img {
        margin: -10px 0 0 -10px;
        max-width: none;
        width: calc(100% + 10px);
        opacity: 0.9;
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(10px, 10px, 0);
        backface-visibility: hidden;
    }

    figure.effect-lexi figcaption::before,
    figure.effect-lexi p {
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-lexi figcaption::before {
        position: absolute;
        right: -100px;
        bottom: -100px;
        width: 300px;
        height: 300px;
        border: 2px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
        content: '';
        opacity: 0;
        transform: scale3d(0.5, 0.5, 1);
        transform-origin: 50% 50%;
    }

    figure.effect-lexi:hover img {
        opacity: 0.6;
        transform: translate3d(0, 0, 0);
    }

    figure.effect-lexi h2 {
        text-align: left;
        transition: transform 0.35s;
        transform: translate3d(5px, 5px, 0);
    }

    figure.effect-lexi p {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 1.5em 1.5em 0;
        width: 140px;
        text-align: right;
        opacity: 0;
        transform: translate3d(20px, 20px, 0);
    }

    figure.effect-lexi:hover figcaption::before {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

    figure.effect-lexi:hover h2,
    figure.effect-lexi:hover p {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

/*---------------*/
/***** Duke *****/
/*---------------*/
figure.effect-duke {
    background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
}

    figure.effect-duke img,
    figure.effect-duke p {
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-duke:hover img {
        opacity: 0.1;
        transform: scale3d(2, 2, 1);
    }

    figure.effect-duke h2 {
        transition: transform 0.35s;
        transform: scale3d(0.8, 0.8, 1);
        transform-origin: 50% 100%;
    }

    figure.effect-duke p {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 20px;
        padding: 30px;
        border: 2px solid #fff;
        text-transform: none;
        font-size: 90%;
        opacity: 0;
        transform: scale3d(0.8, 0.8, 1);
        transform-origin: 50% -100%;
    }

    figure.effect-duke:hover h2,
    figure.effect-duke:hover p {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }

/* Media queries */
@media screen and (max-width: 50em) {
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

/**
  * Theme Bootstrap 2017
  * @version du 22/03/2018 09:48:38
  * @projet : cms étalon
  * @author : SD
  * @description : feuille de style de la page d'identification
*/
.login__wrap {
    background: #fff;
}

.identWeb {
    background: radial-gradient(ellipse at center, white 0%, #eeeeee 100%);
}

    .identWeb #centre {
        margin-top: 0;
    }

@media all and (min-width: 768px) {
    .identWeb #centre {
        height: 100vh !important;
    }
}

.identWeb .sur--login {
    display: block;
    margin: 2em auto 0;
    padding: 1em 3em;
    background-color: #fff;
    border: 1px solid #eee;
}

@media all and (min-width: 768px) {
    .identWeb .sur--login {
        max-width: 27.7em;
    }
}

.identWeb .login__annonce {
    color: #333333 !important;
}

.identWeb .login__annonce,
.identWeb .login__form {
    padding: 1em;
}

.identWeb .login--form {
    background-color: #fff;
}

    .identWeb .login--form img {
        width: 120px;
        margin: 10px auto 30px;
        display: block;
    }

.identWeb .h1,
.identWeb .form__inf {
    line-height: 1;
    flex: 0 0 auto;
}

.identWeb .help-link {
    color: #999;
}

    .identWeb .help-link:hover {
        color: #187498;
    }

.identWeb .form {
    flex: 1 1 auto;
}

.identWeb [id$="BtValider"] {
    border: none;
    background-color: #187498 !important;
    padding: 0.9em 1em;
    margin: 0.5em auto 1.2em;
    width: 100%;
    display: flex;
    justify-content: center;
    transition: all 250ms;
}

    .identWeb [id$="BtValider"]:hover {
        background-color: #1b85ae !important;
        color: #fff;
    }

/*}*/
.dxgvControl_MaterialColor .dxgvSearchPanel_MaterialColor > table > tbody > tr > td:nth-child(2) a.dxbButton_MaterialColor,
.dxgvControl_MaterialColor .dxgvSearchPanel_MaterialColor > table > tbody > tr > td:last-child a.dxbButton_MaterialColor {
    padding: 0px 12px;
    line-height: 2.5em;
}

#DivActions .dxbButton_MaterialColor, .dxeButtonEdit_MaterialColor,
.EIP_Entity .dxeButtonEditSys,
.dxeButtonEdit_MaterialColor,
.dxbButton_MaterialColor,
.dxbButtonSys.dxbTSys {
    height: 42px !important;
}

#DivActions .dxbButton_MaterialColor {
    box-shadow: none;
    background: #eee;
}

    #DivActions .dxbButton_MaterialColor:hover {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

/* /////////// Boutons passe-partouts (EIP, messages rapides, thematique Tableau de bord, gestion actus, gestion users (AN) (Front/back ?) AMA ////////////////////////////////////////////////////// */
.dxbButton_MaterialColor div.dxb {
    padding: 2px 13px 2px;
}

.dxeButtonEdit_MaterialColor td.dxic,
.dxeButtonEdit_MaterialColor[cellspacing="0"] td.dxic {
    padding: 7px 2px 6px 2px;
}

.dxeButtonEditButton_MaterialColor {
    padding: 7px 5px 7px 5px;
}

.dxeSpinIncButton_MaterialColor {
    padding: 5px 5px 1px 5px;
}

#TdButton {
    margin-top: 4px;
    margin-bottom: 15px;
    margin-left: 0;
}

#btnFlute {
    display: flex;
    justify-content: center;
}

.DashboardButtonCenter.dxbButton_MaterialColor {
    margin-left: auto;
    background: #FFF;
    margin-right: auto;
    color: #187498;
    box-shadow: none;
}

.DashboardButtonCenter.dxbButtonHover_MaterialColor,
.DashboardButtonCenter.dxbButtonChecked_MaterialColor,
div[id$=CreateNewDashboard_CD],
div[id$=ManagementReturn] {
    background: #FFF;
    font-weight: bold;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.EditNode .btn {
    padding: 0 10px;
}

.btn-primary, .btn-info, .btn-default, .btn-danger, #divButtons a.btn-primary, .btn-secondary {
    color: #FFF !important;
    font: 14px 'Roboto', sans-serif;
    border-radius: 2px;
    border: 0px solid rgba(25, 116, 152, 0.5);
    height: 40px;
    line-height: 2;
    text-decoration: none !important;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-default:hover, .btn-default:active, .btn-default:focus, .btn-danger:hover, .btn-danger:active, .btn-danger:focus, #divButtons a.btn-primary:hover, #divButtons a.btn-primary:active, #divButtons a.btn-primary:focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
        color: #187498 !important;
        background-color: #FFF !important;
        box-shadow: 0px -2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: 0px solid rgba(0, 0, 0, 0.2);
        text-decoration: none !important;
    }

    .btn-primary:active, .btn-primary:focus, .btn-info:active, .btn-info:focus, .btn-default:active, .btn-default:focus, .btn-danger:active, .btn-danger:focus, #divButtons a.btn-primary:active, #divButtons a.btn-primary:focus, .btn-secondary:active, .btn-secondary:focus {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.dxbButton_MaterialColor {
    background-color: #187498;
    color: #FFF;
    font: 14px 'Roboto', sans-serif;
    border-radius: 2px;
    border: 0px solid rgba(25, 116, 152, 0.5);
    height: 40px;
    line-height: 2;
}

.dxbButtonHover_MaterialColor {
    color: #187498;
    background-color: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: 0px solid rgba(0, 0, 0, 0.2);
}

.btn-secondary {
    color: #FFF !important;
}

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
        color: #6c757d !important;
    }

.btn-danger, .btn-site2 {
    background-color: #d9534f;
    border: 0px solid #d43f3a;
    color: #FFF;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-site2:hover, .btn-site2:active, .btn-site2:focus {
        color: #d9534f !important;
        background-color: #FFF !important;
        box-shadow: 0px -2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

.btn-info, .btn-default {
    background-color: #e7e7e7;
    color: #484848 !important;
    border-color: #ddd;
    text-decoration: none !important;
}

    .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-default:hover, .btn-default:active, .btn-default:focus {
        color: #484848 !important;
        background-color: #FFF !important;
        text-decoration: none !important;
    }

.dxpc-closeBtn {
    transform: scale(1.6);
    margin-top: 2px !important;
    opacity: 0.8;
}

/*#divContainerContent .dxbButton_MaterialColor,*/
#divContainerToolBar .dxbButton_MaterialColor {
    height: 38px !important;
}

#FastMessageMessagePart .dxbButton_MaterialColor {
    box-shadow: none;
    background: #187498;
}

    #FastMessageMessagePart .dxbButton_MaterialColor:hover {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        color: #187498;
        background: #FFF;
    }

.dxbButtonHover_MaterialColor {
    background-color: #FFF;
    color: #187498;
}

div.dxbButton_MaterialColor::before {
    display: block;
    content: "";
}

td div.btn-default.dxbButtonSys.dxbTSys,
td div.btn-info.dxbButtonSys.dxbTSys,
td div.btn-danger.dxbButtonSys.dxbTSys {
    width: 119px !important;
}

.dxbButtonSys.dxbTSys {
    letter-spacing: 0;
    text-transform: initial;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px;
}

@media all and (min-width: 768px) and (max-width: 880px) {
    .dxbButtonSys.dxbTSys {
        font-size: 12px;
    }
}

.dxbButton_MaterialColor.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.dxbButtonHover_MaterialColor.btn-warning {
    background-color: #EC971F;
    border-color: #d58512;
}

/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 5 : 12 / 2019
 * @author : SD
 * @description :
 * @projet : akanea
 */
#divContainer .x-column-inner {
    overflow: initial;
}

.form-control {
    height: 42px;
    border-radius: 3px;
}

.module__actualite .actu__title {
    font-weight: bolder;
    font-size: xx-large;
    font-family: "Roboto", sans-serif;
}

.actusTableauDeBord img {
    max-width: 106px;
}

/*.module__actualite .readActu {
    color: #fff;
    background-color: #EC0928;
    border-color: #d30824;
    font-size: 16px;
    border-radius: 20px;
    padding: 6px 12px;
    line-height: 1.42857;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}*/
.module__actualite .readFile {
    display: inline-block;
    padding: 1.25rem 1.75rem;
    padding: 0.85rem 1.75rem;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    color: #333;
    text-align: center;
    border-radius: 12px;
}

    .module__actualite .readFile:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #eee;
        z-index: -2;
        border-radius: 12px;
    }

    .module__actualite .readFile:before {
        content: '';
        font-size: 1.15em;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #d5d4d4;
        z-index: -1;
        transition: all .3s;
        border-radius: 12px;
    }

    .module__actualite .readFile:hover, .module__actualite .readFile:focus {
        color: #333;
        text-decoration: none;
    }

        .module__actualite .readFile:hover:before, .module__actualite .readFile:focus:before {
            width: 100%;
        }

/*.module__actualite .readFile {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
}*/
.module__actualite .readActu:hover {
    color: #fff;
    background-color: #bb0720;
    border-color: #98061a;
}

.module__actualite .actu__categorie {
    font-size: larger;
}

@media screen and (min-width: 768px) {
    .module__actualite .actu__vignette {
        width: 27%;
        /* quelle amelioration concrete ?*/
    }
}

/*.module__actualite .actu__img,*/
.module__actualite .actu__block {
    border-radius: 5px;
}

.dxgvHeader_isagriingenierie {
    font-weight: bold;
}

/* ??? utilise dans backoffice pour MaterialColor*/
/*.EIP_Entity .dxeButtonEdit_iibo3 td.dxic {
                padding: 14px 8px 9px 7px;
            }*/
.dxtc-rightIndent {
    height: 33px;
}

/*.ImageTextSlider,
.ImageSlideShow,
.ImageSlider,
.CadreActualites {
    border: 1px solid #F7F7F7 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) !important;
}
.CadreActualites {
    padding-left: 5px;
}*/
/* Gestion des onglets top TDB */
.yellowStar {
    color: #FFF;
}

.dxbButtonHover_MaterialColor .yellowStar {
    color: #187498;
}

    .dxbButtonHover_MaterialColor .yellowStar:hover {
        color: gold;
    }

.Sommaire__item .SommaireFiche {
    display: initial;
}

.modal-dialog {
    position: relative;
    top: 155px;
}

.ImageTextSlider .dxis-itemTextArea a,
.ImageSlider .dxis-itemTextArea a:not(.btn),
.ImageSlideShow .dxis-itemTextArea a {
    color: #8fd3ed !important;
    font-weight: normal !important;
}

    .ImageTextSlider .dxis-itemTextArea a:hover,
    .ImageSlider .dxis-itemTextArea a:not(.btn):hover,
    .ImageSlideShow .dxis-itemTextArea a:hover {
        color: #FFF !important;
    }

/************************** TEST MODIF ACTU MLC ***************************/
div#ctl00_ContentPlaceHolder1_dbDashBoard_ctl14_ctl01_ActuImageSlider {
    height: 500px !important;
}

.dxis-passePartout {
    height: 500px !important;
}

/*.dxtc-link {
    font-weight: 100 !important;
}*/
/* Inversion des Boutons Annuler / Valider (dans parametrage colonnes) */
.dxgvStatusBar_MaterialColor .dxgvCommandColumn_MaterialColor {
    display: flex;
    flex-direction: row-reverse;
}

/* surcharge de forms.scss */
/*********************************************AMA POST AOUT ****************************/
label {
    margin-left: 10px;
    margin-right: 10px;
}

hr {
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
}

label {
    margin-left: 10px;
    margin-right: 10px;
}

.fade.bs-popover, .popover.fade {
    opacity: 1;
    padding: 0px;
}

.tooltip.fade {
    opacity: 1;
    padding: 4px 4px;
}

.fade:not(.show) {
    opacity: 0;
    transition: opacity 0.15s linear;
}

div.popover.show {
    z-index: 99999;
}

div.popover h3 {
    margin: 1px !important;
    font-size: 12px !important;
    color: black;
    padding: 2px;
    font-weight: bold;
    background-color: #eeeeee;
    text-align: center;
}

div.popover .popover-body {
    font-size: 12px !important;
}

/* bloc import bs css tooltip & popover*/
.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: 0.375rem;
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: var(--bs-tooltip-opacity);
    }

    .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
    bottom: 0;
}

    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-top-color: var(--bs-tooltip-bg);
    }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

    .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
        border-right-color: var(--bs-tooltip-bg);
    }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    top: 0;
}

    .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg);
    }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg);
    }

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: 0.5rem;
    --bs-popover-inner-border-radius: calc(0.5rem - 1px);
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
}

    .popover .popover-arrow {
        display: block;
        width: var(--bs-popover-arrow-width);
        height: var(--bs-popover-arrow-height);
    }

        .popover .popover-arrow::after, .popover .popover-arrow::before {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
            border-width: 0;
        }

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
        border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
        bottom: 0;
        border-top-color: var(--bs-popover-arrow-border);
    }

    .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
        bottom: var(--bs-popover-border-width);
        border-top-color: var(--bs-popover-bg);
    }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
}

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
        left: 0;
        border-right-color: var(--bs-popover-arrow-border);
    }

    .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
        left: var(--bs-popover-border-width);
        border-right-color: var(--bs-popover-bg);
    }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
        border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
        top: 0;
        border-bottom-color: var(--bs-popover-arrow-border);
    }

    .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
        top: var(--bs-popover-border-width);
        border-bottom-color: var(--bs-popover-bg);
    }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
}

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
        border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
        right: 0;
        border-left-color: var(--bs-popover-arrow-border);
    }

    .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
        right: var(--bs-popover-border-width);
        border-left-color: var(--bs-popover-bg);
    }

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color);
}

/* fin bloc bs css tooltip & popover*/
/* qq adapt tooltip popover */
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    top: -2px !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
    left: -3px !important;
}

/* fin adap tooltip popover*/
.dxgvAdaptiveDetailRow_MaterialColor .dxgvADT > tbody > tr > td {
    overflow: hidden;
    border-bottom: 1px solid #DFDFDF !important;
    border-right: 1px solid #EFEFEF;
    border-top-width: 0;
    border-left-width: 0;
    padding: 11px 10px 11px;
}

    .dxgvAdaptiveDetailRow_MaterialColor .dxgvADT > tbody > tr > td:first-child {
        border-left: 1px solid #EFEFEF;
    }

.dxgvAdaptiveDetailRow_MaterialColor .dxgvADT > tbody > tr:nth-child(odd) {
    background-color: #F5F5F5;
}

.dxgvAdaptiveDetailRow_MaterialColor .dxgvADT > tbody > tr:nth-child(even) {
    background-color: #FFF;
}

.dxgvAdaptiveDetailRow_MaterialColor .dxgvADT > tbody > tr > td > div > table {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.dxgvAdaptiveDetailRow_MaterialColor .dxgvADT > tbody > tr > td.dxgvADSC {
    width: 0px;
    min-width: 0px !important;
    border-right-width: 3px !important;
}

/*.dxgvSearchPanel_MaterialColor tr {
    display: flex;
    justify-content: space-between;
    align-items: center;

    td:first-child {
        width: 86% !important;
    }
}
.dxeButtonEditSys.dxeButtonEdit_MaterialColor.dxeNullText_MaterialColor {
    width: 100%;
}
.dxeButtonEditSys.dxeButtonEdit_MaterialColor.dxeNullText_MaterialColor.dxh2 {
    width: 99% !important;
}*/
.BODashBoardSurface .x-panel-tl,
.BODashBoardSurface .x-panel-tr,
.BODashBoardSurface .x-panel-tc {
    padding: 0;
    background-image: none;
}

.BODashBoardSurface .x-tool,
.BODashBoardSurface .x-tool-toggle,
.BODashBoardSurface .x-panel-header-text {
    box-sizing: border-box;
}

.BODashBoardSurface .x-tool-toggle {
    padding: -0.1px 1em;
}

#domRoot * {
    box-sizing: content-box;
}

#domRoot .tdItem a,
#domRoot .tdFolder a,
#domRoot .tdFolderClicked a {
    padding: 0.125em 0.25em;
    color: #333333;
    border: 1px solid transparent;
}

    #domRoot .tdItem a:hover, #domRoot .tdItem a:focus,
    #domRoot .tdFolder a:hover,
    #domRoot .tdFolder a:focus,
    #domRoot .tdFolderClicked a:hover,
    #domRoot .tdFolderClicked a:focus {
        color: #fff;
        background: #187498;
        border: 1px solid #156382;
        border-radius: 0.2em;
        text-decoration: none;
    }

#overDiv {
    z-index: 10000;
    background-color: #fff;
    box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.3);
}

    #overDiv td.contextMenuSeparateur0,
    #overDiv td.contextMenuSeparateur1 {
        overflow: hidden;
        height: 1px;
        font-size: 0;
        background-color: lightgray;
        border-top: 4px solid #FFF;
        border-bottom: 2px solid #FFF;
    }

    #overDiv .contextMenuTR {
        font: 11px Verdana, sans-serif;
    }

        #overDiv .contextMenuTR:hover {
            background-color: #e6e6e6;
        }

/*, .Backoffice*/
.HPBackoffice {
    background: #F5F5F5;
    /*  , .header, #divContainerToolBar*/
}

    .HPBackoffice #divContainerToolBar {
        background-color: transparent;
    }

.alert:empty {
    display: none !important;
}

.bo__tabs {
    display: flex;
    align-items: center;
}

    .bo__tabs a {
        display: block;
        padding: 0.5em 1em;
        margin-bottom: -3px;
        text-decoration: none !important;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .bo__tabs a:hover {
            background: #187498;
            color: #fff !important;
        }

        .bo__tabs a[disabled="disabled"]:hover {
            background: #fff;
            color: #187498 !important;
        }

        .bo__tabs a[disabled="disabled"] {
            border: 1px solid #999999;
            border-top: 4px solid #999999;
            border-bottom: 1px solid #fff;
            margin-bottom: -1px;
        }

[id$="panelN1"],
[id$="panelN2"],
[id$="panelN3"] {
    padding: 1em;
    border: 0px solid #999999 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

    [id$="panelN1"] table:last-child,
    [id$="panelN2"] table:last-child,
    [id$="panelN3"] table:last-child {
        background: none !important;
    }

    [id$="panelN1"] input[id*="Bt"],
    [id$="panelN2"] input[id*="Bt"],
    [id$="panelN3"] input[id*="Bt"] {
        display: block;
        margin: 0 auto;
    }

input[type="checkbox"] {
    accent-color: #187498;
}

/*/////////////////// TABLEAU DE BORD GENERAL //////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.listedashboard {
    height: 42px !important;
    padding: 0 0 0 12px;
}

/*.dxeSpinIncButton_iibo3, .dxeSpinDecButton_iibo3 {
    padding-left: 5px;
    padding-right: 5px;
                    } ==> repris par Alex avec MaterialColor*/
/*    .dxeButtonEdit_iibo3 td.dxic {
        padding-right: 1px;
        padding-left: 1px;
        margin-left: -10px;
                        }*/
.dxgvFocusedCell_iibo3,
.dxgvFocusedCell_MaterialColor {
    box-shadow: inset 0px 0px 0 #cccccc;
}

/*/////////////////// POPUP-GESTION-DES-UTILISATEUR / MESSAGES / AJOUT /////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.dxpc-headerContent {
    padding: 20px;
    padding-bottom: 0px;
    box-shadow: 0px 15px 10px -15px #DFDFDF;
    text-align: center;
}

.dxpc-headerText {
    position: relative;
    bottom: 18px;
}

.dxpcLite_MaterialColor .dxpc-mainDiv, .dxpcLite_MaterialColor.dxpc-mainDiv, .dxdpLite_MaterialColor .dxpc-mainDiv, .dxdpLite_MaterialColor.dxpc-mainDiv {
    border-radius: 8px;
}

.dxpcLite_MaterialColor .dxpc-header, .dxdpLite_MaterialColor .dxpc-header {
    background-color: transparent;
}

#channelList {
    width: unset;
}

    #channelList li {
        list-style-type: none;
        width: 12%;
    }

        #channelList li label {
            margin-left: 5px;
        }

/*/////////////////// GESTION-DES-DROITS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bo__tabs {
    border-bottom: 3px solid #ddd;
    display: flex;
    align-items: initial;
}

    .bo__tabs a {
        padding: 10px;
        margin-bottom: -3px;
        text-decoration: none !important;
        color: #6c757d;
        min-width: 150px;
        text-align: center;
    }

        .bo__tabs a:hover {
            background: transparent;
            color: #187498 !important;
            border: 3px solid #187498;
            border-left: 0;
            border-top: 0;
            border-right: 0;
        }

/*********************************************************************************/
/*             nouvelle gestion Bo  surcharge de Struct_BackOffice css           */
/*********************************************************************************/
/** hors */
#Action {
    box-shadow: 0px 15px 10px -15px #DFDFDF;
}

.actionTable {
    border: 0px solid #197498;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    background-color: #FFF;
}

a.Action,
a.Action:link,
a.Action:visited {
    color: Black;
}

    a.Action:active,
    a.Action:hover {
        color: #808080;
    }

/**/
.ongletTable {
    background-color: #FFF;
}

.onglet,
.onglet:visited,
.onglet:link {
    border-bottom: 3px solid #DFDFDF;
}

    .onglet:hover {
        border-bottom: 3px solid #187498;
    }

    .onglet a,
    .onglet a:link,
    .onglet a:visited {
        background-color: #FFF;
        color: #757575;
        padding: 15px;
        border-radius: 2px;
        font-size: 14px;
        font-weight: bold;
        border: 0;
    }

        .onglet a:hover {
            color: #187498;
            background-color: #FFF;
        }

/** hors */
.focused,
.focused:visited,
.focused:link,
.focused:hover {
    border-bottom: 3px solid #187498;
    background-color: #FFF;
    border: 0;
}

    /*hors*/
    .focused a,
    .focused a:link,
    .focused a:visited,
    .focused a:hover {
        border: none;
        background-color: #FFF;
        color: #187498;
    }

.onglet.focused {
    border-bottom: 3px solid #187498;
}

.disabled a,
.disabled a:link,
.disabled a:visited,
.disabled a:hover {
    background-color: #FFF;
    color: #C9C9C9;
}

#inner_scroll_div .show {
    margin-top: 20px;
    padding: 10px;
    /*border: solid 1px #ddd;*/
    /*border-radius: 8px;*/
    /*box-shadow: 0 0 4px 2px #ebebeb;*/
}

.nav-tabs {
    border-bottom: 3px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        min-width: 150px;
        text-align: center;
    }

        .nav-tabs > li > a {
            font-size: 14px;
            font-weight: bold;
            line-height: 1.428571429;
            border-radius: 0 0 0 0;
            top: 2px;
            color: #757575;
            margin-right: 0;
            border: 0;
            /*margin-right: 2px;*/
            /*border: 1px solid transparent;*/
        }

            .nav-tabs > li > a:hover {
                border: 3px solid #187498;
                background: #FFF;
                color: #187498;
                border-left: 0;
                border-right: 0;
                border-top: 0;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #187498;
            cursor: default;
            background-color: #fff;
            border: solid 3px #187498;
            border-left: 0;
            border-right: 0;
            border-top: 0;
        }

.bo__tabs .aspNetDisabled {
    border: 3px solid #187498;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #187498 !important;
}

#treeTableContenair #treeContent #domRoot {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
}

    #treeTableContenair #treeContent #domRoot tr:has(img[src*="livre"]) > td.tdFolder,
    #treeTableContenair #treeContent #domRoot tr:has(img[src*="livre"]) > td.tdFolderClicked,
    #treeTableContenair #treeContent #domRoot tr:has(img[src*="poubelle"]) > td.tdFolder,
    #treeTableContenair #treeContent #domRoot tr:has(img[src*="poubelle"]) > td.tdFolderClicked {
        font-weight: bold;
        font-size: 16px;
    }

#BoRecharger {
    cursor: pointer;
}

/*.contextMenuSeparateur1, .contextMenuSeparateur0 {
                        background-color: transparent;
                    }*/
/* surcharges de scafolding.scss */
hr {
    margin-top: inherit;
    margin-bottom: inherit;
    /*    border: 0; border-top: 1px solid $hr-border;*/
}

.contextMenuOver0 * {
    color: black;
}

.contextMenuOver1 {
    color: #187498;
}

.contextMenuOver1, .contextMenuOut1 {
    text-align: left;
    padding-left: 6px;
}

/*//////////////  Messages rapides  /////////////////////////////////////////////////////////////////////////////*/
#FastMessageSending {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    #FastMessageSending #FastMessageSmsPart {
        box-shadow: 0px 15px 10px -15px #DFDFDF;
    }

        #FastMessageSending #FastMessageSmsPart .dxgvFSDC {
            height: 66px;
        }

        #FastMessageSending #FastMessageSmsPart .dxgvCSD {
            height: 168px !important;
        }

    #FastMessageSending #FastMessageGAPart {
        box-shadow: 0px 15px 10px -15px #DFDFDF;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    #FastMessageSending #ViewTargetButton {
        display: flex;
        justify-content: center;
        align-items: center;
    }

#flute {
    /*    display: flex;
    text-align: center;
    align-items: center;*/
    /*padding: 5px;
    border-radius: 8px;*/
    height: 28px;
}

.LienClose {
    display: flex;
    justify-content: center;
    display: block !important;
}

#DivActions fieldset {
    border: solid 1px #eee;
    border-radius: 8px;
    padding: 5px;
    margin-right: 10px;
    text-align: center;
}

/*/////////////////////////////////////////////////////////////////REFERENCEMENT////////////////////////////////////////////////////////////////////////////*/
.BackOfficeEditUser .Natif {
    /* background-image: url(../../BibliRessources/images/imgnav/BT_NATIF71.png); */
    background-color: #eeeeee;
}

.BackOfficeEditUser .Manual {
    /* background-image: url(../../BibliRessources/images/imgnav/BT_MANUAL71.png); */
    background-color: #d9edf7;
}

#Sending {
    display: flex;
    justify-content: center;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 36px;
}

.DashboardOptionsContent {
    margin-bottom: 25px;
}

    .DashboardOptionsContent .dxbButton_MaterialColor.dxb-secondary {
        background-color: #e7e7e7;
    }

#ctl00_ContentPlaceHolder1_ManagementReturn {
    background: #FFF;
    color: #187498;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.dxeSpinDecButton_MaterialColor {
    padding: 1px 5px 5px 5px;
}

td.dxgv[align="right"] input.dxeEditArea_MaterialColor {
    text-align: right;
}

.dxgvAdaptiveDetailRow_MaterialColor td.dxgvAdaptiveDetailCell_MaterialColor {
    padding-bottom: 20px;
}

div[id$=SaveSendPopup_PWC-1] .CMS_VMargin10 {
    display: flex;
    justify-content: end;
}