/* Generate on https://lingtalfi.com/bootstrap4-color-generator */
/* (Nobody ain't no time to use sass...) */


/* Imports */
 @import url("pygment.css");


/*------------------------------------
- COLOR primary #0066FF (Parsec primary blue)
------------------------------------*/

.alert-primary {
    color: #003984;
    background-color: #cce2ff;
    border-color: #b7d6ff;
}

.alert-primary hr {
    border-top-color: #9ec7ff;
}

.alert-primary .alert-link {
    color: #002351;
}

.badge-primary {
    color: #fff;
    background-color: #006eff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #0058cc;
}

.bg-primary {
    background-color: #006eff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0058cc !important;
}

.border-primary {
    border-color: #006eff !important;
}

.btn-primary {
    color: #fff;
    background-color: #006eff;
    border-color: #006eff;
}

.btn-primary:hover {
    color: #fff;
    background-color: #005edb;
    border-color: #0058cc;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 110, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #006eff;
    border-color: #006eff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0058cc;
    border-color: #0051bc;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 110, 255, 0.5);
}

.btn-outline-primary {
    color: #006eff;
    background-color: transparent;
    border-color: #006eff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #006eff;
    border-color: #006eff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 110, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #006eff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #006eff;
    border-color: #006eff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 110, 255, 0.5);
}

.list-group-item-primary {
    color: #003984;
    background-color: #b7d6ff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #003984;
    background-color: #9ec7ff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #003984;
    border-color: #003984;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b7d6ff;
}

.table-hover .table-primary:hover {
    background-color: #9ec7ff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9ec7ff;
}

.text-primary {
    color: #006eff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0058cc !important;
}


/*------------------------------------
- COLOR secondary #121D43 (Parsec marine blue)
------------------------------------*/

.alert-secondary {
    color: #000000;
    background-color: #506dd0;
    border-color: #405fcb;
}

.alert-secondary hr {
    border-top-color: #3352bf;
}

.alert-secondary .alert-link {
    color: #000000;
}

.badge-secondary {
    color: #fff;
    background-color: #121D43;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
    color: #fff;
    background-color: #070b1a;
}

.bg-secondary {
    background-color: #121D43 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #070b1a !important;
}

.border-secondary {
    border-color: #121D43 !important;
}

.btn-secondary {
    color: #fff;
    background-color: #121D43;
    border-color: #121D43;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #0a1026;
    border-color: #070b1a;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(18, 29, 67, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #121D43;
    border-color: #121D43;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #070b1a;
    border-color: #03060e;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(18, 29, 67, 0.5);
}

.btn-outline-secondary {
    color: #121D43;
    background-color: transparent;
    border-color: #121D43;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #121D43;
    border-color: #121D43;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(18, 29, 67, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #121D43;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #121D43;
    border-color: #121D43;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(18, 29, 67, 0.5);
}

.list-group-item-secondary {
    color: #000000;
    background-color: #405fcb;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #000000;
    background-color: #3352bf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #405fcb;
}

.table-hover .table-secondary:hover {
    background-color: #3352bf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #3352bf;
}

.text-secondary {
    color: #121D43 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #070b1a !important;
}


/*------------------------------------
- COLOR old-blue
------------------------------------*/

.alert-old-blue {
    color: #050a11;
    background-color: #86a2d7;
    border-color: #7797d2;
}

.alert-old-blue hr {
    border-top-color: #6388cc;
}

.alert-old-blue .alert-link {
    color: #000000;
}

.badge-old-blue {
    color: #fff;
    background-color: #243e6e;
}

.badge-old-blue[href]:hover, .badge-old-blue[href]:focus {
    color: #fff;
    background-color: #172847;
}

.bg-old-blue {
    background-color: #243e6e !important;
}

a.bg-old-blue:hover, a.bg-old-blue:focus,
button.bg-old-blue:hover,
button.bg-old-blue:focus {
    background-color: #172847 !important;
}

.border-old-blue {
    border-color: #243e6e !important;
}

.btn-old-blue {
    color: #fff;
    background-color: #243e6e;
    border-color: #243e6e;
}

.btn-old-blue:hover {
    color: #fff;
    background-color: #1b2e53;
    border-color: #172847;
}

.btn-old-blue:focus, .btn-old-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 62, 110, 0.5);
}

