html {
    font-size: 14px;
}

blockquote {
    font-size: 15px;
}

.footer-bottom {
    position: fixed;
    bottom: 0px;
}

.green_b {
    background-color: #306455;
}

.sticky_menu {
    position: fixed;
    border-bottom: 1px solid #d8d8d8;
    top: 0;
    z-index: 399;
    background: white;
    width: 100%;
    max-width: inherit !important;
}

h2 {
    margin-bottom: 36px !important;
}

h5 {
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
}

h4 {
    color: #306455;
}

a1 {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

#main_step {
    margin: 100px auto 30px auto;
}

#second_step,
#third_step,
#fourth_step,
#fifth_step,
#sixth_step,
#modify_order,
#pay_ok,
.page_not_found,
.page_generique,
#fin_sans_impot_step {
    margin: 100px auto 30px auto;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.pricing-header {
    max-width: 700px;
}

.card-deck .card {
    min-width: 166px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.center {
    width: 150px;
    margin: 40px auto;
}

.middle-card {
    transform: scale(1.15);
}


/* laisser son email */

.validation-container {
    max-width: 800px;
    margin: auto;
    padding: 0 15px;
    display: none !important;
}

.wf-save {
    margin-bottom: 25px;
    padding: 30px;
    background-color: #33445e;
    border-radius: 8px;
}

.desktop-save-version {
    display: block;
}

.wf-save-heading {
    float: left;
    margin-right: 50px;
    margin-bottom: 0;
    text-align: left;
    color: #fff;
    font-size: 14px;
}

.wf-save-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

p:last-child {
    margin-bottom: 0;
}

.wf-save-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.wf-form-group:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.wf-form-control {
    display: block;
    padding: 7px 10px 5px;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #333;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.questionnaire .btn,
.questionnaire .wForm .primaryAction,
.questionnaire .wForm .wfPageNextButton,
.wForm .questionnaire .primaryAction,
.wForm .questionnaire .wfPageNextButton {
    font-size: 14px;
    max-height: 40px;
}

.wf-form-btn {
    margin-left: 15px;
    padding: 7px 10px 5px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}

.btn-green,
.wForm .primaryAction,
.wForm .wfPageNextButton {
    color: #fff!important;
    background-color: #16a974;
    border: 1px solid #139265;
    text-shadow: 0 -1px 0 #139265;
}


/* steps */

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    border: 1px solid rgba(86, 61, 124, .2);
    list-style: none;
    min-height: 82px;
}

ol .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 35px;
}

.inactive {
    color: #ccc;
    background-color: #fafafa;
}


/* Etape 3 */

.divider-text {
    position: relative;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.divider-text span {
    padding: 7px;
    font-size: 12px;
    position: relative;
    z-index: 2;
}

.divider-text:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 55%;
    left: 0;
    z-index: 1;
}

.btn-facebook {
    background-color: #405D9D;
    color: #fff;
}

.btn-twitter {
    background-color: #42AEEC;
    color: #fff;
}

.input-remove-row {
    cursor: pointer;
}


/*Formulaire de paiement global */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
.jumbotron-flat {
    /*height: 100%;*/
    border: 1px solid #4DB8FF;
    background: white;
    width: 100%;
    text-align: center;
    overflow: auto;
}

.paymentAmt {
    font-size: 80px;
}

.centered {
    text-align: center;
}

.title {
    padding-top: 15px;
}


/* Appartement ou maison */

div.clear {
    clear: both;
}

div.product-chooser {}

div.product-chooser.disabled div.product-chooser-item {
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
    cursor: default;
}

div.product-chooser div.product-chooser-item {
    padding: 11px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    border: 1px solid #efefef;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10x;
}

div.product-chooser div.product-chooser-item.selected {
    border: 4px solid #428bca;
    background: #efefef;
    padding: 8px;
    filter: alpha(opacity=100);
    opacity: 1;
}

div.product-chooser div.product-chooser-item img {
    padding: 0;
}

div.product-chooser div.product-chooser-item span.title {
    display: block;
    margin: 10px 0 5px 0;
    font-weight: bold;
    font-size: 18px;
}

div.product-chooser div.product-chooser-item span.description {
    font-size: 12px;
}

div.product-chooser div.product-chooser-item input {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}


/* checkbox */

.container_check {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    text-transform: inherit;
    padding-top: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.container_check input:checked~.checkmark {
    background-color: #2196F3;
    margin-top: 4px;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    margin-top: 4px;
}

.checkmark.radioo {
    border: 1px solid #000;
    border-radius: 14px;
}

.container_check input:checked~.checkmark:after {
    display: block;
}

.container_check .checkmark:after {
    left: 10px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkmark.without-after-element:after {
    content: none !important;
    background-color: #eee !important;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 680px;
    }
    .modal_full {
        width: 100% !important;
        max-width: 97% !important;
        margin: auto !important;
        max-height: 90% !important;
    }
    .menu_mobile {
        display: none;
    }
    .menu_desktop {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .box_image {
        min-height: 195.5px;
    }
    .pb30 {
        padding-top: 30px;
    }
    .barem_impot {
        width: 80%;
        margin: auto;
    }
}

.thumbnail {
    border: none;
    background: none;
}

.page_generique h4 {
    margin-top: 30px;
    border-bottom: 1px solid lightgrey;
}

.barem_impot {
    margin-top: 20px;
}

.barem_impot tr td {
    padding: 5px;
}

.barem_impot tr th {
    padding: 10px;
}

.hidden {
    display: none !important;
}

.button-spinner {
    position: absolute;
    width: 25px;
    left: 50%;
    transform: translateX(-50%) translateY(-5px);
}

.button-disabled {
    color: #fff !important;
    border-color: gray !important;
    background-color: gray !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.col-right {
    float: right !important;
}


/* bulles d'aide --------------------------------------------------- */

.tooltip_eco,
.tooltip-right {
    position: relative;
}

.tooltip_eco>img {
    margin-top: -6px;
}

.tooltip_eco span,
.tooltip-right span {
    display: none;
    top: 0;
    right: -433px;
    padding: 10px 20px;
    width: 425px;
    background: url(../img/content/tooltip-background.png) #6DA0E8 repeat-x;
    color: white;
    font-weight: bold;
    border: 1px solid #1C3B5C;
    text-align: justify;
    line-height: 150%;
    z-index: 9000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.tooltip_eco:hover span,
.tooltip-right:hover span {
    display: inline;
    position: absolute;
}

.tooltip_eco span a {
    color: #FFCC53;
    text-decoration: underline;
}


/* tooltype gauche*/

.tooltip-left {
    position: relative;
}

.tooltip-left span {
    display: none;
    top: 0;
    left: -300px;
    padding: 10px 20px;
    width: 250px;
    background: url(../img/content/tooltip-background.png) #6DA0E8 repeat-x;
    color: white;
    font-weight: bold;
    border: 1px solid #1C3B5C;
    text-align: justify;
    line-height: 150%;
    z-index: 9000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.tooltip-left:hover span {
    display: inline;
    position: absolute;
}

.tooltip-left span a {
    color: #FFCC53;
    text-decoration: underline;
}

.inactive h4.media-heading {
    color: #ccc !important;
}

@media (max-width: 767px) {

    .espace_client_mobile {
        border-radius: 5px !important;
        margin-left: 0px !important;;
    }

    .anti_h5 h5 {
        font-size:17px !important;
    }

    .max_width_mobile {
        max-width: 120px;
    }

    .anti_h5 h3 {
        font-size:21px !important;
    }

    .boutton_width {
        width: 160px;
    }
    .availabilities-empty-mobile-slot {
        min-width: calc(100% / 3);
        display: inline-block;
        padding-top: 25px;
        padding-bottom: 30px;
        height: 34px;
        line-height: 34px;
        align-items: center;
    }
    .libelle_heure {
        margin-bottom: 0px !important;
        padding-top: 0px !important;
        ;
    }
    .detail_heure {
        font-size: 6px;
        display: none !important;
    }
    .img_avis_verifie {
        width: 50%;
        margin: auto;
    }
    ol.timeline .pull-left {
        margin: auto;
    }
    ol.timeline .media-body {
        display: none;
    }
    ol .glyphicon {
        font-size: 26px;
    }
    div.product-chooser div.product-chooser-item span.title {
        margin: 0 !important;
    }
    .title {
        padding-top: 11px !important;
    }
    .show-grid [class^=col-] {
        max-height: 88px;
    }
    .img_elec_fioul {
        height: 65px !important;
        margin-top: 11px;
    }
    .hidden_mobile {
        display: none !important;
    }
    .visible_mobile {
        display: block !important;
    }
    .barem_impot {
        width: 100%;
        margin: auto;
    }
    .menu_mobile {
        display: block;
    }
    .menu_desktop {
        display: none;
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
    .text-sm-center {
        text-align: center;
    }
    .box_image {
        min-height: 131.6px;
    }
    .pb30 {
        padding-top: 23px;
    }
}

.close.welcomback {
    margin-top: 15px;
}

.card.col-xs-6 {
    padding-left: 0px !important;
    ;
    padding-right: 0px !important;
}

@media (min-width: 768px) and (max-width: 1014px) {
    .show-grid [class^=col-] {
        min-height: 137px !important;
    }
    #second_step,
    #third_step,
    #fourth_step,
    #fifth_step,
    #sixth_step,
    #modify_order,
    #pay_ok,
    .page_not_found,
    .page_generique {
        margin-top: 124px !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 680px;
    }
}

.modal-title {
    font-size: 19px;
    text-align: center;
    margin: auto;
    width: 100%;
}

.demandeur {
    text-align: center;
    margin-bottom: 19px;
}


/* goodies jeremy */

.checkmark_base {
    display: inline-block;
    width: 32px;
    height: 32px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    text-align: right;
    float: right;
    margin-top: -8px;
    right: 3px;
    z-index: 1;
    position: absolute;
}

.checkmark_circle {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: green;
    border-radius: 24px;
    left: 0px;
    top: 0px;
}

.checkmark_stem {
    position: absolute;
    width: 3px;
    height: 15px;
    background-color: #fff;
    left: 17px;
    top: 8px;
}

.checkmark_kick {
    position: absolute;
    width: 7px;
    height: 3px;
    background-color: #fff;
    left: 12px;
    top: 20px;
}

.modal.modal-fullscreen {
    /* Maximize the main wrappers on the screen */
    /* Make the parent wrapper of the modal box a full-width block */
    /* Remove borders and effects on the content */
    /**
     * /!\ By using this feature, you force the header and footer to be placed
     * in an absolute position. You must handle by yourself the margin of the
     * content.
     */
}

.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.modal.modal-fullscreen .modal-dialog {
    margin: 0;
    width: 100%;
    animation-duration: 0.6s;
}

.modal.modal-fullscreen .modal-content {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
    /* change bg color below */
    /* background:#1abc9c; */
}

.modal.modal-fullscreen.force-fullscreen {
    /* Remove the padding inside the body */
}

.modal.modal-fullscreen.force-fullscreen .modal-body {
    padding: 0;
}

.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
    position: absolute;
    bottom: 0;
}

.modal.modal-fullscreen.force-fullscreen .modal-header {
    top: 0;
}


/* The styles above for the modal-body, footer, etc aren't being applied so I tried the ones below and they work */

.modal.modal-fullscreen .modal-body {
    height: 90%;
    margin-top: -15px;
}

.modal.modal-fullscreen .modal-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #FFF;
}


/*Avis vérifies*/

.product-stars {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.product-stars__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #ced4da;
}

.product-stars__group--active {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffcd00;
    overflow: hidden;
}

.product-stars__group>span:not(:last-child) {
    margin-right: .3em;
    font-size: 19px;
}

.product-stars__group>span {
    line-height: 1.5em;
    font-size: 19px;
}

.avis-verifies__rating {
    font-weight: 700;
    font-size: 1.25rem;
    color: #2d3c56;
}

.avis-verifies__on {
    font-size: .92rem;
    color: #6d6d6d;
}


/* focus ajout impot */

.dl-backdrop-light {
    background-color: rgba(0, 0, 0, 0.6);
}

.dl-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.only_visible {
    position: relative;
    z-index: 10001;
    background: white;
}


/*Choix des dates proposées*/

.searchable-container {
    margin: 20px 0 0 0
}

.searchable-container label.btn-default.active {
    background-color: #007ba7;
    color: #FFF
}

.searchable-container label.btn-default {
    width: 100%;
    border: 1px solid #efefef;
    margin: 5px;
    box-shadow: 5px 8px 8px 0 #ccc;
}

.searchable-container label .bizcontent {
    width: 100%;
}

.searchable-container .btn-group {
    width: 100%
}

.searchable-container .btn span.glyphicon {
    opacity: 0;
}

.bizmoduleselect {
    z-index: 0;
}

.searchable-container .btn.active span.glyphicon {
    opacity: 1;
}

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

.position_hour {
    font-size: 24px;
    text-align: left;
    float: left;
    margin-top: -10px;
    left: 4px;
    z-index: 1;
    position: absolute;
    color: #0596de;
}


/* Calendrier dates personnalisables*/


/*
body {
    min-width: 320px;
    font-family: "Roboto", arial, sans-serif;
    color: #435f71;
    background-color: #eef2f6;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
    line-height: 1.428571429;
}
*/

.dl-search-result-calendar {
    padding: 16px;
    flex: 1 0 0%;
}

.dl-desktop-availabilities.dl-desktop-availabilities-flat {
    padding: 0;
}

.dl-desktop-availabilities-flat {
    box-shadow: none;
    border-radius: 0;
}

.dl-desktop-availabilities {
    position: relative;
    padding: 16px 16px 42px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(67, 95, 113, 0.15);
    border-radius: 4px;
}

.dl-desktop-availabilities-inner {
    position: relative;
}

.dl-desktop-availabilities-days {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.availabilities-pagination {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    margin-top: 8px;
    text-align: center;
    margin-top: 12px;
    margin-right: 20px;
    margin-left: 20px;
}

.availabilities-day {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin: 0 8px;
}

.availabilities-pagination .availabilities-pagination-arrow {
    display: inline;
    height: auto;
    width: 16px;
    cursor: pointer;
    fill: #0596de;
    -webkit-transition: color 200ms, opacity 200ms;
    transition: color 200ms, opacity 200ms;
}

.availabilities-day-title {
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px;
}

.availabilities-day-name {
    font-weight: 700;
    margin-top: 7px;
}

.availabilities-day-title {
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px;
}

.availabilities-slot {
    position: relative;
    border-radius: 4px;
    text-align: center;
    margin: 10px 0;
    /*
    height: 34px;
    line-height: 34px;
    */
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 200ms, color 200ms;
    transition: background-color 200ms, color 200ms;
    background-color: #ccecfa;
}

.availabilities-empty-slot {
    width: 100%;
    margin: 10px 0;
    height: 34px;
    line-height: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.availabilities-empty-slot-dash {
    margin: 0 auto;
    width: 12px;
    height: 2px;
    background-color: rgba(67, 95, 113, 0.2);
    border-radius: 1px;
}

.dl-desktop-availabilities-header-border {
    position: absolute;
    top: 51px;
    left: 32px;
    right: 32px;
    height: 1px;
    background-color: #cfd8dc;
}

.availabilities-more-button {
    display: block;
    margin: 0 32px;
    border-top: 1px solid #cfd8dc;
    line-height: 34px;
    color: #0596de;
}

.dl-desktop-availabilities-flat .availabilities-more-button {
    margin-bottom: 0;
}

.dl-button {
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    color: #435f71;
    height: 40px;
    border: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    padding: 0 16px;
    -webkit-transition: opacity 500ms, color 100ms, background-color 100ms;
    transition: opacity 500ms, color 100ms, background-color 100ms;
    background-color: transparent;
    cursor: pointer;
}

.dl-button-block {
    width: 100%;
    padding: 0;
}

.dl-button-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    height: 100%;
}

.dl-button-info-link,
.dl-button-small-action {
    color: #0596de;
    font-size: 14px;
    font-family: "Roboto", arial, sans-serif;
    text-transform: uppercase;
    line-height: 20px;
}

.searchable-container .col-sm-4 {
    margin-bottom: 26px;
}

.availabilities-slot:hover {
    background-color: #0596de;
    color: #fff;
}

.libelle_heure {
    margin-bottom: -5px;
    padding-top: 5px;
}

.detail_heure {
    font-size: 12px;
    font-weight: lighter;
    display: inline-block;
    padding-bottom: 8px;
}


/* bouton final */

.ds-btn li {
    list-style: none;
    float: left;
    padding: 10px;
}

.ds-btn li div span {
    padding-left: 15px;
    padding-right: 5px;
    width: 100%;
    display: inline-block;
    text-align: left;
}

.ds-btn li div span small {
    width: 100%;
    display: inline-block;
    text-align: left;
}

@-webkit-keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }
    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }
    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }
    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }
    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }
    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }
    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast {
    flex-direction: column;
    align-items: stretch
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions {
    flex: 1;
    align-self: stretch;
    justify-content: flex-end;
    height: 2.2em
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading {
    justify-content: center
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input {
    height: 2em;
    margin: .3125em auto;
    font-size: 1em
}

body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror {
    font-size: 1em
}

body.swal2-toast-shown>.swal2-container {
    position: fixed;
    background-color: transparent
}

body.swal2-toast-shown>.swal2-container.swal2-shown {
    background-color: transparent
}

body.swal2-toast-shown>.swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-top-end,
body.swal2-toast-shown>.swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown>.swal2-container.swal2-top-left,
body.swal2-toast-shown>.swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown>.swal2-container.swal2-center-left,
body.swal2-toast-shown>.swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown>.swal2-container.swal2-center-end,
body.swal2-toast-shown>.swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-bottom-left,
body.swal2-toast-shown>.swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown>.swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-toast-shown>.swal2-container.swal2-bottom-end,
body.swal2-toast-shown>.swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden
}

.swal2-popup.swal2-toast .swal2-header {
    flex-direction: row
}

.swal2-popup.swal2-toast .swal2-title {
    justify-content: flex-start;
    margin: 0 .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-close {
    position: initial
}

.swal2-popup.swal2-toast .swal2-content {
    justify-content: flex-start;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-icon {
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0
}

.swal2-popup.swal2-toast .swal2-icon-text {
    font-size: 2em;
    font-weight: 700;
    line-height: 1em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    height: auto;
    margin: 0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
    box-shadow: 0 0 0 .0625em #fff, 0 0 0 .125em rgba(50, 100, 150, .4)
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 2em;
    height: 2.8125em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.25em;
    left: -.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 2em 2em;
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    -webkit-transform-origin: 0 2em;
    transform-origin: 0 2em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: showSweetToast .5s;
    animation: showSweetToast .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: hideSweetToast .2s forwards;
    animation: hideSweetToast .2s forwards
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: animate-toast-success-tip .75s;
    animation: animate-toast-success-tip .75s
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: animate-toast-success-long .75s;
    animation: animate-toast-success-long .75s
}

@-webkit-keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }
    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }
    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }
    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }
    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }
    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes hideSweetToast {
    0% {
        opacity: 1
    }
    33% {
        opacity: .5
    }
    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }
    33% {
        opacity: .5
    }
    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }
    54% {
        top: .125em;
        left: .125em;
        width: 0
    }
    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }
    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }
    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }
    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }
    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }
    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: hidden
}