.btn-old-blue.disabled, .btn-old-blue:disabled {
    color: #fff;
    background-color: #243e6e;
    border-color: #243e6e;
}

.btn-old-blue:not(:disabled):not(.disabled):active, .btn-old-blue:not(:disabled):not(.disabled).active, .show > .btn-old-blue.dropdown-toggle {
    color: #fff;
    background-color: #172847;
    border-color: #13213c;
}

.btn-old-blue:not(:disabled):not(.disabled):active:focus, .btn-old-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-old-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 62, 110, 0.5);
}

.btn-outline-old-blue {
    color: #243e6e;
    background-color: transparent;
    border-color: #243e6e;
}

.btn-outline-old-blue:hover {
    color: #fff;
    background-color: #243e6e;
    border-color: #243e6e;
}

.btn-outline-old-blue:focus, .btn-outline-old-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 62, 110, 0.5);
}

.btn-outline-old-blue.disabled, .btn-outline-old-blue:disabled {
    color: #243e6e;
    background-color: transparent;
}

.btn-outline-old-blue:not(:disabled):not(.disabled):active, .btn-outline-old-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-old-blue.dropdown-toggle {
    color: #fff;
    background-color: #243e6e;
    border-color: #243e6e;
}

.btn-outline-old-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-old-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-old-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 62, 110, 0.5);
}

.list-group-item-old-blue {
    color: #050a11;
    background-color: #7797d2;
}

.list-group-item-old-blue.list-group-item-action:hover, .list-group-item-old-blue.list-group-item-action:focus {
    color: #050a11;
    background-color: #6388cc;
}

.list-group-item-old-blue.list-group-item-action.active {
    color: #fff;
    background-color: #050a11;
    border-color: #050a11;
}

.table-old-blue,
.table-old-blue > th,
.table-old-blue > td {
    background-color: #7797d2;
}

.table-hover .table-old-blue:hover {
    background-color: #6388cc;
}

.table-hover .table-old-blue:hover > td,
.table-hover .table-old-blue:hover > th {
    background-color: #6388cc;
}

.text-old-blue {
    color: #243e6e !important;
}

a.text-old-blue:hover, a.text-old-blue:focus {
    color: #172847 !important;
}


/*------------------------------------
- COLOR old-blue-2
------------------------------------*/

.alert-old-blue-2 {
    color: #020407;
    background-color: #7b9ad4;
    border-color: #6b8fcf;
}

.alert-old-blue-2 hr {
    border-top-color: #5880c9;
}

.alert-old-blue-2 .alert-link {
    color: #000000;
}

.badge-old-blue-2 {
    color: #fff;
    background-color: #203864;
}

.badge-old-blue-2[href]:hover, .badge-old-blue-2[href]:focus {
    color: #fff;
    background-color: #13223d;
}

.bg-old-blue-2 {
    background-color: #203864 !important;
}

a.bg-old-blue-2:hover, a.bg-old-blue-2:focus,
button.bg-old-blue-2:hover,
button.bg-old-blue-2:focus {
    background-color: #13223d !important;
}

.border-old-blue-2 {
    border-color: #203864 !important;
}

.btn-old-blue-2 {
    color: #fff;
    background-color: #203864;
    border-color: #203864;
}

.btn-old-blue-2:hover {
    color: #fff;
    background-color: #172848;
    border-color: #13223d;
}

.btn-old-blue-2:focus, .btn-old-blue-2.focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 56, 100, 0.5);
}

.btn-old-blue-2.disabled, .btn-old-blue-2:disabled {
    color: #fff;
    background-color: #203864;
    border-color: #203864;
}

.btn-old-blue-2:not(:disabled):not(.disabled):active, .btn-old-blue-2:not(:disabled):not(.disabled).active, .show > .btn-old-blue-2.dropdown-toggle {
    color: #fff;
    background-color: #13223d;
    border-color: #0f1b31;
}

.btn-old-blue-2:not(:disabled):not(.disabled):active:focus, .btn-old-blue-2:not(:disabled):not(.disabled).active:focus, .show > .btn-old-blue-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 56, 100, 0.5);
}

.btn-outline-old-blue-2 {
    color: #203864;
    background-color: transparent;
    border-color: #203864;
}

.btn-outline-old-blue-2:hover {
    color: #fff;
    background-color: #203864;
    border-color: #203864;
}

.btn-outline-old-blue-2:focus, .btn-outline-old-blue-2.focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 56, 100, 0.5);
}