body.swal2-height-auto {
    height: auto!important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

body.swal2-no-backdrop .swal2-shown>.swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.swal2-no-backdrop .swal2-shown.swal2-top {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-top-left,
body.swal2-no-backdrop .swal2-shown.swal2-top-start {
    top: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-top-end,
body.swal2-no-backdrop .swal2-shown.swal2-top-right {
    top: 0;
    right: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-left,
body.swal2-no-backdrop .swal2-shown.swal2-center-start {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-center-end,
body.swal2-no-backdrop .swal2-shown.swal2-center-right {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,
body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
    bottom: 0;
    left: 0
}

body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,
body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
    right: 0;
    bottom: 0
}

.swal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.swal2-container.swal2-top {
    align-items: flex-start
}

.swal2-container.swal2-top-left,
.swal2-container.swal2-top-start {
    align-items: flex-start;
    justify-content: flex-start
}

.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.swal2-container.swal2-center {
    align-items: center
}

.swal2-container.swal2-center-left,
.swal2-container.swal2-center-start {
    align-items: center;
    justify-content: flex-start
}

.swal2-container.swal2-center-end,
.swal2-container.swal2-center-right {
    align-items: center;
    justify-content: flex-end
}

.swal2-container.swal2-bottom {
    align-items: flex-end
}

.swal2-container.swal2-bottom-left,
.swal2-container.swal2-bottom-start {
    align-items: flex-end;
    justify-content: flex-start
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.swal2-container.swal2-grow-fullscreen>.swal2-modal {
    display: flex!important;
    flex: 1;
    align-self: stretch;
    justify-content: center
}

.swal2-container.swal2-grow-row>.swal2-modal {
    display: flex!important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.swal2-container.swal2-grow-column {
    flex: 1;
    flex-direction: column
}

.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top {
    align-items: center
}

.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-bottom-start,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-center-start,
.swal2-container.swal2-grow-column.swal2-top-left,
.swal2-container.swal2-grow-column.swal2-top-start {
    align-items: flex-start
}

.swal2-container.swal2-grow-column.swal2-bottom-end,
.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-end,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-end,
.swal2-container.swal2-grow-column.swal2-top-right {
    align-items: flex-end
}

.swal2-container.swal2-grow-column>.swal2-modal {
    display: flex!important;
    flex: 1;
    align-content: center;
    justify-content: center
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal {
    margin: auto
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0!important
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, .4)
}

.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box
}

.swal2-popup:focus {
    outline: 0
}

.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.swal2-popup .swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.swal2-popup .swal2-title {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-popup .swal2-actions {
    align-items: center;
    justify-content: center;
    margin: 1.25em auto 0
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    width: 2.5em;
    height: 2.5em;
    margin: .46875em;
    padding: 0;
    border: .25em solid transparent;
    border-radius: 100%;
    border-color: transparent;
    background-color: transparent!important;
    color: transparent;
    cursor: default;
    box-sizing: border-box;
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
    margin-right: 30px;
    margin-left: 30px
}

.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: 3px solid #999;
    border-radius: 50%;
    border-right-color: transparent;
    box-shadow: 1px 1px 1px #fff;
    content: '';
    -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal
}

.swal2-popup .swal2-styled {
    margin: 0 .3125em;
    padding: .625em 2em;
    font-weight: 500;
    box-shadow: none
}

.swal2-popup .swal2-styled:not([disabled]) {
    cursor: pointer
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em
}

.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4)
}

.swal2-popup .swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-popup .swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding-top: 1em;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.swal2-popup .swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.swal2-popup .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer;
    overflow: hidden
}

.swal2-popup .swal2-close:hover {
    -webkit-transform: none;
    transform: none;
    color: #f27474
}

.swal2-popup>.swal2-checkbox,
.swal2-popup>.swal2-file,
.swal2-popup>.swal2-input,
.swal2-popup>.swal2-radio,
.swal2-popup>.swal2-select,
.swal2-popup>.swal2-textarea {
    display: none
}

.swal2-popup .swal2-content {
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: 300;
    line-height: normal;
    word-wrap: break-word
}

.swal2-popup #swal2-content {
    text-align: center
}

.swal2-popup .swal2-checkbox,
.swal2-popup .swal2-file,
.swal2-popup .swal2-input,
.swal2-popup .swal2-radio,
.swal2-popup .swal2-select,
.swal2-popup .swal2-textarea {
    margin: 1em auto
}

.swal2-popup .swal2-file,
.swal2-popup .swal2-input,
.swal2-popup .swal2-textarea {
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    font-size: 1.125em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    box-sizing: border-box
}

.swal2-popup .swal2-file.swal2-inputerror,
.swal2-popup .swal2-input.swal2-inputerror,
.swal2-popup .swal2-textarea.swal2-inputerror {
    border-color: #f27474!important;
    box-shadow: 0 0 2px #f27474!important
}

.swal2-popup .swal2-file:focus,
.swal2-popup .swal2-input:focus,
.swal2-popup .swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5
}

.swal2-popup .swal2-file::-webkit-input-placeholder,
.swal2-popup .swal2-input::-webkit-input-placeholder,
.swal2-popup .swal2-textarea::-webkit-input-placeholder {
    color: #ccc
}

.swal2-popup .swal2-file:-ms-input-placeholder,
.swal2-popup .swal2-input:-ms-input-placeholder,
.swal2-popup .swal2-textarea:-ms-input-placeholder {
    color: #ccc
}

.swal2-popup .swal2-file::-ms-input-placeholder,
.swal2-popup .swal2-input::-ms-input-placeholder,
.swal2-popup .swal2-textarea::-ms-input-placeholder {
    color: #ccc
}

.swal2-popup .swal2-file::placeholder,
.swal2-popup .swal2-input::placeholder,
.swal2-popup .swal2-textarea::placeholder {
    color: #ccc
}

.swal2-popup .swal2-range input {
    width: 80%
}

.swal2-popup .swal2-range output {
    width: 20%;
    font-weight: 600;
    text-align: center
}

.swal2-popup .swal2-range input,
.swal2-popup .swal2-range output {
    height: 2.625em;
    margin: 1em auto;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-popup .swal2-input {
    height: 2.625em;
    padding: .75em
}

.swal2-popup .swal2-input[type=number] {
    max-width: 10em
}

.swal2-popup .swal2-file {
    font-size: 1.125em
}

.swal2-popup .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-popup .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    color: #545454;
    font-size: 1.125em
}