.btn-outline-old-blue-2.disabled, .btn-outline-old-blue-2:disabled {
    color: #203864;
    background-color: transparent;
}

.btn-outline-old-blue-2:not(:disabled):not(.disabled):active, .btn-outline-old-blue-2:not(:disabled):not(.disabled).active, .show > .btn-outline-old-blue-2.dropdown-toggle {
    color: #fff;
    background-color: #203864;
    border-color: #203864;
}

.btn-outline-old-blue-2:not(:disabled):not(.disabled):active:focus, .btn-outline-old-blue-2:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-old-blue-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 56, 100, 0.5);
}

.list-group-item-old-blue-2 {
    color: #020407;
    background-color: #6b8fcf;
}

.list-group-item-old-blue-2.list-group-item-action:hover, .list-group-item-old-blue-2.list-group-item-action:focus {
    color: #020407;
    background-color: #5880c9;
}

.list-group-item-old-blue-2.list-group-item-action.active {
    color: #fff;
    background-color: #020407;
    border-color: #020407;
}

.table-old-blue-2,
.table-old-blue-2 > th,
.table-old-blue-2 > td {
    background-color: #6b8fcf;
}

.table-hover .table-old-blue-2:hover {
    background-color: #5880c9;
}

.table-hover .table-old-blue-2:hover > td,
.table-hover .table-old-blue-2:hover > th {
    background-color: #5880c9;
}

.text-old-blue-2 {
    color: #203864 !important;
}

a.text-old-blue-2:hover, a.text-old-blue-2:focus {
    color: #13223d !important;
}



/*------------------------------------
- COLOR warning #ffc107 (Parsec accent yellow)
------------------------------------*/

.alert-warning {
    color: #8b6800;
    background-color: #fff3d3;
    border-color: #ffeebe;
}

.alert-warning hr {
    border-top-color: #ffe8a5;
}

.alert-warning .alert-link {
    color: #584200;
}

.badge-warning {
    color: #212529;
    background-color: #FFC107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
    color: #212529;
    background-color: #d39e00;
}

.bg-warning {
    background-color: #FFC107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.border-warning {
    border-color: #FFC107 !important;
}

.btn-warning {
    color: #212529;
    background-color: #FFC107;
    border-color: #FFC107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e2a900;
    border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #FFC107;
    border-color: #FFC107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c39200;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning {
    color: #FFC107;
    background-color: transparent;
    border-color: #FFC107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #FFC107;
    border-color: #FFC107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #FFC107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #FFC107;
    border-color: #FFC107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.list-group-item-warning {
    color: #8b6800;
    background-color: #ffeebe;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #8b6800;
    background-color: #ffe8a5;
}

.list-group-item-warning.list-group-item-action.active {
    color: #212529;
    background-color: #8b6800;
    border-color: #8b6800;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeebe;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a5;
}

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

.text-warning {
    color: #FFC107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #d39e00 !important;
}



/*------------------------------------
- COLOR danger #ed4534 (soft red)
------------------------------------*/

.alert-danger {
    color: #991a0d;
    background-color: #fdf0ef;
    border-color: #fbdfdc;
}

.alert-danger hr {
    border-top-color: #f9cac5;
}

.alert-danger .alert-link {
    color: #6a1209;
}

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

.badge-danger[href]:hover, .badge-danger[href]:focus {
    color: #fff;
    background-color: #da2513;
}

.bg-danger {
    background-color: #ed4534 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #da2513 !important;
}

.border-danger {
    border-color: #ed4534 !important;
}

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

.btn-danger:hover {
    color: #fff;
    background-color: #e82814;
    border-color: #da2513;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 69, 52, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #ed4534;
    border-color: #ed4534;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #da2513;
    border-color: #cc2312;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 69, 52, 0.5);
}

.btn-outline-danger {
    color: #ed4534;
    background-color: transparent;
    border-color: #ed4534;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #ed4534;
    border-color: #ed4534;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 69, 52, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #ed4534;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ed4534;
    border-color: #ed4534;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 69, 52, 0.5);
}

.list-group-item-danger {
    color: #991a0d;
    background-color: #fbdfdc;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #991a0d;
    background-color: #f9cac5;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #991a0d;
    border-color: #991a0d;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #fbdfdc;
}

.table-hover .table-danger:hover {
    background-color: #f9cac5;
}

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