.swal2-popup .swal2-checkbox,
.swal2-popup .swal2-radio {
    align-items: center;
    justify-content: center
}

.swal2-popup .swal2-checkbox label,
.swal2-popup .swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-popup .swal2-checkbox input,
.swal2-popup .swal2-radio input {
    margin: 0 .4em
}

.swal2-popup .swal2-validationerror {
    display: none;
    align-items: center;
    justify-content: center;
    padding: .625em;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    overflow: hidden
}

.swal2-popup .swal2-validationerror::before {
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
    content: '!';
    zoom: normal
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100%!important
    }
    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100%!important
    }
    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50, 100, 150, .4)
    }
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}

.swal2-icon-text {
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 3.75em 3.75em;
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 3.75em;
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    top: -.25em;
    left: -.25em;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%;
    z-index: 2;
    box-sizing: content-box
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86;
    z-index: 2
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .875em;
    width: 1.5625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

.swal2-progresssteps li {
    display: inline-block;
    position: relative
}

.swal2-progresssteps .swal2-progresscircle {
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #3085d6;
    color: #fff;
    line-height: 2em;
    text-align: center;
    z-index: 20
}

.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0
}

.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle {
    background: #add8e6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
    background: #add8e6
}

.swal2-progresssteps .swal2-progressline {
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #3085d6;
    z-index: 10
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

.swal2-show.swal2-noanimation {
    -webkit-animation: none;
    animation: none
}

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

.swal2-hide.swal2-noanimation {
    -webkit-animation: none;
    animation: none
}

[dir=rtl] .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-animate-error-icon {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

.swal2-animate-error-icon .swal2-x-mark {
    -webkit-animation: swal2-animate-error-x-mark .5s;
    animation: swal2-animate-error-x-mark .5s
}

@-webkit-keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/*Planning version mobile*/

.dl-scrollable.dl-view {
    background: #eef2f6;
}


/*
.dl-view-container {
    z-index: 20;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.dl-view {
    z-index: 20;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #eef2f6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translateZ(0);
}
.dl-scrollable {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
*/

.dl-mobile-availabilities {
    padding-bottom: 16px;
    padding-top: 1px;
}

.dl-availabilities-card {
    min-height: 44px;
}

.dl-card-margin {
    margin: 16px;
}

.dl-card-bg-white {
    background-color: #fff;
}

.dl-card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    background: #fff;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-decoration: none;
    color: #435f71;
}

.dl-card-content {
    min-height: 50%;
}

.availabilities-title-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    line-height: 44px;
    color: #435f71;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
}