.text-danger {
    color: #ed4534 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #da2513 !important;
}


/*------------------------------------
- COLOR info #69a7d4 (light blue "trial-edition")
------------------------------------*/

.alert-info {
    color: #2b6997;
    background-color: #107104101;
    border-color: #f7fafc;
}

.alert-info hr {
    border-top-color: #e3eff7;
}

.alert-info .alert-link {
    color: #1f4e6f;
}

.badge-info {
    color: #212529;
    background-color: #69a7d4;
}

.badge-info[href]:hover, .badge-info[href]:focus {
    color: #212529;
    background-color: #418fc8;
}

.bg-info {
    background-color: #69a7d4 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #418fc8 !important;
}

.border-info {
    border-color: #69a7d4 !important;
}

.btn-info {
    color: #212529;
    background-color: #69a7d4;
    border-color: #69a7d4;
}

.btn-info:hover {
    color: #212529;
    background-color: #4d96cc;
    border-color: #418fc8;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 167, 212, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #212529;
    background-color: #69a7d4;
    border-color: #69a7d4;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #212529;
    background-color: #418fc8;
    border-color: #3788c2;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 167, 212, 0.5);
}

.btn-outline-info {
    color: #69a7d4;
    background-color: transparent;
    border-color: #69a7d4;
}

.btn-outline-info:hover {
    color: #212529;
    background-color: #69a7d4;
    border-color: #69a7d4;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 167, 212, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #69a7d4;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #212529;
    background-color: #69a7d4;
    border-color: #69a7d4;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 167, 212, 0.5);
}

.list-group-item-info {
    color: #2b6997;
    background-color: #f7fafc;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #2b6997;
    background-color: #e3eff7;
}

.list-group-item-info.list-group-item-action.active {
    color: #212529;
    background-color: #2b6997;
    border-color: #2b6997;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #f7fafc;
}

.table-hover .table-info:hover {
    background-color: #e3eff7;
}

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

.text-info {
    color: #69a7d4 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #418fc8 !important;
}


/*------------------------------------
- COLOR light (Parsec gris claire)
------------------------------------*/

.alert-light {
    color: #b1b7b7;
    background-color: #15a154154;
    border-color: #15014a14a;
}

.alert-light hr {
    border-top-color: #14213e13e;
}

.alert-light .alert-link {
    color: #979e9e;
}

.badge-light {
    color: #212529;
    background-color: #F1F2F2;
}

.badge-light[href]:hover, .badge-light[href]:focus {
    color: #212529;
    background-color: #d6d9d9;
}

.bg-light {
    background-color: #F1F2F2 !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #d6d9d9 !important;
}

.border-light {
    border-color: #F1F2F2 !important;
}

.btn-light {
    color: #212529;
    background-color: #F1F2F2;
    border-color: #F1F2F2;
}

.btn-light:hover {
    color: #212529;
    background-color: #dee0e0;
    border-color: #d6d9d9;
}

.btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 242, 242, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #F1F2F2;
    border-color: #F1F2F2;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #d6d9d9;
    border-color: #ced2d2;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 242, 242, 0.5);
}

.btn-outline-light {
    color: #F1F2F2;
    background-color: transparent;
    border-color: #F1F2F2;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #F1F2F2;
    border-color: #F1F2F2;
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 242, 242, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #F1F2F2;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #F1F2F2;
    border-color: #F1F2F2;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 242, 242, 0.5);
}

.list-group-item-light {
    color: #b1b7b7;
    background-color: #15014a14a;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #b1b7b7;
    background-color: #14213e13e;
}

.list-group-item-light.list-group-item-action.active {
    color: #212529;
    background-color: #b1b7b7;
    border-color: #b1b7b7;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #15014a14a;
}

.table-hover .table-light:hover {
    background-color: #14213e13e;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #14213e13e;
}

.text-light {
    color: #F1F2F2 !important;
}

a.text-light:hover, a.text-light:focus {
    color: #d6d9d9 !important;
}


/*------------------------------------
- Custom Bootstrap-like stuff
------------------------------------*/

text-hover-primary:hover {
  color: #006eff !important;
}


/*------------------------------------
- Custom stuff
------------------------------------*/

html {
  scroll-behavior: smooth;
}

body {
  font-family: Montserrat, Roboto, "Helvetica Neue", sans-serif !important;
  overflow-x: hidden;
}