.dl-divider {
    position: relative;
    height: 1px;
    margin: -1px 0 0;
    border: 0;
    background-color: rgba(67, 95, 113, 0.2);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.dl-card-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dl-card-section.availabilities-slot-section .dl-card-section-content {
    padding: 16px;
}

.dl-card-section-content {
    width: 0;
    padding: 16px 16px 16px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.dl-button.dl-button-default-link.availabilities-slot {
    font-size: 14px;
    position: relative;
    line-height: 44px;
    height: 44px;
    border-radius: 4px;
    min-width: calc(100% / 3 - 14px);
    display: inline-block;
    background: #e4f6fe;
    margin: 5px;
}

.dl-button-default-link {
    color: #435f71;
}

.dl-button-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    height: 100%;
}

.dl-button.dl-button-default-link.availabilities-slot.availabilities-slot-selected,
.dl-button.dl-button-default-link.availabilities-slot:active,
.dl-button.dl-button-default-link.availabilities-slot:hover {
    background-color: #0596de;
    color: #fff;
}

.dl-button {
    font-family: "Roboto", arial, sans-serif;
    font-size: 14px;
    color: #435f71;
    height: 40px;
    border: 0;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    padding: 0 16px;
    -webkit-transition: opacity 500ms, color 100ms, background-color 100ms;
    transition: opacity 500ms, color 100ms, background-color 100ms;
    background-color: transparent;
    cursor: pointer;
}


/* model call_us */

.modal-phone .close {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1rem;
}

.modal-open .modal-phone .modal-body {
    padding: 4rem;
    line-height: 1.5;
}

.modal-phone__title {
    margin-bottom: 1rem;
    font-weight: 700;
    font-size: 30px;
}

.modal-phone__subtitle {
    margin-bottom: 1rem;
    font-size: 20px;
}

.modal-phone__number a {
    font-weight: 700;
    font-size: 48px;
    color: #16a974 !important;
}


/* boutton call_us */


/*
a {
    padding: .45rem .75rem;
    line-height: 1.5;
    display: inline-block;
    padding-right: 5rem!important;
    padding-left: 1.5rem!important;
    margin-left: .5rem;
    margin-right: .5rem;
}
*/

.w-phone-flag {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 4rem;
}

.w-phone-flag__icon {
    position: static;
    margin-right: 5px;
    /*    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        */
}

.w-phone-flag__tel {
    display: inline;
}

.w-phone-flag .w-phone-flag__addon {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flag {
    display: inline-block;
    width: 20px;
    height: 14px;
    background-size: 100%;
}

.w-phone-flag .w-phone-flag__flag {
    margin-bottom: .2em;
}

.flag.is-fr {
    background-image: url(../img/content/fr.svg);
}

.w-phone-flag .w-phone-flag__info {
    font-size: .66667rem;
    line-height: 1;
    font-weight: 400;
    text-transform: none;
}
h5.modal-title {
    color:black !important;
}


/*Bandeau cookie*/

.eupopup-container {
    /*background-color: rgba(23, 25, 28, 0.85);*/
    color: #efefef;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
    display: none;
    z-index: 99999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
    position: absolute;
    top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
    position: fixed;
}

.eupopup-container-bottom {
    position: fixed;
    bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 300px;
}

.eupopup-container-bottomright {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 300px;
}

.eupopup-closebutton {
    font-size: 16px;
    font-weight: 100;
    line-height: 1;
    color: #a2a2a2;
    filter: alpha(opacity=20);
    position: absolute;
    font-family: helvetica, arial, verdana, sans-serif;
    top: 0; right: 0;
    padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
    color: #fff;
    text-decoration: none;
}

.eupopup-head {
    font-size: 1.2em;
    font-weight: bold;
    padding: 7px;
    color: #FAFBFC;
}

.eupopup-body {
    color: #BBCDD4;
    font-size: 16px;
    /*font-family: 'Arial';*/
}

.eupopup-learn-more {
    color: #25B9D7 ;
    text-decoration: underline !important;
    padding: 7px 0 5px 0 !important;
}

.eupopup-learn-more:hover,
.eupopup-learn-more:focus {
    text-decoration: underline !important;
    color: #3ED2F0 !important;
}

.eupopup-buttons {
    padding: 7px 0 5px 0;
}


.eupopup-button {
    display:inline-block;
    cursor:pointer;
    font-weight:bold;
    padding:4px 10px;
    text-decoration:none;
}
.eupopup-button:hover {
    /*background-color:#1e94ab;
    border:1px solid #1e94ab;*/
}


body .eupopup-color-inverse {
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
    color: #000;
}

body .eupopup-style-compact {
    text-align: left;
    padding: 8px 30px 7px 20px;
    line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
    display: inline;
    padding: 0;
    margin: 0;
}

body .eupopup-style-compact .eupopup-button {
    margin: 0 5px;
}

.anti_h5 h5 {
    color: inherit !important;
}


/* petite boite d'erreur */
.form-messagebox {
    display: block;
    position: absolute;
    left: 101%;
    width: 12rem;
    border: 1px solid;
    color: #e22828;
    border-radius: 5px;
    font-size: .8125rem;
    background-color: #ffe9e9;
    top: 578px;
    animation: slide-down .5s ease-in-out;
}
.form-messagebox-header {
    background-color: #e22828;
    color: #fff;
    padding: .125rem .625rem;
}
.form-messagebox-contents {
    padding: .625rem 1.5rem;
    margin: 0;
}
#need_choix_declarant .form-label {
    color: #2A2424;
}
#need_choix_declarant::placeholder {
    color: #2A2424;
}
#need_choix_declarant .form-input {
    color: #000000;
    background-color: #FFFFFF;
    border-color: #C2CBE8;
}
#need_choix_declarant .user-invalid {
    border-color: #E12627;
}
#need_choix_declarant input::placeholder,
#need_choix_declarant .form-label-inside {
    color: #2A2424;
}
#need_choix_declarant select.valid {
    color: #000000;
}
#need_choix_declarant .form-btn-geometry {
    top: 25.75rem;
    left: -0.0625rem;
    height: 3.125rem;
    width: 19.6875rem;
    z-index: 8;
}