a {
	color: #0c429c; !important
}

@media only screen and (max-width: 767px) {
  .resp-rectangle-1 {
    clip-path: polygon(0 0, 0 100%, 100% 90%, 100% 10%);
  }
}
@media only screen and (min-width: 768px) {
  .resp-rectangle-1 {
    clip-path: polygon(0 0, 0 100%, 100% 80%, 100% 20%);
  }
}

.parsec-rect-title {
  background-color: white;
  text-align: center;
  position: relative;
  top: -100px;
  padding: 40px 20px 20px 20px;
  color: #121D43;
  font-weight: bold;
}
@media only screen and (max-width: 500px) {
  .parsec-rect-title::before {
    position: absolute;
    background-color: white;
    top: 0;
    height: 120px;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    z-index: -1;
  }
}

.btn-round.btn{
  border-radius: 23px;
}
.btn-round.btn-lg{
  border-radius: 32px;
}
.btn-round.btn-sm{
  border-radius: 15px;
}
.btn-round.btn-xs{
  border-radius: 11px;
  padding-left: 10px;
  padding-right: 10px;
}

.navbar{
  background-color: white!important;
}

.main-title {
  margin: 30px 10% 30px;
}
.main-title-spacer {
  width: 60px;
  height: 2px;
  margin: 20px auto 50px auto;
}

.page-spacer {
  width: 100%;
  height: 2px;
  margin: 20px auto 50px auto;
}

.parsec-shadow, .parsec-shadow-hover-lighter {
  transition-duration: 0.3s;
  position: relative;
  top: 0;
}
.parsec-shadow {
  box-shadow:0 0 20px 0 rgba(0,0,0,.1);
}
.parsec-shadow-hover:hover, .parsec-shadow-hover-lighter:hover {
  position: relative;
  top: -5px;
  box-shadow:0 5px 20px 0 rgba(0,0,0,.2);
}
.parsec-shadow-hover-lighter:hover {
  box-shadow:0 3px 20px 0 rgba(0,0,0,.1);
}

.text-hover-primary {
  transition-duration: 0.2s;
}
.text-hover-primary:hover {
  color: #006eff !important;
}

div.page-get-parsec a {
  color:  #0066FF;  /* Parsec primary blue */
}
div.page-get-parsec li {
  margin-bottom: 0.6em;
}

/*------------------------------------
- Cards and Pictures
------------------------------------*/

@media only screen and (min-width: 1200px) {
  .cp-duo {
    margin-bottom: 75px;
  }
}

@media only screen and (min-width: 1200px) {
  .cp-duo {
    display: grid;
    grid-template-areas: "a b c";
    grid-template-columns: 50% 45% 5%;
  }
  .cp-duo.reversed {
    display: grid;
    grid-template-areas: "c b a";
    grid-template-columns: 5% 45% 50%;
  }
}

.cp-img {
  display:table;
}
@media only screen and (max-width: 576px) {
  .cp-duo>img{
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 1199px) {
  .cp-duo>img{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cp-duo>img{
    min-width: 307px;
    padding-left: 130px;
    padding-right: 130px;
  }
}
@media only screen and (min-width: 1200px) {
  .cp-duo>img{
    grid-area: a;
    align-self: center;
    width: 100%;
    position: relative;
  }
  .cp-duo:not(.reversed)>img{
    left: 20%;
  }
  .cp-duo.reversed>img{
    right: 20%;
  }
}

@media only screen and (min-width: 576px) {
  .cp-duo>div {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .cp-duo>div {
    margin-left: 150px;
    margin-right: 150px;
  }
}
@media only screen and (min-width: 1200px) {
  .cp-duo>div {
    margin-left: 0;
    margin-right: 0;
    display: table;
    grid-area: b;
    align-self: center;
  }
}

.cp-duo>div>div {
  padding: 37px calc(32px + 6%);
  background-color:white;
  color: #848a96;
}
@media only screen and (min-width: 576px) {
  .cp-duo>div>div{
    box-shadow:0 0 20px 0 rgba(0,0,0,.1);
  }
}
@media only screen and (max-width: 1200px) {
  .cp-duo>div>div{
    position: relative;
    top: -100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 1200px) {
  .cp-duo>div>div{
    position: relative;
    top: -100px;
  }
}
@media only screen and (min-width: 1200px) {
  .cp-duo>div>div{
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
    position: relative;
    right: 5%;
  }
  .cp-duo.reversed>div>div{
    right: 0;
    left: 5%;
  }
}

.cp-duo>div>div>.title{
  color: #121D43;
  padding-bottom: 32px;
  font-weight: bold;
}


/*------------------------------------
- Texts and Pictures adaptable width
------------------------------------*/

@media only screen and (min-width: 768px) {
  .tpaw-duo {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .tpaw-duo {
    display: grid;
    grid-template-areas: "a b c";
  }
  .tpaw-duo.reversed {
    display: grid;
    grid-template-areas: "c b a";
  }
}

.tpaw-img {
  display:table;
}
@media only screen and (max-width: 576px) {
  .tpaw-duo>img{
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .tpaw-duo>img{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) {
  .tpaw-duo>img{
    grid-area: a;
    align-self: center;
    width: 100%;
  }
}

@media only screen and (min-width: 576px) {
  .tpaw-duo>div {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .tpaw-duo>div {
    margin-left: 0;
    margin-right: 0;
    display: table;
    grid-area: b;
    align-self: center;
  }
}

.tpaw-duo>div>div {
  background-color:white;
  color: #848a96;
}
@media only screen and (min-width: 768px) {
  .tpaw-duo>div>div{
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
    position: relative;
  }
  .tpaw-duo.reversed>div>div{
    right: 0;
  }
}

.tpaw-duo>div>div>.title{
  color: #121D43;
  padding-bottom: 32px;
  font-weight: bold;
}

/*------------------------------------
- Index cards
------------------------------------*/

.modal-target-handler.targeted .index-card-outer-link,
.modal-target-handler:target .index-card-outer-link {
  z-index: 3;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.index-card-inner-link {
  transition-duration: 0.3s;
  max-width: 700px;
}

.modal-target-handler.targeted .index-card-inner-link,
.modal-target-handler:target .index-card-inner-link {
  z-index: 5;
  position: fixed;
  margin: 10% auto;
  top: 0;
  left: 5%;
  right: 5%;
  background-color: white!important;
  max-height: 80vh;
  overflow-y: auto;
}

.modal-target-handler.targeted .parsec-shadow-hover-lighter:hover,
.modal-target-handler:target .parsec-shadow-hover-lighter:hover {
  top: 0;
}

.modal-target-handler.targeted .parsec-shadow-hover-lighter,
.modal-target-handler:target .parsec-shadow-hover-lighter {
  box-shadow:0 5px 20px 0 rgba(0,0,0,.2);
}

.modal-target-handler p {
  margin: 16px;
}

.modal-target-handler p.description {
  display: none;
}

.modal-target-handler.targeted p.description,
.modal-target-handler:target p.description {
  display: block;
  margin-top: 26px;
}

/* .modal-target-handler::before {
  content: "";
  display: block;
  height: 200px;
  margin: -200px 0 0 0;
  z-index: -1;
} */


/*------------------------------------
- Old and modified
------------------------------------*/

div.page-offre .cartes-tarif .card {
  border-radius: 0;
}
div.page-offre .cartes-tarif .card .card-body {
  padding:0;
}
div.page-offre .cartes-tarif .card .card-body .entete-carte {
  background-color:#eceff1;padding:2rem;min-height:20rem;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;
}
div.page-offre .cartes-tarif .card .card-body .entete-carte h3 {
  margin:0;
}
div.page-offre .cartes-tarif .card .card-body .entete-carte p:not(.by-user-by-month) {
  font-family: Roboto, "Helvetica Neue", sans-serif !important;
  color:#848a96;font-size:7rem;line-height:1;margin-top:auto;opacity:.375; margin-bottom: 0;
}
div.page-offre .cartes-tarif .card .card-body .entete-carte sup {
  font-size:24px;font-weight:700;vertical-align:30px;
}
div.page-offre .cartes-tarif .card .card-body .entete-carte .small {
  font-size:12px;font-weight:700;
}
div.page-offre .cartes-tarif .card .card-body .entete-carte .by-user-by-month {
  margin-top: 0;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte {
  padding:2rem;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte:not(:last-child) {
  padding-bottom: 1rem;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte button.btn:hover {
  color:#fff!important;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte h4 {
  margin-bottom:2rem;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte ul {
  -webkit-padding-start:1rem;padding-inline-start:1rem;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte ul {
  margin-bottom: 0; -webkit-padding-start: 1rem; padding-inline-start: 1rem;
}
div.page-offre .cartes-tarif .card .card-body {
  margin-bottom: 2rem;
}
div.page-offre .cartes-tarif .card button.btn, div.page-offre .cartes-tarif .card a.btn{
  border-radius: 0;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte ul li {
  list-style:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:8px 0;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte ul li i {
  color:#848a96;
  font-size:18px;
  position: relative;
  top: -0.46rem;
  left: -0.3rem;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte ul li p {
  color:#848a96;
  text-align: left;
}
div.page-offre .cartes-tarif .card .card-body .complete-spacer-carte {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.125);
}
div.page-offre .cartes-tarif .card .card-body .or-separator::before,
div.page-offre .cartes-tarif .card .card-body .or-separator::after {
  content: "";
  position: absolute;
  top: 0.75rem;
  width: calc(50% - 20px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.125);
  z-index: 0;
}
div.page-offre .cartes-tarif .card .card-body .or-separator::before {
  left: 0;
}
div.page-offre .cartes-tarif .card .card-body .or-separator::after {
  right: 0;
}
div.page-offre .cartes-tarif .card .card-body .or-separator {
  position: relative;
  top: -0.65rem;
  width: 100%;
  color: #848a96;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte {
  position: relative;
  top: -0.65rem;
  width: 100%;
  color: #848a96;
}
div.page-offre .cartes-tarif .card .card-body .contenu-carte .btn {
  margin: 11px 0 20px 0;
}
div.pricing-modal h5, div.pricing-modal h6 {
  display: inline;
}
div.pricing-modal h4 {
  margin-bottom: 0.75em;
}
div.pricing-modal .line {
  margin-bottom: 1em;
}
div.pricing-modal .modal-title {
  margin-bottom: 1em;
}


/*------------------------------------
- Bootstrap quick modifications
------------------------------------*/

.navbar li.dropdown div.dropdown-menu {
  margin-top: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 0 20px 20px -20px rgba(0,0,0,.05), -23px 18px 20px -23px rgba(0,0,0,.05), 23px 18px 20px -23px rgba(0,0,0,.05);
}
.navbar li.dropdown:hover .dropdown-menu:not(.mega-menu) {
  display: block;
}
.navbar li.dropdown:hover .dropdown-menu.mega-menu,
.navbar li.dropdown .dropdown-menu.mega-menu.show {
  display: flex;
}
.navbar .dropdown .dropdown-menu .dropdown-title,
.navbar-nav .dropdown .dropdown-menu .dropdown-title {
  font-weight: bold;
  color: #0066FF;
  padding: .25rem 1.5rem;
}
.navbar .dropdown .dropdown-menu .dropdown-item,
.navbar-nav .dropdown .dropdown-menu .dropdown-item {
  font-weight: bold;
}
.navbar .dropdown .dropdown-menu .dropdown-item:after,
.navbar-nav .dropdown .dropdown-menu .dropdown-item:after {
  content: "";
  width: 40px;
  height: 2px;
  background:  #0066FF;  /* Parsec primary blue */
  display: inline-block;
  margin-left: 12px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  position: relative;
  top: -2px;
}
.navbar .dropdown .dropdown-menu .dropdown-item:hover::after,
.navbar-nav .dropdown .dropdown-menu .dropdown-item:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.navbar .dropdown .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0);
}
.navbar .dropdown .dropdown-menu .dropdown-item:active,
.navbar-nav .dropdown .dropdown-menu .dropdown-item:active {
  background-color: #0066FF!important;  /* Parsec primary blue */
}
.navbar li a.nav-link {
  height: 100%;
  text-align: center;
  padding-right: 20px!important;
}
.navbar li .nav-link, .navbar-nav li .nav-link {
  font-weight: bold!important;
}
.navbar-nav li .nav-link {
  padding-right: 10px!important;
}
.navbar li .nav-link:hover, .navbar-nav li .nav-link:hover {
  color: #0066FF!important;  /* Parsec primary blue */
}
.navbar li a.squared {
  background-color: #121D43!important; /* Parsec marine blue */
  color: #FFFFFF!important;
  justify-content: center!important;
  padding-left: 23px!important;
  padding-right: 23px!important;
  margin-right: 20px!important;  /* Replace padding by margin */
}
.navbar li a.squared:hover {
  background-color: #0066FF!important;  /* Parsec primary blue */
  color: #FFFFFF!important;
}
.navbar {
  position: fixed;
  left: 0;
  right: 0;
}
.navbar, .navbar-placeholder {
  height: 100px;  /* navbar height */
}
.navbar-nav.navbar-collapse{
  background-color: white;
  position: fixed;
  top: 100px;  /* navbar height */
  left: 0;
  right: 0;
}
.navbar-toggler {
  border: 0;
}
.navbar-toggler:focus {
  outline: 0;
}
.nav-icon {
  margin: 0.3em;
  width: 40px;
}
.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color: #121D43;
  width: 100%;
  border-radius: 3px;
  content: '';
  display: block;
  height: 4px;
  margin: 6px 0;
  transition: all .2s ease-in-out;
}
:not(.collapsed) > .nav-icon::before {
  transform: translateY(10px) rotate(135deg);
}
:not(.collapsed) > .nav-icon::after {
  transform: translateY(-10px) rotate(-135deg);
}
:not(.collapsed) > .nav-icon div {
  transform: scale(0);
}


/*------------------------------------
- Article quickfix
------------------------------------*/

@media only screen and (min-width: 768px) {
  .article-img-continuous-left {
    float:left; margin-right: 30px; width: 40%;
  }
}
@media only screen and (min-width: 768px) {
  .article-img-continuous-right {
    float:right; margin-left: 30px; width: 40%;
  }
}

.parsec-article h3, .parsec-article .h3 {
  padding-top: 1.5em;
  margin-bottom: 0.5em;
  color: #0066FF;
}
.parsec-article h4, .parsec-article .h4 {
  padding-top: 1.5em;
  margin-bottom: 0.5em;
  color: #121D43;
}
.parsec-article h4::after,
.parsec-article .h4::after {
  content: "";
  width: 60px;
  height: 2px;
  background:  #0066FF;  /* Parsec primary blue */
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: -0.3em;
}
.parsec-article h5, .parsec-article .h5 {
  padding-top: 1.5em;
  margin-bottom: 0.5em;
}
.parsec-article strong, .parsec-article .strong {
  color: #0066FF;
}
.parsec-article a, .parsec-article .a {
  color: #0066FF;
}
.parsec-article-min .card-body {
  margin-bottom: 50px;
  column-width: auto;
  margin-bottom: 50px;
  max-height: 20em;
  overflow-y: hidden;
  display: box;
}
.parsec-article-min .card-body img {  /* TODO : CSS trick to prevent loading */
  display: none!important;
  content: ""!important;
}
.parsec-article-min .card-body::before {  /* No cut line trick */
  display: inline-block;
  height: calc(1 * 20rem);
  width: 100%;
  content: "";
  overflow-x: hidden;
  shape-outside: polygon(0 0, 0 90%, 100% 90%, 100% 100%, 0 100%, 0 0);
  float: left;
}
.parsec-article-min .card-header {
  width: 100%;
  height: 0;
  padding-top: 40%;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 0;
}
/* .parsec-article-min h2, .parsec-article-min .h2 {
  padding-top: 0.5em;
  margin-bottom: 0;
}
.parsec-article-min h3, .parsec-article-min .h3 {
  padding-top: 1.5em;
  margin-bottom: 0.5em;
}
.parsec-article-min h4, .parsec-article-min .h4 {
  padding-top: 1.5em;
  margin-bottom: 0.5em;
}
.parsec-article-min h5, .parsec-article-min .h5 {
  padding-top: 1.5em;
  margin-bottom: 0.5em;
} */

/*------------------------------------
- Cookie card / Lang card
------------------------------------*/

.cookie-card, .lang-card {
  position: fixed;
  background-color: white;
  bottom: 0;
  border: none;
  box-shadow:0 0 20px 0 rgba(0,0,0,.1);
}
.cookie-card {
  z-index: 23;
}
.lang-card {
  z-index: 42;
}
.cookie-card > div, .lang-card > div {
  padding: 26px 26px 13px;
}
@media only screen and (min-width: 737px) {
  .cookie-card, .lang-card {
    position: fixed;
    background-color: white;
    bottom: 20px;
    left: 20px;
    width: 500px;
    border: none;
  }
}
.cookie-card button, .lang-card button {
  width: 100%;
  padding: 5px 26px;
  border-radius: 0;
}