/* Minification failed. Returning unminified contents.
(13859,10): run-time error CSS1030: Expected identifier, found '>'
(13859,24): run-time error CSS1031: Expected selector, found ')'
(13859,24): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
/* ReSharper disable All */

@font-face {
    font-family: "WeblySleek UI";
    src: url(/Content/fonts/WeblySleek_UI_Normal.eot?) format("eot"),url(/Content/fonts/WeblySleek_UI_Normal.woff) format("woff"),url(/Content/fonts/WeblySleek_UI_Normal.ttf) format("truetype"),url(/Content/fonts/WeblySleek_UI_Normal.svg#WeblySleekUINormal) format("svg");
    font-weight: normal;
    font-style: normal;
}

html {
    font-family: "Segoe UI","Helvetica Neue", "WeblySleek UI",Frutiger,"Frutiger Linotype","Dejavu Sans",Arial,sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    -webkit-tap-highlight-color: #FFF;
}

.WebGridDisplay .ManagePromotionsLocationColumn {
    width: 260px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.SearchBar {
    background-color: rgb(242, 242, 242);
    margin-bottom: 15px;
}

.FP-StartStatus {
    float: left;
    margin-left: 7px;
    color: black;
    font-weight: 600;
}

.wrap {
    padding-top: 50px !important;
}

#NumCarte {
    font-size: large;
}

.Hide {
    display: none;
}

#POSTitle {
    font-size: 16px;
    font-weight: 500;
    padding-left: 15px;
}

.FormatName {
    display: inline-block;
    text-transform: capitalize;
}

#PosTitleMsg {
    padding-left: 15px;
}

table.tableLocationPos {
    table-layout: fixed;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.POSTitleSeparator {
    margin: 10px;
}

.POSLocations {
    font-weight: 700;
    color: #fcc411;
}

.TableTermAndConditionForfait, .TableTermAndConditionForfait td, .TableTermAndConditionForfait tr {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    margin-left: 25%;
}

.Gray {
    background-color: #f3f2f2;
}

.griseForTermAndConditionTable {
    background-color: silver;
}

body.modal-open {
    overflow: hidden !important;
}

.CashRegisterAmountSuggestedBtn {
    text-decoration: none !important;
    height: 47px !important;
    width: 68px !important;
    display: inline-block !important;
    font-size: 18px !important;
    line-height: 11px !important;
    font-weight: 700 !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 11px 7px 12px 4px !important;
    padding: 18px 12px 24px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    outline: none !important;
}

.history .btnback {
    background: url(/Content/images/btnback.png) no-repeat right center;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    padding-right: 30px;
    position: relative;
    top: 15px;
}

.col-sm-6 select {
    border: 1px solid #c39a19;
    font-size: 14px;
    outline: none;
    padding: 4px 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.overlay {
    background-color: transparent;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.col-sm-9 select {
    border: 1px solid #c39a19;
    font-size: 14px;
    outline: none;
    padding: 4px 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    border: 1px solid #d0cdcc;
    background: #eee;
    text-align: left;
}

.blockCalendarItem {
    border: 1px solid #c39a19;
    font-size: 14px;
    margin: 6px 0;
    outline: none;
    padding: 4px 6px;
    resize: none;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.block {
    border: 1px solid #c39a19;
    font-size: 14px;
    outline: none;
    padding: 4px 6px;
    resize: none;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    min-height: 32px;
}

.ActConfDelete {
    text-align: center;
    color: red;
    font-size: 14px;
}

#external-events .ColorRencontre {
    background-color: #33CC00 !important;
}

#external-events .ColorTel {
    background-color: #f24027 !important;
}

#external-events .ColorMail {
    background-color: #182af1 !important;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

#external-events .fc-event {
    margin: 10px 0;
    cursor: pointer;
    border: 1px solid #d0cdcc;
}

#calendar {
    float: right;
    width: 100%;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

.content {
    height: 100%;
}

    .content.smallfooter {
        padding-bottom: 238px;
    }

    .content.bigfooter {
        padding-bottom: 540px;
    }

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

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

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

[hidden], template {
    display: none;
}

a {
    background: transparent;
}

.pagebreak {
    page-break-before: always;
}

.WebGridDisplay td.tx-footer-data-transaction {
    text-align: center;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

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

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
    vertical-align: middle;
}

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

figure {
    margin: 0;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

html input[disabled] {
    background-color: rgb(235, 235, 228);
}


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

input {
    line-height: normal;
}

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

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td, th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    line-height: 1.42857143;
    background-color: #fff;
}

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

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

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

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

.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

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

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

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

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

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

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

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

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

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

    .col-sm-6.cash-register-next {
        width: 100%;
        float: right;
        text-align: center;
    }

    .col-sm-6.cash-register-previous {
        clear: both;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal {
    display: none;
    overflow: auto;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
    outline: none;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

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

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

#Error .btn a {
    min-width: 120px !important;
}

#CheckPassword .btn a {
    min-width: 120px !important;
}

#Confirmation .btn a {
    min-width: 120px !important;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            line-height: 1;
        }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next, .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left, .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0%),color-stop(rgba(0,0,0,0.0001) 100%));
        background-image: linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0%),color-stop(rgba(0,0,0,0.5) 100%));
        background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0%,rgba(0,0,0,0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    }

    .carousel-control:hover, .carousel-control:focus {
        outline: none;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

.chosendate {
    width: 80px;
    display: inline-block;
}

.chosenmonth {
    width: 30%;
    display: inline-block;
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-top: 0;
        background: #fff;
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
    }

    .chosen-container a {
        cursor: pointer;
    }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    border: 1px solid #aaa;
    background-color: #fff;
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/Content/images/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        background: #fff url(/Content/images/chosen-sprite.png) no-repeat 100% -20px;
        background: url(/Content/images/chosen-sprite.png) no-repeat 100% -20px,-webkit-gradient(linear,50% 0%,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
        background: url(/Content/images/chosen-sprite.png) no-repeat 100% -20px,-webkit-linear-gradient(#eee 1%,#fff 15%);
        background: url(/Content/images/chosen-sprite.png) no-repeat 100% -20px,-moz-linear-gradient(#eee 1%,#fff 15%);
        background: url(/Content/images/chosen-sprite.png) no-repeat 100% -20px,-o-linear-gradient(#eee 1%,#fff 15%);
        background: url(/Content/images/chosen-sprite.png) no-repeat 100% -20px,linear-gradient(#eee 1%,#fff 15%);
        font-size: 1em;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default;
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #3875d7;
            background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
            background-image: -webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -moz-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: -o-linear-gradient(#3875d7 20%,#2a62bc 90%);
            background-image: linear-gradient(#3875d7 20%,#2a62bc 90%);
            color: #fff;
        }

        .chosen-container .chosen-results li.no-results {
            display: list-item;
            background: #f4f4f4;
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: 700;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: -webkit-linear-gradient(#eee 1%,#fff 15%);
    background-image: -moz-linear-gradient(#eee 1%,#fff 15%);
    background-image: -o-linear-gradient(#eee 1%,#fff 15%);
    background-image: linear-gradient(#eee 1%,#fff 15%);
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 5px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                font-size: 100%;
                line-height: normal;
                border-radius: 0;
            }

            .chosen-container-multi .chosen-choices li.search-field .default {
                color: #999;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 0 3px 5px;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            border-radius: 3px;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-clip: padding-box;
            color: #333;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url(/Content/images/chosen-sprite.png) -42px 1px no-repeat;
                font-size: 1px;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
            background-image: -webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: -o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            background-image: linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none;
    color: #ccc;
    cursor: default;
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

    .chosen-container-active.chosen-with-drop .chosen-single div b {
        background-position: -18px 2px;
    }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: #111 !important;
    }

.chosen-disabled {
    opacity: .5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

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



    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
        left: 9999px;
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: #fff url(/Content/images/chosen-sprite.png) no-repeat -30px -20px;
        background: url(/Content/images/chosen-sprite.png) no-repeat -30px -20px,-webkit-gradient(linear,50% 0%,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
        background: url(/Content/images/chosen-sprite.png) no-repeat -30px -20px,-webkit-linear-gradient(#eee 1%,#fff 15%);
        background: url(/Content/images/chosen-sprite.png) no-repeat -30px -20px,-moz-linear-gradient(#eee 1%,#fff 15%);
        background: url(/Content/images/chosen-sprite.png) no-repeat -30px -20px,-o-linear-gradient(#eee 1%,#fff 15%);
        background: url(/Content/images/chosen-sprite.png) no-repeat -30px -20px,linear-gradient(#eee 1%,#fff 15%);
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-datepicker-unselectable span.ui-state-default {
    color: #C1B7B2;
}

.cropper-container {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

    .cropper-container .cropper-modal {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .cropper-container .cropper-dragger {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 80%;
    }

    .cropper-container .cropper-preview {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        border-width: 1px;
        border-color: #69f;
        border-color: rgba(51,102,255,.75);
        border-style: solid;
    }

    .cropper-container .cropper-dashed {
        position: absolute;
        display: block;
        filter: alpha(opacity=50);
        opacity: .5;
        border: 0 dashed #fff;
    }

    .cropper-container .dashed-h {
        top: 33.3%;
        left: 0;
        height: 33.3%;
        width: 100%;
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .cropper-container .dashed-v {
        top: 0;
        left: 33.3%;
        height: 100%;
        width: 33.3%;
        border-right-width: 1px;
        border-left-width: 1px;
    }

    .cropper-container .cropper-face, .cropper-container .cropper-line, .cropper-container .cropper-point {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=10);
        opacity: .1;
    }

    .cropper-container .cropper-face {
        top: 0;
        left: 0;
        cursor: move;
        background-color: #fff;
    }

    .cropper-container .cropper-line {
        background-color: #69f;
    }

    .cropper-container .line-e {
        top: 0;
        right: -2px;
        width: 5px;
        cursor: e-resize;
    }

    .cropper-container .line-n {
        top: -2px;
        left: 0;
        height: 5px;
        cursor: n-resize;
    }

    .cropper-container .line-w {
        top: 0;
        left: -2px;
        width: 5px;
        cursor: w-resize;
    }

    .cropper-container .line-s {
        bottom: -2px;
        left: 0;
        height: 5px;
        cursor: s-resize;
    }

    .cropper-container .cropper-point {
        width: 5px;
        height: 5px;
        background-color: #69f;
        filter: alpha(opacity=75);
        opacity: .75;
    }

    .cropper-container .point-e {
        top: 49%;
        right: -2px;
        cursor: e-resize;
    }

    .cropper-container .point-n {
        top: -2px;
        left: 49%;
        cursor: n-resize;
    }

    .cropper-container .point-w {
        top: 49%;
        left: -2px;
        cursor: w-resize;
    }

    .cropper-container .point-s {
        bottom: -2px;
        left: 49%;
        cursor: s-resize;
    }

    .cropper-container .point-ne {
        top: -2px;
        right: -2px;
        cursor: ne-resize;
    }

    .cropper-container .point-nw {
        top: -2px;
        left: -2px;
        cursor: nw-resize;
    }

    .cropper-container .point-sw {
        bottom: -2px;
        left: -2px;
        cursor: sw-resize;
    }

    .cropper-container .point-se {
        right: -2px;
        bottom: -2px;
        width: 20px;
        height: 20px;
        cursor: se-resize;
        filter: alpha(opacity=100);
        opacity: 1;
    }

        .cropper-container .point-se:before {
            position: absolute;
            right: -50%;
            bottom: -50%;
            display: block;
            height: 200%;
            width: 200%;
            content: " ";
            background-color: #69f;
            filter: alpha(opacity=0);
            opacity: 0;
        }

.cropper-hidden {
    display: none !important;
}

@charset "UTF-8";

.onlyprint {
    display: none !important;
}

p {
    margin: 10px 0;
}

h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 14px 0;
}

h3 {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    padding-top: 1em;
    margin-bottom: 1em;
}

h4 {
    font-size: 24px;
    line-height: 1em;
    font-weight: 400;
    margin: 10px 0;
    text-transform: uppercase;
}

h5 {
    font-size: 20px;
    line-height: 1em;
    font-weight: 400;
    margin: 16px 0;
    text-transform: uppercase;
}

h6 {
    font-size: 14px;
    margin: 20px 0 5px 0;
    text-transform: uppercase;
}

/*td, th {
    min-width: 2em;
}*/

.jaune {
    color: #fcc411;
}

p.intertitre {
    font-size: 16px;
    font-weight: 700;
}

.upper {
    text-transform: uppercase;
}

.pt20pt {
    font-size: 20px;
}

.pt18pt {
    font-size: 18px;
}

.emphasize {
    font-size: 16px;
    margin: 8px 0;
    display: inline-block;
}

.light {
    font-weight: 300;
}

hr {
    border-color: #d0cdcc;
    border: 0;
    border-top: 1px solid #d0cdcc;
}

a, a:hover {
    color: #e0b43a;
    cursor: pointer;
}

.container {
    position: relative;
}

.clearfix {
    clear: both;
}

.container:after {
    clear: both;
    content: '';
    display: block;
}

.center {
    text-align: center;
}

tfoot {
    text-align: center;
}

.coindroit {
    background: #000000;
    height: 36px;
    text-align: right;
}

    .coindroit form, .coindroit p {
        display: inline-block;
        margin: 0;
    }

    .coindroit .login form {
        display: block;
        margin: 0;
    }

    .coindroit a {
        color: #fff;
        font-size: 16px;
        line-height: 36px;
        text-decoration: none;
    }

        .coindroit a.compte {
            background: url(/Content/images/separator.png) repeat-y right center;
            display: inline-block;
            padding: 0 10px;
        }

    .coindroit .login {
        display: inline-block;
        position: relative;
        background: url(/Content/images/separator.png) repeat-y right center;
        padding-right: 1px;
        min-width: 170px;
        text-align: center;
    }

        .coindroit .login > a {
            background-image: url(/Content/images/hexa-jaune.png);
            background-repeat: no-repeat;
            background-position: right center;
            cursor: pointer;
            display: inline-block;
            line-height: 36px;
            height: 36px;
            margin-right: 10px;
            padding: 0 10px;
            padding-right: 18px;
        }

        .coindroit .login.hover > a {
            background-image: url(/Content/images/hexa-jaune-hover.png);
            background-color: #655a56;
            color: #fffe41;
        }

        .coindroit .login:hover > a {
            background-image: url(/Content/images/hexa-jaune-hover.png);
            background-color: #655a56;
        }

        .coindroit .login.hover {
            background-color: #655a56;
        }

        .coindroit .login:hover {
            background-color: #655a56;
        }

        .coindroit .login form {
            position: absolute;
            background: #000000;
            padding: 10px;
            padding-right: 60px;
            text-align: left;
            z-index: 100;
            -webkit-border-bottom-right-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
            -moz-border-radius-bottomright: 8px;
            -moz-border-radius-bottomleft: 8px;
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 8px;
            outline: 0;
        }

            .coindroit .login form input[type=text], .coindroit .login form input[type=password] {
                border: 1px solid #c39a19;
                font-size: 14px;
                outline: none;
                padding: 2px 6px;
                width: 200px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
            }

#TransactionAlertParameters, #TransactionAlertParametersGc {
    margin-top: 10px;
}

    #TransactionAlertParameters input[type=number], #TransactionAlertParametersGc input[type=number] {
        border: 1px solid #c39a19;
        font-size: 14px;
        outline: none;
        padding: 2px 6px;
        width: 15%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

#ReloadPointsAlertParameters {
    margin-top: 10px;
}


.coindroit .login form button {
    background: url(/Content/images/btnok.png) no-repeat center;
    border: none;
    height: 50px;
    outline: none;
    width: 42px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.coindroit .login form p {
    margin: 0;
    margin-left: 8px;
    height: 20px;
}

.coindroit .login form a {
    font-size: 12px;
}

form.search {
    position: relative;
    padding-right: 11px;
    padding-left: 3px;
}

    form.search input[type=text] {
        border: 1px solid #c39a19;
        font-size: 14px;
        margin: 6px;
        margin-left: 0;
        padding: 0 6px;
        outline: none;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    form.search input[type=submit] {
        background: url(/Content/images/loupe.png) no-repeat center;
        background-size: auto 100%;
        border: none;
        outline: none;
        display: inline-block;
        height: 22px;
        width: 22px;
        position: absolute;
        top: 6px;
        right: 5px;
    }

.bglogin .langue, .hosted .langue {
    background-color: #423834;
    width: 90px;
    padding-top: 5px;
    height: 35px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
}

.bglogin a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

    .bglogin a:hover, .bglogin .langue a.active {
        color: #fffe41;
    }

.langue {
    background: url(/Content/images/separator.png) repeat-y center;
    display: inline-block;
    list-style: none;
    height: 36px;
    margin: 0;
    padding-left: 0;
}

    .langue li {
        display: inline-block;
        width: 24px;
        text-align: center;
        text-transform: capitalize;
    }

    .coindroit a:hover, .langue a.active {
        color: #fffe41;
    }

.logo_business_solutions {
    height: 100px;
    margin-top: 5px;
}

header {
    background: #ffcb08;
    min-height: 200px;
}

    header.staff {
        background: #ffcb08;
        background-size: cover;
    }

        header.staff div.Partner {
            float: left;
        }

        header.staff #logo-ruche {
            display: inline-block;
            margin-top: -20px;
            /*// margin-left: 54px;
           // height: 125px;*/
        }

            header.staff #logo-ruche img {
                height: 125px;
            }

    header.staff {
        min-height: 121px !important;
    }

        header.staff p.nom {
            display: inline-block;
            position: absolute;
            bottom: 0px;
            left: 120px;
            font-weight: 300;
            font-size: 30px;
            line-height: 30px;
            text-transform: uppercase;
            max-width: 700px;
        }

            header.staff p.nom .bienvenue {
                display: block;
                font-size: 16px;
                line-height: 16px;
                font-weight: 700;
                text-transform: none;
            }

.ReplaceCard .carte {
    top: -24px;
    background: url(/Content/images/bgcard-plain.png) no-repeat center;
    background-size: 100% 100%;
    height: 224px;
    padding: 10px;
    width: 355px;
    height: 203px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    -moz-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
}

.ReplaceCard .cartePhone {
    text-align: left;
    display: inline-block;
    top: -24px;
    background: url(/Content/images/imageamartphonecard.png) no-repeat center;
    background-size: 100% auto;
    height: 212px;
    padding: 10px;
    width: 449px;
}

.ReplaceCard .carteform {
    text-align: left;
    display: inline-block;
    top: -24px;
    background: url(/Content/images/bgcard-plain.png) no-repeat center;
    background-size: 100% 100%;
    height: 224px;
    padding: 10px;
    width: 355px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    -moz-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
}

.ReplaceCard .chooseCarteform {
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
    display: inline-block;
    top: -24px;
    background: url(/Content/images/bgcard-plain.png) no-repeat center;
    background-size: 100% 100%;
    height: 125px;
    padding: 10px;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    -moz-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
}

.ess .listeradio li.checked .chooseCarteform {
    border: 2px solid #6b6bff;
}

header .carte {
    position: absolute;
    top: -24px;
    background: url(/Content/images/bgcard-plain.png) no-repeat center;
    background-size: 100% 100%;
    height: 203px;
    padding: 10px;
    width: 322px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    -moz-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
}

.giftCardAdd {
    height: 224px;
    width: 355px;
    border-radius: 15px;
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    margin-left: 85px;
    margin-top: 8px;
}

.DeleteGiftCard {
    position: absolute;
    margin-left: 330px;
    margin-top: 7px;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    padding: 0;
    z-index: 10;
    border: none;
    background: none;
}

.GiftCardListImagesInCash {
    width: 95%;
    border-radius: 6px;
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
}

.ListeGiftCardsInCash {
    margin-top: 5%;
    margin-bottom: 5%;
}

.WalletGiftCard {
    border: 1px solid #c39a19;
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 3px;
    min-height: 52px;
    margin-top: 10px;
}

    .WalletGiftCard .WalletGiftCardImage {
        height: 203px;
        width: 348px;
        border-radius: 28px;
        box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    }

    .WalletGiftCard .PartnerImg {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        vertical-align: middle;
        margin-top: 10px;
    }

    .WalletGiftCard p.freebees {
        font-size: 22px !important;
    }

    .WalletGiftCard p.PartnerName {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        vertical-align: middle;
        min-height: 40px;
        margin-left: 44px;
        margin-right: 100px;
        line-height: 40px;
        margin-top: -40px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .WalletGiftCard p.Balance {
        font-size: 18px;
        margin: 0;
        vertical-align: middle;
        min-height: 40px;
        line-height: 40px;
        float: right;
        position: relative;
        top: -38px;
    }

    .WalletGiftCard a:hover, .WalletGiftCard a:focus {
        text-decoration: none;
    }

.carte p, .carteform p {
    line-height: 1em;
    margin: 4px 0;
    padding: 0 16px;
}

.cartePhone p {
    line-height: 1em;
    margin: 4px 0;
    padding: 0 70px;
}

.carte p.nom {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 24px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.cartePhone p.nom {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 10px;
    text-transform: uppercase;
    padding: 0 70px;
}

.carteform p.nom {
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 16px;
    text-transform: uppercase;
}

.carte p.point, .cartePhone p.point, .carteform p.point {
    display: inline-block;
    padding-right: 4px;
}

    .carte p.point strong, .cartePhone p.point strong, .carteform p.point strong {
        font-size: 26px;
    }

.carte p.argent {
    display: inline-block;
    float: right;
    font-size: 26px;
    line-height: 20px;
    font-weight: 700;
    padding-left: 4px;
}

    .carte p.argent sub {
        bottom: 0;
        font-size: 14px;
    }

.carte form, .carteform form {
    position: relative;
    padding: 0 10px;
}

    .carte form input[type=text], .carte form input[type=password], .carteform input[type=text], .carteform input[type=password] {
        border: 1px solid #c39a19;
        font-size: 14px;
        margin: 4px 0 0;
        outline: none;
        padding: 2px 6px;
        width: 240px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

.ReplaceCardArrow:before {
    content: '\21E8';
    font-size: 110px;
    padding-top: 10px;
}

.carte form button {
    background: url(/Content/images/btnok.png) no-repeat center;
    border: none;
    height: 50px;
    outline: none;
    width: 42px;
    position: absolute;
    right: 4px;
    top: 6px;
}

.carteform button {
    background: url(/Content/images/btnok.png) no-repeat center;
    border: none;
    height: 50px;
    outline: none;
    width: 42px;
    position: absolute;
    right: 20px;
    top: 17px;
}

.ReplaceCardArrow {
    margin: 0;
}

.carte form p, .carteform p {
    margin: 2px 6px;
    padding: 0;
}

    .carte form p a, .carteform p a {
        color: #000;
        text-decoration: underline;
    }

#logo {
    display: inline-block;
    height: 96px;
    margin-bottom: 7px;
    width: 100%;
    padding: 0 16px;
    padding-top: 10px;
    text-align: left;
}

    #logo img {
        max-height: 100%;
        width: 90%;
    }

#logophone {
    display: inline-block;
    height: 96px;
    margin-bottom: 6px;
    width: 100%;
    padding: 0 70px;
    padding-top: 10px;
    text-align: left;
}

    #logophone img {
        max-height: 100%;
        width: 90%;
    }

header .btn {
    background: url(/Content/images/separator-blanc.png) repeat-y left center;
    float: right;
    margin-top: 18px;
    padding-left: 20px;
    width: 300px;
}

    header .btn p {
        margin: 0;
    }

    header .btn a {
        background: url(/Content/images/bgbtnhead.png) no-repeat center;
        background-size: 100% 100%;
        color: #423834;
        display: block;
        font-size: 24px;
        font-weight: 300;
        line-height: 24px;
        position: relative;
        padding: 16px 20px;
        padding-left: 80px;
        text-decoration: none;
        text-transform: uppercase;
    }

.plans .planType .TypeButton a {
    background: url(/Content/images/bgbtnhead.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: 24px;
    position: relative;
    padding: 40px 20px;
    padding-left: 115px;
    text-decoration: none;
    text-transform: uppercase;
}

    header .btn a:hover, .plans .planType .TypeButton a:hover {
        background-image: url(/Content/images/bgbtnhead-hover.png);
    }

    header .btn a strong, .plans .planType .TypeButton a strong {
        display: block;
        background: url(/Content/images/dotted.png) repeat-x center bottom;
        padding-bottom: 4px;
    }

header .btn a.partenaire img {
    position: absolute;
    left: 18px;
    top: 15px;
}

.plans .planType .TypeButton a.partenaire img {
    position: absolute;
    left: 25px;
    top: 30px;
    width: 65px;
}

header .btn a.membre img {
    position: absolute;
    left: 12px;
    top: 15px;
}

header .btn a.commande img {
    position: absolute;
    left: 18px;
    top: 25px;
}

header .btn a.cashbeta img {
    position: absolute;
    left: 18px;
    top: 20px;
}

header .btn a.recharge img {
    position: absolute;
    left: 21px;
    top: 20px;
}

#formsearch {
    background: #423834;
    display: none;
}

    #formsearch input[type=text] {
        border: 1px solid #c39a19;
        font-size: 14px;
        line-height: 23px;
        margin: 6px;
        margin-left: 0;
        padding: 0 6px;
        outline: none;
        width: 100%;
        -webkit-border-top-left-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    #formsearch input[type=submit] {
        background: url(/Content/images/loupe.png) no-repeat center;
        border: none;
        outline: none;
        display: inline-block;
        height: 25px;
        width: 22px;
        position: absolute;
        top: 6px;
        right: 5px;
    }

nav {
    background: #000000;
    border-top: 1px solid #655a56;
}

    nav ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    nav > ul.container {
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    nav ul li {
        display: inline-block;
        position: relative;
        float: left;
        text-align: center;
    }

    nav > ul > li {
        padding-bottom: 10px;
        width: 100%;
    }

        nav > ul > li > a {
            background: url(/Content/images/separator-blanc.png) repeat-y left center;
            color: #fff;
            display: inline-block;
            font-weight: 300;
            font-size: 17px;
            height: 40px;
            line-height: 20px;
            text-transform: uppercase;
            text-decoration: none;
            width: 100%;
        }

            nav > ul > li > a:hover, nav > ul > li.haschild:hover > a {
                color: #fffe41;
                text-decoration: none;
            }

    nav ul li a.active {
        color: #e0b43a;
    }

    nav ul li a strong {
        display: block;
    }

    nav ul li.haschild > a > strong:after {
        background: url(/Content/images/flechehaschild.png) no-repeat center;
        content: ' ';
        display: inline-block;
        height: 14px;
        padding-right: 14px;
    }

    nav ul li.haschild > a:hover > strong:after, nav ul li.haschild:hover > a > strong:after {
        background: url(/Content/images/flechehaschild-hover.png) no-repeat center;
    }

    nav ul li ul.child {
        position: absolute;
        display: none;
        top: 100%;
        background: #edc22c;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        min-width: 100%;
        z-index: 100;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

        nav ul li ul.child li {
            background: url(/Content/images/separator-horizontal.png) repeat-x center bottom;
            display: block;
            float: none;
            text-align: left;
            padding-bottom: 1px;
        }

            nav ul li ul.child li.last {
                background: none;
                padding-bottom: 0;
            }

            nav ul li ul.child li a {
                color: #423834;
                display: block;
                font-size: 17px;
                line-height: 19px;
                margin-left: -10px;
                margin-right: -10px;
                padding: 6px 10px;
                text-transform: uppercase;
                text-decoration: none;
            }

                nav ul li ul.child li a:hover {
                    background: #ffff3f;
                }

            nav ul li ul.child li.last a {
                -webkit-border-bottom-right-radius: 8px;
                -webkit-border-bottom-left-radius: 8px;
                -moz-border-radius-bottomright: 8px;
                -moz-border-radius-bottomleft: 8px;
                border-bottom-right-radius: 8px;
                border-bottom-left-radius: 8px;
            }

    nav > ul > li.first a {
        background: none;
    }

#navmobile {
    margin: 0;
}

    #navmobile a {
        background: url(/Content/images/navicon.png) no-repeat left center;
        color: #fff;
        display: block;
        font-weight: 700;
        font-size: 17px;
        line-height: 20px;
        padding: 10px 0;
        padding-left: 24px;
        text-transform: uppercase;
        text-decoration: none;
        width: 100%;
    }

.SearchBar {
    background-color: rgb(242, 242, 242);
    margin-bottom: 15px;
}

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

    .navsearch ul {
        min-height: 0;
        padding: 0;
    }

        .navsearch ul li {
            width: auto;
            padding: 12px 20px;
            color: #423834;
        }

            .navsearch ul li.active {
                color: #F2B600;
                font-weight: 700;
                border-bottom: solid 3px;
            }

            .navsearch ul li a {
                color: #423834;
                background: none;
                font-size: 14px;
                font-weight: 400;
                height: auto;
                text-decoration: none;
                text-transform: none;
            }

                .navsearch ul li a:hover {
                    color: #423834;
                    background: none;
                    font-size: 14px;
                    font-weight: 400;
                    height: auto;
                    text-decoration: none;
                    text-transform: none;
                }

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

.DashboardDuration .WebGridDisplay {
    margin-top: 0 !important;
}

.DashboardDurationBar {
    background-color: rgb(242, 242, 242);
    margin-bottom: 15px;
}

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

    .DashboardDurationnav ul {
        min-height: 0;
        padding: 0;
    }

        .DashboardDurationnav ul li {
            width: auto;
            padding: 5px 20px;
            color: #423834;
        }

            .DashboardDurationnav ul li.active {
                color: #F2B600;
                font-weight: 700;
                border-bottom: solid 3px;
            }

            .DashboardDurationnav ul li a {
                color: #423834;
                background: none;
                font-size: 14px;
                font-weight: 400;
                height: auto;
                text-decoration: none;
                text-transform: none;
            }

                .DashboardDurationnav ul li a:hover {
                    color: #423834;
                    background: none;
                    font-size: 14px;
                    font-weight: 400;
                    height: auto;
                    text-decoration: none;
                    text-transform: none;
                }

#banniere {
    position: relative;
    background: url(/Content/images/slider/bg.jpg) no-repeat center;
}

#carousel-accueil {
    height: auto;
    text-align: center;
}

    #carousel-accueil .carousel-inner, #carousel-accueil .item {
        line-height: 0;
        height: 100%;
    }

        #carousel-accueil .carousel-inner > .active {
            display: inline-block;
        }

#banniere .bordure, #bannierepartenaire .bordure {
    background: url(/Content/images/slider/bordure-degrade.png) repeat-x center bottom;
    z-index: 1;
    position: absolute;
    bottom: 0;
    height: 40px;
    left: 0;
    right: 0;
}

#bannierePOS .bordure {
    border-radius: 20px;
    background: url(/Content/images/slider/bordure-degrade.png) repeat-x center bottom;
    z-index: 1;
    position: absolute;
    bottom: 0;
    height: 40px;
    left: 0;
    right: 0;
}

.pos_logo {
    height: 140px;
    padding-top: 40px;
}

    .pos_logo img {
        width: 240px;
        max-width: 75%;
    }

#bannierePOS .carousel-control.left {
    left: 0;
}

#bannierePOS .carousel-control.right {
    right: 0;
}

.carousel-indicators {
    bottom: -12px;
    margin: 0;
    width: auto;
    left: 419px;
}

    .carousel-indicators li {
        background: transparent url(/Content/images/slider/nav.png) no-repeat center top;
        border: none;
        border-radius: 0;
        margin: 0;
        height: 20px;
        width: 17px;
        float: left;
    }

        .carousel-indicators .active, .carousel-indicators li:hover {
            background-position: center bottom;
            background-color: transparent;
            height: 20px;
            width: 17px;
        }

.bgruche {
    background: url(/Content/images/bgruche.png) no-repeat center top;
    padding: 60px 0 30px;
}

.service {
    background: url(/Content/images/bgservice.png) no-repeat center top;
    padding-top: 320px;
    position: relative;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding-bottom: 120px;
}

    .service:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .service .icon {
        position: absolute;
        left: 50%;
    }

    .service p.titre {
        position: absolute;
        top: 186px;
        left: 0;
        font-size: 18px;
        font-weight: 300;
        line-height: 22px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

    .service p.description {
        position: absolute;
        top: 70px;
        left: 0;
        font-size: 18px;
        font-weight: 300;
        line-height: 22px;
        margin: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        color: white;
    }

        .service p.description span {
            display: inline-block;
            max-width: 163px;
        }

    .service p.titre span {
        display: inline-block;
        max-width: 163px;
    }

    .service p.note span {
        padding: 10px;
        background-color: rgba(245,245,245,0.5);
        font-style: italic;
    }

    .service p {
        font-size: 16px;
    }

#content .btn a {
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    position: relative;
    padding: 10px 10px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

#content .btn.SimpleGris.xl a {
    background-size: 100% 100% !important;
    border-radius: 15px !important;
    color: #fff !important;
    background-image: none !important;
    background-color: #C3C3C3 !important;
}

#content .btn a.right {
    float: right;
}

#content .btn a.left {
    float: left;
}

#content .btn a:hover {
    background-image: url(/Content/images/bgbtn-hover.png);
}

#content .btn.xl a {
    background: url(/Content/images/bgbtnXl.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    padding: 14px 16px 20px;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    max-width: 360px;
}

    #content .btn.xl a:hover {
        background-image: url(/Content/images/bgbtnXl-hover.png);
    }

#content .ActionMenuButton .btn.xl a {
    font-size: 18px !important;
    font-weight: 600 !important;
}

#content .btn a.submit, #content .btn a.gris {
    cursor: pointer;
    font-size: 24px;
    line-height: 26px;
    min-width: 0;
    padding: 12px 10px 16px;
}

#content .btn a u {
    font-weight: 700;
}

#content .btn a strong {
    display: block;
}

#content .btn a.submit strong, #content .btn a.gris strong {
    display: inline-block;
}

#content .btn.xl a strong, #content .edit .btn a.submit strong {
    display: block;
}

#content form input[type=text], #content form input[type=password], .inputjaune {
    border: 1px solid #c39a19;
    font-size: 14px;
    outline: none;
    padding: 4px 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.checkbox {
    background-repeat: no-repeat;
    background-position: left top 3px;
    background-image: url(/Content/images/checkbox.png);
}

    .checkbox.checked {
        background-image: url(/Content/images/checkbox-hover.png);
    }

    .checkbox input[type="checkbox"] {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .checkbox label {
        font-size: 16px;
        padding-left: 6px;
    }

    /* The box is a 15px background image pinned 3px from the top, which sits above the text on a
       single-line row. This modifier centres the box, the label, the (i) hint and any inline field
       on one axis. Used by the Merci form (LEG-324). The .ess selector outranks ".ess .checkbox"
       (background-position: left top 6px), which applies to every page wrapped in .ess. */
    .checkbox.checkbox-centered,
    .ess .checkbox.checkbox-centered {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        min-height: 24px;
        background-position: left center;
    }

        .checkbox.checkbox-centered label {
            margin: 0;
            line-height: 24px;
        }

        .checkbox.checkbox-centered .emphasize .tooltip {
            vertical-align: middle;
        }

.boxjaune {
    border: 1px solid #c39a19;
    margin-top: 80px;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .boxjaune p {
        line-height: 22px;
        margin: 0;
        margin-bottom: 10px;
    }

.chosen-container-single .chosen-single {
    border: 1px solid #c39a19;
    background: #fff;
    font-size: 14px;
    outline: none;
    padding: 2px 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.chosen-container-single.chosen-with-drop .chosen-single {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.chosen-container-single .chosen-single span {
    border-right: 1px solid #c39a19;
    margin-right: 20px;
}

.chosen-container-single .chosen-single div {
    width: 26px;
}

    .chosen-container-single .chosen-single div b {
        background: url(/Content/images/chosen-fleche.png) no-repeat center;
    }

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background: url(/Content/images/chosen-fleche-open.png) no-repeat center;
}

.chosen-container-multi .chosen-drop, .chosen-container-single .chosen-drop {
    border: 1px solid #c39a19;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #c39a19;
    background: #fff;
    font-size: 14px;
    outline: none;
    padding: 2px 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #e0b43a;
    background-image: none;
}

.boitecarte {
    text-align: center;
}

    .boitecarte img {
        margin-top: 28px;
        max-width: 100%;
    }

form.activation input[type=text], form.activation input[type=password] {
    margin: 9px 0;
}

form.activation .chosen-container {
    margin-right: 10px;
    margin-top: -4px;
}

#content form.activation input[type=text].numero {
    font-size: 18px;
    margin-left: 0;
    margin-bottom: 6px;
    padding: 6px;
    width: 380px;
    max-width: 100%;
}

form.activation input.block, span.block input[type=text], .addpartenaire input[type=password], .addpartenaire input[type=text], form.activation .chosen-container, .addpartenaire .chosen-container {
    margin: 9px 0;
    width: 100%;
}

form.activation input.first {
    margin-left: 0;
}

form.activation input.last {
    margin-right: 0;
}

form.activation input.col1, div.paiement input.col1 {
    text-align: right;
    width: 80px;
}

form.activation input.col2 {
    width: 136px;
}

form.activation input.col3 {
    width: 214px;
}

form.activation input.col4 {
    width: 296px;
}

div.paiement input.numcard {
    width: 200px;
    margin-right: 10px;
}

form.activation input.col6 {
    width: 452px;
}

form.activation label {
    margin-right: 10px;
}

.btnxl {
    text-align: center;
}



    .btnxl a {
        background: url(/Content/images/bgbtnXl.png) no-repeat center;
        background-size: 100% 100%;
        color: #423834;
        display: inline-block;
        font-size: 22px;
        line-height: 26px;
        font-weight: 400;
        padding: 18px 16px 24px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        width: 100%;
        max-width: 460px;
    }

        .btnxl a:hover {
            background-image: url(/Content/images/bgbtnXl-hover.png);
        }

    .btnxl a {
        position: relative;
    }

        .btnxl a .tooltip {
            position: relative;
        }

            .btnxl a .tooltip .tooltext {
                display: none;
                position: absolute;
                bottom: 40px;
                right: -150px;
                background: #655a56;
                color: #fff;
                font-size: 12px;
                line-height: 20px;
                font-weight: 400;
                padding: 10px;
                text-transform: none;
                width: 320px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
            }

            .btnxl a .tooltip:hover .tooltext {
                display: inline-block;
            }

            .btnxl a .tooltip .tooltext .triangle {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 8px 0;
                border-color: #655a56 transparent transparent;
                position: absolute;
                bottom: -8px;
                left: 152px;
            }

        .btnxl a .tooltip {
            background-image: url(/Content/images/icon-tooltip.png);
            background-repeat: no-repeat;
            background-position: right 4px;
            display: inline-block;
            width: 20px;
        }

.field-validation-error {
    color: red;
}


.ou.centre {
    font-size: 30px;
    font-weight: 300;
    line-height: 120px;
    text-align: center;
    text-transform: uppercase;
}

.emphasize .tooltip {
    position: relative;
}

    .emphasize .tooltip .tooltext {
        display: none;
        position: absolute;
        bottom: 40px;
        right: -150px;
        background: #655a56;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        padding: 10px;
        text-transform: none;
        width: 320px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .emphasize .tooltip:hover .tooltext {
        display: inline-block;
        z-index: 100;
    }

    .emphasize .tooltip .tooltext .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0;
        border-color: #655a56 transparent transparent;
        position: absolute;
        bottom: -8px;
        left: 152px;
    }

.emphasize .tooltip {
    background-image: url(/Content/images/icon-tooltip.png);
    background-repeat: no-repeat;
    background-position: right 4px;
    display: inline-block;
    width: 20px;
}

.promo {
    display: inline-block !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

    .promo img {
        width: 100%;
        max-width: 460px !important;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

.listepartenaire {
    position: relative;
    min-height: 540px;
}



.searchpartenaire {
    background: #e7b930;
    float: right !important;
    border-radius: 0 10px 10px 0;
    min-height: 495px;
}

    .searchpartenaire p.titre {
        color: #fff;
        font-size: 20px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .searchpartenaire input[type=text] {
        width: 100%;
    }

    .searchpartenaire .chosen-container {
        margin-bottom: 10px;
    }

    .searchpartenaire .btnxl {
        width: 100%;
    }

        .searchpartenaire .btnxl a {
            cursor: pointer;
            font-size: 26px;
            line-height: 28px;
            position: relative;
            padding-right: 70px;
        }

            .searchpartenaire .btnxl a strong {
                display: block;
            }

            .searchpartenaire .btnxl a .icon {
                position: absolute;
                right: 16px;
                top: 25px;
            }

#bannierepartenaire {
    background: url(/Content/images/slider/bordure-degrade-top.png) repeat-x center top;
    margin-bottom: 20px;
    position: relative;
}

#bannierePOS {
    border-radius: 20px;
    background: url(/Content/images/slider/bordure-degrade-top.png) repeat-x center top;
    margin-top: 20px;
    position: relative;
    min-height: 150px;
}

#carousel .item {
    padding: 30px;
}

    #carousel .item ul {
        list-style: none;
        padding-left: 0;
        text-align: center;
    }

        #carousel .item ul:after {
            clear: both;
            content: '';
            display: block;
        }

        #carousel .item ul li {
            display: inline-block;
            text-align: center;
            width: 17%;
            margin: 5px;
        }

            #carousel .item ul li img {
                max-width: 100%;
            }

#carouselPOS .item ul {
    list-style: none;
    padding-left: 0;
    text-align: center;
}

    #carouselPOS .item ul:after {
        clear: both;
        content: '';
        display: block;
    }

    #carouselPOS .item ul li {
        display: inline-block;
        text-align: center;
        width: auto;
        margin: 5px;
    }

        #carouselPOS .item ul li img {
            max-width: 75%;
            max-height: 120px;
        }

#carouselTestimonials {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

    #carouselTestimonials .item ul {
        list-style: none;
        padding-left: 0;
        text-align: center;
        display: table-cell;
    }

        #carouselTestimonials .item ul:after {
            clear: both;
            content: '';
            display: block;
        }

        #carouselTestimonials .item ul li {
            display: inline-block;
            text-align: center;
            width: 48%;
            margin: 5px;
            vertical-align: top;
        }

            #carouselTestimonials .item ul li img {
                max-width: 75%;
                max-height: 120px;
            }

.carousel-control.left, .carousel-control.right {
    background: none;
    width: 30px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-control.left {
    left: -10px;
}

.carousel-control.right {
    right: -10px;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    background: url(/Content/images/slider/prev.png) no-repeat center top;
    height: 29px;
    margin-top: -15px;
    width: 30px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    background: url(/Content/images/slider/next.png) no-repeat center top;
    height: 29px;
    margin-top: -15px;
    width: 30px;
}

    .carousel-control .glyphicon-chevron-right:before, .carousel-control .glyphicon-chevron-left:before {
        content: none;
    }

.carousel-control:hover .icon-prev, .carousel-control:hover .glyphicon-chevron-left, .carousel-control:hover .icon-next, .carousel-control:hover .glyphicon-chevron-right {
    background-position: center bottom;
}

.result thead {
    background: #d0cdcc;
}

    .result thead td {
        background: url(/Content/images/separator-blanc.png) repeat-y right center;
        color: #fff;
        font-size: 20px;
    }

tr.even {
    background-color: #f3f2f2;
}

td.even {
    background-color: #f3f2f2;
}

td.half-even {
    background-color: #fcfcfc;
}

tr.NOTeven {
    background-color: #ffffff;
}

.result td {
    font-size: 16px;
    line-height: 20px;
    padding: 10px;
    vertical-align: top;
}

.listepartenaire .result td a {
    color: #423834;
    display: block;
    text-decoration: none;
}

.result .nom {
    font-weight: 700;
    text-transform: uppercase;
}

.result .adresse {
    font-size: 14px;
}

td.flecheblanche:before {
    content: '';
    padding: 10px;
    background: url(/Content/images/flecheblanche.png) no-repeat center;
}

.result .oreole {
    background: url(/Content/images/icon-map.png) no-repeat center;
    color: #e7b930;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    width: 26px;
}

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

    .pagination.partenaire p {
        display: inline-block;
    }

        .pagination.partenaire p a {
            background: url(/Content/images/pagination.png) no-repeat center top;
            color: #fff;
            display: inline-block;
            float: left;
            height: 37px;
            font-size: 16px;
            font-weight: 700;
            line-height: 37px;
            text-align: center;
            text-decoration: none;
            width: 32px;
        }

            .pagination.partenaire p a:hover, .pagination.partenaire p a.current {
                background-position: center bottom;
                color: #423834;
            }

            .pagination.partenaire p a.first, .pagination.partenaire p a.prev, .pagination.partenaire p a.next, .pagination.partenaire p a.last {
                margin: 11px 0;
                height: 15px;
                width: 14px;
            }

            .pagination.partenaire p a.first, .pagination.partenaire p a.prev {
                margin-right: 14px;
            }

            .pagination.partenaire p a.next, .pagination.partenaire p a.last {
                margin-left: 14px;
            }

            .pagination.partenaire p a.first, .pagination.partenaire p a.prev, .pagination.partenaire p a.next, .pagination.partenaire p a.last {
                background-image: url(/Content/images/page-prev.png);
                background-repeat: no-repeat;
            }

            .pagination.partenaire p a.first {
                background-position: left bottom;
            }

            .pagination.partenaire p a.prev {
                background-position: 3px 1px;
            }

            .pagination.partenaire p a.next {
                background-position: -17px 1px;
            }

            .pagination.partenaire p a.last {
                background-position: right bottom;
            }



.webgrid-container tfoot td a {
    background: url(/Content/images/pagination.png) no-repeat center top;
    color: #fff !important;
    display: inline-block;
    float: left;
    height: 37px;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    width: 32px;
}

    .webgrid-container tfoot td a:hover {
        background-position: center bottom;
        color: #423834;
    }

#map-partenaire {
    height: 360px;
    margin-bottom: -30px;
    width: 100%;
}

p.btngris {
    background: url(/Content/images/bgbtngris.png) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 300;
    padding: 4px 10px 10px;
    text-transform: uppercase;
}

    p.btngris:hover {
        background-image: url(/Content/images/bgbtngris-hover.png);
    }

.listealveole .item {
    display: inline-block;
    /*float:left;*/
    position: relative;
}

.listeforfait .item {
    height: 225px;
    width: 200px;
    z-index: 100;
}

.listealveole .hexagon2 {
    position: absolute;
    top: -85px;
    height: 400px;
}

.listeforfait .hexagon2 {
    width: 200px;
}

.listealveole .hexagon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.listealveole .hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.listealveole .hexagon-in2 {
    color: #fff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.listeforfait .hexagon-in2 {
    padding-top: 112px;
    text-align: center;
    background: url(/Content/images/bgforfait.png) no-repeat center;
    background-size: 95%;
}

.listealveole {
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    padding-top: 25px;
    text-align: center;
}

.listeforfait .item:nth-child(8n), .listeforfait .item:first-child {
}

.listeforfait .item:nth-child(n+4) {
    margin-top: -55px;
}

.listeforfait .item:nth-child(2) {
    z-index: 90 !important;
}

.listeforfait .item:nth-child(3) {
    z-index: 80 !important;
}

.listeforfait .item:nth-child(4) {
    z-index: 70 !important;
}

.listeforfait .item:nth-child(5) {
    z-index: 60 !important;
}

.listeforfait .item:nth-child(6) {
    z-index: 50 !important;
}

.listeforfait .item:nth-child(7) {
    z-index: 40 !important;
}

.listeforfait .item:nth-child(8) {
    z-index: 30 !important;
}

.listeforfait .item:nth-child(9) {
    z-index: 20 !important;
}

.listeforfait .item:nth-child(10) {
    z-index: 10 !important;
}

.listeforfait .item:nth-child(11) {
    z-index: 0 !important;
}

.listeforfait .item p {
    line-height: 1em;
    margin: 0;
}

    .listeforfait .item p.rabais {
        color: #fff;
        font-size: 16px;
        padding-bottom: 45px;
    }

    .listeforfait .item p.prix {
        color: #fff;
        font-size: 45px;
        font-weight: 700;
        padding-top: 10px;
    }

        .listeforfait .item p.prix sup {
            color: #f3c021;
            font-size: 25px;
            top: -6px;
        }

            .listeforfait .item p.prix sup .white {
                color: #fff;
                font-weight: 400;
            }

    .listeforfait .item p.categorie {
        font-weight: 300;
        font-size: 16px;
        text-transform: uppercase;
    }

    .listeforfait .item p.type {
        width: 90%;
        display: inline-block;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
    }

    .listeforfait .item p.lien {
        padding: 10px 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 88px;
    }

        .listeforfait .item p.lien a {
            color: #fff;
            cursor: pointer;
            font-weight: 700;
            text-transform: uppercase;
            text-decoration: none;
            text-shadow: 0 0 2px rgba(195,154,25,1);
        }

.notice p {
    font-size: 14px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

    .notice p.partenaire {
        margin-top: 0px;
    }

        .notice p.partenaire a {
            background: url(/Content/images/bgbtnXl.png) no-repeat center;
            background-size: 100% 100%;
            color: #423834;
            display: inline-block;
            font-size: 32px;
            line-height: 32px;
            position: relative;
            padding: 14px 10px 18px 80px;
            text-align: left;
            text-decoration: none;
            text-transform: uppercase;
            width: 320px;
        }

            .notice p.partenaire a:hover {
                background-image: url(/Content/images/bgbtnXl-hover.png);
            }

            .notice p.partenaire a img {
                position: absolute;
                left: 12px;
                top: 16px;
            }

            .notice p.partenaire a strong {
                display: block;
            }

.forfait .boite {
    background: url(/Content/images/bgforfait-xl.png) no-repeat center top;
    min-height: 340px;
    padding-top: 50px;
    position: relative;
    text-align: center;
}

    .forfait .boite p {
        line-height: 1em;
        margin: 0;
    }

        .forfait .boite p.rabais {
            color: #fff;
            font-size: 24px;
        }

        .forfait .boite p.prix {
            color: #fff;
            font-size: 80px;
            font-weight: 700;
            padding-bottom: 68px;
        }

            .forfait .boite p.prix sup {
                color: #f3c021;
                font-size: 28px;
                top: -18px;
            }

                .forfait .boite p.prix sup .white {
                    color: #fff;
                    font-weight: 400;
                }

        .forfait .boite p.categorie {
            font-weight: 300;
            font-size: 22px;
            text-transform: uppercase;
        }

        .forfait .boite p.type {
            font-weight: 700;
            font-size: 22px;
            text-transform: uppercase;
            width: 75%;
            display: inline-block;
        }

        .forfait .boite p.lien {
            padding: 10px 0;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 26px;
        }

            .forfait .boite p.lien a {
                color: #fff;
                cursor: pointer;
                font-weight: 700;
                font-size: 18px;
                text-transform: uppercase;
                text-decoration: none;
                text-shadow: 0 0 2px rgba(195,154,25,1);
            }

.forfait .btnback {
    background: url(/Content/images/btnback.png) no-repeat right center;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    padding-right: 30px;
}

.message .btnback {
    background: url(/Content/images/btnback.png) no-repeat right center;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    padding-right: 30px;
}

.btnrefresh {
    background: url(/Content/images/btnrefresh.png) no-repeat right center;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    padding-right: 30px;
    text-transform: none;
}

.forfait p {
    margin: 0;
}

    .forfait p.titre {
        font-weight: 700;
        font-size: 20px;
        margin-top: 10px;
        position: relative;
        text-transform: uppercase;
    }

        .forfait p.titre .tooltip {
            position: relative;
            background-image: url(/Content/images/icon-tooltip.png);
            background-repeat: no-repeat;
            background-position: right 4px;
            display: inline-block;
            width: 20px;
        }

            .forfait p.titre .tooltip .tooltext {
                display: none;
                position: absolute;
                bottom: 40px;
                right: -130px;
                background: #655a56;
                color: #fff;
                font-size: 12px;
                line-height: 20px;
                font-weight: 400;
                padding: 10px;
                text-transform: none;
                width: 280px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
                z-index: 21;
            }

            .forfait p.titre .tooltip:hover .tooltext {
                display: block;
            }

            .forfait p.titre .tooltip .tooltext .triangle {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 8px 0;
                border-color: #655a56 transparent transparent;
                margin-left: -8px;
                position: absolute;
                bottom: -8px;
                left: 50%;
            }

#content .forfait .btn {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}

    #content .forfait .btn a {
        background: url(/Content/images/bgbtnXl.png) no-repeat center;
        background-size: 100% 100%;
        color: #423834;
        display: block;
        font-size: 32px;
        font-weight: 300;
        line-height: 32px;
        position: relative;
        padding: 16px 20px;
        padding-left: 86px;
        text-decoration: none;
        text-transform: uppercase;
        max-width: 360px;
    }

        #content .forfait .btn a:hover {
            background-image: url(/Content/images/bgbtnXl-hover.png);
        }

.forfait .btn a strong {
    display: block;
}

.forfait .btn a.partenaire img {
    position: absolute;
    left: 16px;
    top: 15px;
}

p.right {
    text-align: right;
}

.boitephoto {
    border: 1px solid #c39a19;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    height: 140px;
    width: 140px;
}

    .boitephoto a span {
        display: inline-block;
        margin: 0px;
        padding: 10px;
    }

    .boitephoto a {
        display: table-cell;
        height: 140px;
        color: #423834;
        text-decoration: none;
        vertical-align: middle;
    }


.boitephotoFlyer {
    border: 1px solid #c39a19;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    height: 88.5px;
    width: 276px;
}

    .boitephotoFlyer a span {
        display: inline-block;
        margin: 0px;
        padding: 10px;
    }

    .boitephotoFlyer a {
        display: table-cell;
        height: 88.5px;
        color: #423834;
        text-decoration: none;
        vertical-align: middle;
    }

.timepicker .separator {
    background: none !important;
    font-weight: 900;
}

.separator {
    background: url(/Content/images/ellipse.png) no-repeat center;
    height: 30px;
}

    .separator.xl {
        background: url(/Content/images/ellipse-xl.png) no-repeat center;
        height: 60px;
    }

#content .btn a.btnupload {
    min-width: 0;
}

.btnupload input[type="file"] {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100%;
    top: 0;
    height: 42px;
    opacity: 0;
}

.activation .ou {
    background: url(/Content/images/pointgris.png) repeat-x center;
    font-weight: 700;
    margin: 20px 0 30px;
    text-align: center;
    text-transform: uppercase;
}

    .activation .ou span {
        background: #fff;
        padding: 0 10px;
    }

.social p {
    background-image: url(/Content/images/social.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 42px;
    padding: 6px 0;
    padding-left: 40px;
}

    .social p input[type=text] {
        margin: 0;
        width: 100%;
    }

    .social p.pin {
        background-position: left -44px;
    }

    .social p.twitter {
        background-position: left -88px;
    }

    .social p.website {
        background-position: left -133px;
    }

    .social p.tiktok {
        background-position: left -178px;
    }

    .social p.linkedin {
        background-position: left -405px;
    }

    .social p.yt {
        background-position: left -221px;
    }

    .social p.email {
        background-position: left -265px;
    }

    .social p.other {
        background-position: left -308px;
    }

    .social p.instagram {
        background-position: left -450px;
    }

.row > .checkbox {
    background-position: 15px center;
}

#content .activation .btn a.submit {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
}

    #content .activation .btn a.submit.right {
        float: right;
    }

#content .activation .btn a.gris {
    background: url(/Content/images/bgbtngris.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    min-width: 0;
    padding: 12px 16px 16px;
}

    #content .activation .btn a.gris:hover {
        background-image: url(/Content/images/bgbtngris-hover.png);
    }

    #content .activation .btn a.gris strong {
        display: block;
    }

#content .activation .btn a.gris {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
}

#content .activation .btn a.smallButton {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
}

table.points {
    margin-top: 10px;
    width: 100%;
}

    table.points.result thead td {
        font-size: 16px;
    }

    table.points tbody td {
        text-align: right;
    }

        table.points tbody td.first {
            text-align: left;
        }

#content .activation table.form td {
    padding: 6px 0;
}

#login {
    text-align: center;
    -ms-transform: translate(0px,-50px); /* IE 9 */
    -webkit-transform: translate(0px,-50px); /* Safari */
    transform: translate(0px,-50px);
    padding-top: 45px;
    margin-top: 45px;
}

    #login p.titre {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        margin: 20px 0;
        text-shadow: 0 0 2px rgba(195,154,25,1);
    }

    #login .carte {
        background: url(/Content/images/login/carte.png) no-repeat center top;
        background-size: 100% auto;
        display: inline-block;
        min-height: 326px;
        padding: 20px;
        width: 515px;
        max-width: 100%;
    }

        #login .carte form {
            padding: 10px 20px;
            text-align: left;
        }

        #login .carte input[type=text], #login .carte input[type=password] {
            font-size: 20px;
            margin-top: 10px;
            padding: 6px;
            width: 326px;
        }

        #login .carte form button {
            background: url(/Content/images/login/btnok.png) no-repeat center;
            height: 80px;
            width: 67px;
            top: 28px;
            right: 32px;
        }

        #login .carte a {
            color: #423834;
        }

        #login .carte p img {
            max-width: 100%;
        }

        /* Staff login only, for the reCAPTCHA added in LEG-309. carte.png is 515x326 and is painted
           at its natural height from the top of the box, so the card cannot hold the 304x78 widget
           without either stretching the artwork or pushing the last line of the form onto the drop
           shadow. The widget goes under the painted card instead - still inside the form, so that
           form.serialize() keeps carrying g-recaptcha-response to [ReCaptcha].

           The margin is what puts it there: the form ends around 283px into the box and the image,
           its drop shadow included, runs to 326px, so anything under ~45px has the widget straddling
           the bottom edge of the card and anything under ~65px has it sitting on the shadow. */
        #login .carte.carte-captcha .staff-recaptcha {
            display: flex;
            justify-content: center;
            margin: 76px 0 0;
        }

        /* The refusal banner's 70px top margin was sized to clear the card. It now follows the
           widget, which is already clear of it. */
        #login .carte.carte-captcha .StaffLoginErrorMessage {
            margin-top: 16px;
        }

.fiche .logo {
    border: 1px solid #b1aead;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.fiche .addthis_toolbox a.at300b {
    background: url(/Content/images/share-fiche-complet.png) no-repeat left top;
    display: inline-block;
    float: left;
    height: 42px;
    width: 37px;
    text-decoration: none;
}


.fiche .addthis_toolbox a.addthis_button_print {
    background-position: -74px top;
}

    .fiche .addthis_toolbox a.addthis_button_print:hover {
        background-position: -74px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_facebook:hover {
    background-position: left bottom;
}

.fiche .addthis_toolbox a.addthis_button_Twitter {
    background-position: -148px top;
}

    .fiche .addthis_toolbox a.addthis_button_Twitter:hover {
        background-position: -148px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_TikTok {
    background-position: -185px top;
}

    .fiche .addthis_toolbox a.addthis_button_TikTok:hover {
        background-position: -185px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_LinkedIn {
    background-position: -333px top;
}

    .fiche .addthis_toolbox a.addthis_button_LinkedIn:hover {
        background-position: -333px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_Youtoube {
    background-position: -222px top;
}

    .fiche .addthis_toolbox a.addthis_button_Youtoube:hover {
        background-position: -222px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_instagram {
    background-position: -370px top;
}

    .fiche .addthis_toolbox a.addthis_button_instagram:hover {
        background-position: -370px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_phone {
    background-position: -296px top;
}

    .fiche .addthis_toolbox a.addthis_button_phone:hover {
        background-position: -296px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_email {
    background-position: -111px top;
}

    .fiche .addthis_toolbox a.addthis_button_email:hover {
        background-position: -111px bottom;
    }

.fiche .addthis_toolbox a.addthis_button_ruche {
    background-position: -259px top;
}

    .fiche .addthis_toolbox a.addthis_button_ruche:hover {
        background-position: -259px bottom;
    }

.fiche .addthis_toolbox a span {
    display: none;
}

#map-fiche {
    height: 300px;
    width: 100%;
}

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

    ul.promotion li {
        padding: 2px 15px;
    }

        ul.promotion li:after {
            clear: both;
            content: '';
            display: block;
        }

        ul.promotion li .boite {
            float: left;
            margin: 10px;
            margin-left: 0;
            overflow: hidden;
            position: relative;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -khtml-border-radius: 8px;
            border-radius: 8px;
        }

            ul.promotion li .boite img {
                max-width: 100%;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
            }

        ul.promotion li .boiteflyer {
            max-height: 87px;
            max-width: 160px;
            float: left;
            margin-top: 10px;
            margin-bottom: 20px;
            margin-left: 0;
            margin-right: 10px;
            overflow: hidden;
            position: relative;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -khtml-border-radius: 8px;
            border-radius: 8px;
        }

            ul.promotion li .boiteflyer img {
                max-width: 100%;
                background-size: cover;
                background-position: center;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -khtml-border-radius: 8px;
                border-radius: 8px;
            }

            ul.promotion li .boiteflyer .mask {
                background: url(/Content/images/loupe-fiche.png) no-repeat center;
                background-color: rgba(0,0,0,0.3);
                display: none;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                border-radius: 8px;
            }

            ul.promotion li .boiteflyer:hover .mask {
                display: inline-block;
            }

.listepromo:after {
    clear: both;
    content: '';
    display: block;
}

.listepromo .item {
    width: 320px;
    height: 320px;
}

.listepromo .hexagon2 {
    width: 320px;
}

/* Two staggered rows of three: the second row sits half a tile to the right so its
   points fall between the first row's. The end margin keeps both centered rows the
   same width (3 tiles + half a tile). */
.listepromo .item.honeycomb-row-end {
    margin-right: 160px;
}

.listepromo .item.honeycomb-row-start {
    margin-left: 160px;
}

.listepromo .hexagon-in2 {
    background: url(/Content/images/promo-bg.png) no-repeat center;
    padding: 30px 10px;
}

.listepromo {
    overflow: visible;
    padding-top: 90px;
}

    .listepromo .item p.titre {
        color: #fff;
        font-size: 24px;
        line-height: 26px;
        margin: 0 30px;
        margin-top: 66px;
        text-transform: uppercase;
    }

        .listepromo .item p.titre strong {
            display: block;
            font-size: 25px;
            line-height: 25px;
        }

    .listepromo .item p.description {
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
        max-height: 74px;
        position: absolute;
        top: 216px;
        left: 24px;
        right: 24px;
    }

    .listepromo .item p.detail {
        position: absolute;
        bottom: 50px;
        left: 40px;
        right: 40px;
    }

        .listepromo .item p.detail a {
            color: #fff;
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
            text-shadow: 0 0 2px rgba(195,154,25,1);
            text-decoration: none;
        }

.cellphone .center img {
    max-width: 100%;
}

.emplacement #Form1 {
    background: #e7b930;
    position: relative;
    padding-top: 2px;
    padding-bottom: 10px;
}

.emplacement form p.titre {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

#content .emplacement form input[type=text] {
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding: 2px 6px;
    padding-right: 16px;
    width: 100%;
}

.emplacement form input[type=submit] {
    background: url(/Content/images/loupe.png) no-repeat center;
    border: none;
    outline: none;
    display: inline-block;
    height: 24px;
    width: 25px;
    position: absolute;
    top: 0;
    right: -8px;
}

form.search input[id="SearchString"] {
    width: 534px;
    height: 37px;
}

form.search input[class=SecondSearchString] {
    background: url(/Content/images/search_icon_large.png) no-repeat left center;
    background-size: 100%;
    border: none;
    outline: none;
    display: inline-block;
    height: 30px;
    width: 25px;
    position: relative;
    top: 0px;
    left: 00px;
}

.result .webgrid-empty {
    height: auto;
}

    .result .webgrid-empty td {
        font-size: 13px;
        text-align: left !important;
        padding: 5px !important;
        margin: 5px !important;
        border: 1px solid rgb(255,204,51) !important;
        background-color: rgb(255,244,194) !important;
        color: #000000;
    }

.SearchEmptyMessage {
    font-size: 13px;
    text-align: left !important;
    padding: 5px !important;
    margin-top: 20px;
    margin-left: 0px;
    border: 1px solid rgb(255,204,51) !important;
    background-color: rgb(255,244,194) !important;
    color: #000000;
}

.ManageLocationLogoColumn {
    padding: 10px 0;
}

.ManageLocationPointsColumn {
    text-align: center !important;
}

.ManageLocationNbreEmployers {
    text-align: center !important;
}

.ManageLocationNbrePromotions {
    text-align: center !important;
}

.ManageCashierBtnColumn {
    width: 90px;
}

.ManageCashierLocationColumn a {
    font-weight: bold;
    color: #fcc411 !important;
}

.ManageCashierMailColumn a {
    text-decoration: underline !important;
    color: #423834 !important;
}

.ManageCashierTransactionsColumn {
    text-align: center !important;
}

.WebGridDisplay .ManageLocationEditBtn {
    background: url(/Content/images/edit_icon.png) no-repeat center;
    background-size: 100% 100%;
    width: 25px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    padding: 6px 10px 10px;
}

.WebGridDisplay th {
    color: #fff !important;
    font-size: 18px;
    text-align: left;
    padding: 10px 15px;
    font-weight: normal;
}

.WebGridDisplay thead {
    background: #999999 !important;
}

.webgrid-container th {
    background: url(/Content/images/separator-blanc.png) repeat-y right center;
}

.WebGridDisplay th a {
    margin-right: 10px;
    font-weight: normal !important;
    color: #fff !important;
}

#SearchPromotions #SearchPromotionsWebGrid th {
    visibility: hidden;
}


#SearchLocations #SearchLocationsWebGrid th {
    visibility: hidden;
}

.WebGridDisplay .ManagePromotionsLocationColumn {
    width: 260px !important;
    max-width: 260px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.WebGridDisplay .ManagePromotionsPromotionTypeColumn {
    width: 180px !important;
}

.WebGridDisplay .buttons {
    text-align: center;
    min-width: 120px;
}

.ManagePromotionsNameColumn {
    width: 399px !important;
}

.EmailSenderListColumnText {
    width: 399px !important;
}

.SearchLocations .logocolumn {
    width: 40px;
    padding: 10px 0;
}

.SearchLocations .locationinfocolumn {
    /*width: 500px!important;*/
}

    .SearchLocations .locationinfocolumn .nom, .SearchPromotions .promotionDescriptionColumn .nom {
        font-weight: 400 !important;
        color: #2973B0 !important;
    }

.SearchLocations .locationaddresscolumn {
    width: 300px !important;
    font-size: 14px;
}

.SearchLocations .locationdiscountandpromotioncolumn {
    width: 250px !important;
    font-size: 14px;
}

.SearchPromotions .promotionFlyerColumn {
    padding: 10px 0;
}

    .SearchPromotions .promotionFlyerColumn a {
        height: 40px;
        overflow: hidden;
    }

    .SearchPromotions .promotionFlyerColumn img {
        border-radius: 5px;
    }

.SearchPromotions .promotionDescriptionColumn {
}

.SearchPromotions .promotionAddressrColumn {
    width: 300px !important;
    font-size: 14px;
}

.SearchPromotions .promotionPointsColumn {
    width: 160px;
    font-size: 20px;
    font-weight: bold;
    color: #F1CC22;
    text-align: right;
}

.searchpromotion .field-validation-error, .searchpartenaire .field-validation-error {
    color: red;
}

.gsc-selected-option-container, gsc-selected-option {
    min-width: 100px !important;
}

.emplacement form label {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.emplacement .checkbox {
    background-position: left top 2px;
}

.emplacement .listeradio {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

    .emplacement .listeradio li {
        background: url(/Content/images/radio.png) no-repeat left center;
        display: inline-block;
        margin-right: 6px;
        padding: 2px 0;
    }

        .emplacement .listeradio li.checked {
            background: url(/Content/images/radio-hover.png) no-repeat left center;
        }

        .emplacement .listeradio li label {
            padding: 4px 0;
            padding-left: 20px;
        }

    .emplacement .listeradio input[type=radio] {
        display: none;
        opacity: 0;
        filter: alpha(opacity=0);
    }

table.resultat {
    font-size: 16px;
    margin-top: 20px;
    width: 100%;
}

    table.resultat a, table.resultat a:hover {
        text-decoration: none;
        display: inline-block;
        color: #423834;
    }

    table.resultat td {
        padding: 10px 15px;
    }

    table.resultat .titre {
        font-weight: 700;
        text-transform: uppercase;
    }

    table.resultat .adresse {
        font-size: 14px;
        line-height: 14px;
    }

    table.resultat .btnedit {
        background: url(/Content/images/bgbtn-small.png) no-repeat center;
        background-size: 100% 100%;
        color: #423834;
        cursor: pointer;
        display: inline-block;
        font-size: 18px;
        padding: 6px 10px 10px;
        text-transform: uppercase;
        text-decoration: none;
    }

        table.resultat .btnedit:hover {
            background-image: url(/Content/images/bgbtn-small.png);
        }

    table.resultat .delete {
        background: url(/Content/images/btndelete.png) no-repeat center;
        cursor: pointer;
        display: inline-block;
        margin: 6px 10px;
        margin-right: 0;
        height: 30px;
        width: 26px;
        float: right;
    }

    table.resultat .inactif {
        color: #9a9593;
    }

        table.resultat .inactif .jaune {
            color: #edd591;
        }

        table.resultat .inactif .reactive {
            cursor: pointer;
            font-weight: 400;
            text-decoration: none;
        }



.transaction .form {
    border: 1px solid #c39a19;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-right: 10px;
}

    .transaction .form .titre {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .transaction .form .label {
        font-size: 16px;
        font-weight: 700;
    }

    .transaction .form p.label {
        margin-bottom: 4px;
    }

    .transaction .form .chosen-container {
        margin-right: 10px;
    }

#content .transaction .form input[type=text] {
    width: 100%;
}

#content form input[type=text].hasDatepicker {
    background: url(/Content/images/bg-datepicker.png) no-repeat right 4px center;
    padding-right: 28px;
    margin-left: 0;
}

    #content form input[type=text].hasDatepicker:disabled {
        background-color: rgb(235, 235, 228);
    }

.transaction .form input[type=submit] {
    background: url(/Content/images/btnrefresh.png) no-repeat right center;
    border: none;
    color: #f1be25;
    font-size: 16px;
    font-weight: 700;
    float: right;
    outline: none;
    margin-bottom: 10px;
    padding: 4px 0;
    padding-right: 28px;
}

#content p.btn.plus {
    margin: 50px 0;
    text-align: center;
}

#content .btn.plus a {
    background-image: url(/Content/images/bgbtnXl.png);
    font-size: 26px;
    line-height: 26px;
    padding: 20px 18px 26px;
    text-align: left;
}

    #content .btn.plus a:hover {
        background-image: url(/Content/images/bgbtnXl-hover.png);
    }

    #content .btn.plus a:before {
        content: '+';
        color: #fff;
        float: right;
        font-size: 72px;
        font-weight: 700;
        line-height: 36px;
        text-shadow: 0 0 2px rgba(195,154,25,1);
    }

.transaction table.resultat {
    font-size: 16px;
    margin-top: 20px;
    width: 100%;
}

    .transaction table.resultat thead {
        background: #d0cdcc;
        color: #fff;
        font-size: 18px;
    }

        .transaction table.resultat thead td {
            background: url(/Content/images/separator-blanc.png) repeat-y right center;
        }

.transaction td.num span {
    padding-right: 16px;
    background: url(/Content/images/flechehaschild.png) no-repeat center;
}

.transaction table.resultat td {
    padding: 10px 15px;
}

    .transaction table.resultat td a {
        color: #423834;
    }

.transaction table.resultat .btndetail, div.cash_Summary_AppliedPromotions div.btndetail {
    background: url(/Content/images/btndetail.png) no-repeat center;
    display: inline-block;
    min-height: 14px;
    text-decoration: none;
    width: 16px;
}

    .transaction table.resultat .btndetail.open, div.cash_Summary_AppliedPromotions div.btndetail.open {
        background-image: url(/Content/images/btndetail-open.png);
    }

.transaction table.resultat tr.detail {
    display: none;
}

    .transaction table.resultat tr.detail td.td_border_dashed {
        border: 1px dashed;
    }

    .transaction table.resultat tr.detail td table.points td {
        background: none;
    }

#content .transaction .btn.pagination a {
    font-size: 16px;
    line-height: 16px;
    min-width: 0;
    text-transform: none;
}

    #content .transaction .btn.pagination a.right {
        float: right;
    }

.bgruchejaune {
    background: url(/Content/images/bgalveole.png);
    padding-bottom: 30px;
    margin-bottom: -30px;
    height: 100%;
}

.boitemembre {
    background: url(/Content/images/bgcard-plain.png) no-repeat center top;
    background-size: 100% auto;
    height: 286px;
    margin: 40px auto 15px;
    padding: 20px;
    position: relative;
    width: 455px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    -moz-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
}

#transaction h3 {
    font-weight: 700;
    margin: 6px 0;
    text-align: center;
}

#transaction .boitemembre {
    background-size: 100% auto;
    margin: 20px auto 0;
}

#transaction .sommaire {
    background: none;
    margin: 0 auto;
    width: 520px;
}

#content .bgruchejaune .boitemembre input[type=text] {
    padding-right: 25px;
    text-align: left;
}

#content .bgruchejaune .boitemembre form {
    padding-top: 15px;
    padding-right: 60px;
    position: relative;
}

#content .boitemembre button, #content .boitemembre button:hover {
    background: url(/Content/images/btnok-xl.png) no-repeat center;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0px;
    height: 80px;
    width: 67px;
}

.cash_error_field {
    border-color: rgb(255, 37, 37) !important;
    border-width: 2px !important;
}

.cash_focus_field:focus {
    border-color: rgb(107, 107, 255) !important;
    border-width: 2px !important;
}

.cash_focus_field_Button:focus {
    border: 2px solid rgb(107, 107, 255) !important;
    border-radius: 15px;
    background-size: 100% 110% !important;
    outline: 0;
}

.bgruchejaune .separator.xl {
    background-size: 100% auto;
    margin: 0 auto;
    width: 328px;
    max-width: 100%;
}

.boitemembre .tableMember {
    width: 100%;
}

.boitemembre p {
    font-size: 18px;
    line-height: 1.5em;
    margin: 0;
}

    .boitemembre p.nom {
        font-size: 26px;
        text-transform: uppercase;
        height: 43px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

.boitemembre .title.exclusif {
    width: 30%;
}

.boitemembre .title.freebees {
    width: 42%;
}

.boitemembre .title.total {
    width: 28%;
}

.boitemembre .title {
    font-size: 18px;
}

.boitemembre .argent strong {
    font-size: 22px;
}

.bgruchejaune h3 {
    font-weight: 700;
    margin: 10px 0;
    margin-bottom: 0;
}

.bgruchejaune .label {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

#content .bgruchejaune form input[type=text] {
    font-size: 20px;
    margin: 4px 0;
    padding: 6px;
    text-align: right;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#content .bgruchejaune form input[type=submit], .btnxljaune {
    background: url(/Content/images/bgbtnXl.png) no-repeat center;
    background-size: 100% 100%;
    border: none;
    margin: 10px 0;
    padding: 18px 16px 24px;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
}

    #content .bgruchejaune form input[type=submit]:hover, .btnxljaune {
        background-image: url(/Content/images/bgbtnXl-hover.png);
    }

.message p.btngris, .btnxl.gris a {
    background: url(/Content/images/bgbtngris-xl.png) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
}

.btnxl.gris label {
    background: url(/Content/images/bgbtngris-xl.png) no-repeat center !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    cursor: default !important;
}

.btnxl.gris a:hover {
    background-image: url(/Content/images/bgbtngris-xl-hover.png);
}

#content .bgruchejaune form input[type=submit], .btnxl.gris a, .btnxljaune {
    display: inline-block;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    max-width: 360px;
}

.cash_error {
    margin: 0 0 30px 0;
}

    .cash_error ul li {
        color: red;
        font-size: 16px;
    }

    .cash_error ul span {
        display: list-item;
        color: red;
        font-size: 16px;
    }

        .cash_error ul span.field-validation-valid {
            display: none;
        }

.sommaire {
    background: url(/Content/images/separator-horizontal.png) repeat-x center top;
    padding: 2px 0;
    margin: 0 0 30px;
}

    .sommaire table {
        font-size: 16px;
        width: 100%;
    }

        .sommaire table td {
            vertical-align: top;
            padding-top: 10px;
        }

            .sommaire table td.cash_Summary_Exclusif_Title, .sommaire table td.cash_Summary_Freebees_Title {
                font-size: 20px;
                font-weight: 700;
                text-align: right;
                padding-left: 10px;
                vertical-align: middle;
            }

            .sommaire table td.cash_Summary_Title {
                font-weight: 700;
                margin: 10px 0;
                margin-bottom: 0;
                text-transform: uppercase;
                font-size: 26px;
            }

            .sommaire table td.cash_Summary_Card_Title {
                font-weight: 700;
                margin: 10px 0;
                margin-bottom: 0;
                text-transform: uppercase;
                font-size: 20px;
            }

div.cash_Summary_AppliedPromotions div.cash_Summary_AppliedPromotions_Title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: center
}

div.cash_Summary_AppliedPromotions {
    padding-bottom: 15px;
}

.sommaire table td.cash_Summary_Card_Subtitle {
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 15px;
}

.sommaire table td.cash_Summary_Exclusif, .sommaire table td.cash_Summary_Freebees {
    font-size: 18px;
    text-align: right;
    padding-left: 10px;
}

    .sommaire table td.cash_Summary_Exclusif.gras, .sommaire table td.cash_Summary_Freebees.gras {
        font-weight: 700;
    }


.sommaire table td.lastcashSummaryExclusif,
.sommaire table tbody tr td.lastcashSummaryFreebees {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    padding-left: 10px;
    min-width: 100px;
}


.boite-checkbox, .boite-check-search {
    background: #fff;
    margin-top: 10px;
    padding-top: 10px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(66, 56, 52, 0.5);
    -moz-box-shadow: 0px 0px 21px 0px rgba(66, 56, 52, 0.5);
    box-shadow: 0px 0px 21px 0px rgba(66, 56, 52, 0.5);
}

.boite-checkbox, .boite-check-search {
    padding-top: 0px;
}

.boitepromo, .boite-checkbox, .boite-check-search {
    overflow-y: auto;
    max-height: 530px;
}

.boitepromo {
    background: #fff;
    margin-top: 10px;
    padding-top: 10px;
    border: 1px solid;
}

    .boitepromo table {
        width: 100%;
    }

        .boitepromo table td {
            padding: 6px 10px;
            vertical-align: middle;
        }

            .boitepromo table td .logo {
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
                max-width: 100%;
            }

.New_more, .New_less {
    background: url(/Content/images/btnmoreless.png) no-repeat center top;
    display: inline-block;
    height: 38px;
    text-decoration: none;
    width: 32px;
}

.boitepromo table td .pt20pt {
    line-height: 1em;
}

.New_less {
    background-position: center bottom;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-left: 1px solid #c39a19;
}

::-webkit-scrollbar-thumb:vertical {
    background: #b9b9b9;
    border-left: 1px solid #c39a19;
}

.boite-checkbox ul.liste {
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}

    .boite-checkbox ul.liste li input[type=checkbox] {
        display: none;
    }

    .boite-checkbox ul.liste li label {
        cursor: pointer;
        display: block;
        padding: 6px 10px;
    }

        .boite-checkbox ul.liste li label.checked {
            background: #f3f2f2;
        }

        .boite-checkbox ul.liste li label:after {
            clear: both;
            content: '';
            display: block;
        }

.boite-checkbox img.logo {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    max-width: 100px;
    margin-right: 10px;
    float: left;
}

.boite-check-search ul.liste {
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}

    .boite-check-search ul.liste li.checkbox {
        background-position: 10px 12px;
        padding: 4px 10px;
    }

        .boite-check-search ul.liste li.checkbox input[type=checkbox] {
            display: none;
        }

        .boite-check-search ul.liste li.checkbox label {
            display: block;
            padding-left: 24px;
        }

#transaction .btn.xl {
    text-align: center;
}

    #transaction .btn.xl a {
        display: inline-block;
        font-weight: 700;
        width: 300px;
    }

.fiche-centreRepresentative .photo {
    border: 1px solid #b1aead;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 160px;
}

    .fiche-centreRepresentative .photo img {
        width: 100%;
    }

.fiche-centreRepresentative .detail {
    display: inline-block;
    margin-bottom: 10px;
}

.fiche-centreRepresentative p.nom {
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
}

.fiche-centreRepresentative p.soustitre {
    margin: 4px 0;
}

.fiche-centreRepresentative p.email, .fiche-centreRepresentative p.phone {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    height: 42px;
    margin: 0;
    padding: 6px 0;
    padding-left: 44px;
}

.fiche-centreRepresentative p.email {
    background: url(/Content/images/social.png) no-repeat left -1px top -265px;
}

    .fiche-centreRepresentative p.email a {
        color: #423834;
        text-decoration: none;
    }

.fiche-centreRepresentative p.phone {
    background: url(/Content/images/social.png) no-repeat left -1px bottom;
    background-position: left -360px;
}

.fiche-centreRepresentative p.nbre {
    font-weight: 700;
    font-size: 48px;
}

.fiche-centreRepresentative .bande {
    border: 1px solid #c39a19;
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.fiche-centreRepresentative .borderside {
    border-left: 1px solid #c39a19;
    border-right: 1px solid #c39a19;
}

.fiche-centreRepresentative .bande p, .fiche-centreRepresentative .total p {
    margin: 0;
    line-height: 1em;
}

.fiche-centreRepresentative .bande .col-sm-2.center {
    padding: 0 10px;
}

.fiche-centreRepresentative .bande .bar {
    background: url(/Content/images/bgbar.png) repeat-y center;
    background-size: 100% auto;
    height: 12px;
    margin-top: 22px;
    position: relative;
    width: 100%;
}

    .fiche-centreRepresentative .bande .bar .icon {
        background: url(/Content/images/icon-map-bee.png) no-repeat center;
        display: inline-block;
        height: 29px;
        margin-left: -13px;
        width: 26px;
        position: absolute;
        bottom: 6px;
    }

.fiche-centreRepresentative .bande .graduation {
    position: relative;
    height: 30px;
    width: 100%;
}

    .fiche-centreRepresentative .bande .graduation span {
        display: inline-block;
        font-size: 16px;
        line-height: 34px;
        font-weight: 700;
        position: absolute;
        min-width: 32px;
        margin-left: -16px;
        text-align: center;
    }

        .fiche-centreRepresentative .bande .graduation span.first {
            left: 0;
            text-align: left;
            margin-left: 0;
        }

        .fiche-centreRepresentative .bande .graduation span.g5 {
            left: 16.67%;
        }

        .fiche-centreRepresentative .bande .graduation span.g10 {
            left: 33.33%;
        }

        .fiche-centreRepresentative .bande .graduation span.g15 {
            left: 50%;
        }

        .fiche-centreRepresentative .bande .graduation span.g20 {
            left: 66.67%;
        }

        .fiche-centreRepresentative .bande .graduation span.g25 {
            left: 83.33%;
        }

        .fiche-centreRepresentative .bande .graduation span.last {
            right: 0;
        }

        .fiche-centreRepresentative .bande .graduation span.star.last sub {
            bottom: 0;
        }

        .fiche-centreRepresentative .bande .graduation span.star {
            background: url(/Content/images/star.png) no-repeat center;
            font-size: 20px;
        }

.fiche-centreRepresentative p.nbre {
    color: #e7b930;
}

.fiche-centreRepresentative .argent {
    font-size: 32px;
    font-weight: 700;
    padding-top: 14px;
}

    .fiche-centreRepresentative .argent sup {
        color: #423834;
        font-size: 18px;
    }

.fiche-centreRepresentative .bande .argent {
    color: #e7b930;
    text-align: right;
}

.fiche-centreRepresentative .total {
    margin-bottom: 40px;
}

    .fiche-centreRepresentative .total .center {
        background: #e7b930;
        border: 1px solid #c39a19;
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .fiche-centreRepresentative .total p.nbre, .fiche-centreRepresentative .total .argent {
        color: #fff;
    }

.fiche-centreRepresentative table {
    font-size: 16px;
    padding: 0 15px;
    width: 100%;
}

    .fiche-centreRepresentative table thead {
        background: #d0cdcc;
        color: #fff;
        font-size: 18px;
    }

        .fiche-centreRepresentative table thead td {
            background: url(/Content/images/separator-blanc.png) repeat-y right center;
        }

    .fiche-centreRepresentative table td {
        padding: 8px 15px;
        vertical-align: top;
    }

.paiement table.result {
    margin: 20px 0 10px;
    width: 100%;
}

    .paiement table.result td {
        padding: 6px 15px;
        text-align: right;
    }

        .paiement table.result td.first {
            text-align: left;
        }

.paiement .btnxl input {
    display: none;
}

.paiement .btnxl label {
    background: url(/Content/images/bgbtnXl.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    color: #423834;
    display: inline-block;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    padding: 12px 10px 18px;
    max-width: 360px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
}

    .paiement .btnxl label:hover {
        background-image: url(/Content/images/bgbtnXl-hover.png);
    }

    .paiement .btnxl label strong {
        display: block;
    }

    .paiement .btnxl label.actif {
        background-image: url(/Content/images/bgbtnXl-actif.png);
        color: #9a8c71;
    }

.XLBTNInactif {
    background-image: url(/Content/images/bgbtnXl-actif.png) !important;
    color: #9a8c71 !important;
}

.BTNInactif {
    color: #9a8c71 !important;
}

.paiement .credit {
    min-height: 30px;
}

    .paiement .credit:after {
        background: url(/Content/images/credit.png) no-repeat left center;
        content: '';
        padding: 10px 0;
        padding-right: 40px;
    }

.paiement .tooltip {
    position: relative;
}

    .paiement .tooltip .tooltext {
        display: none;
        position: absolute;
        bottom: 26px;
        right: -128px;
        background: #655a56;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        padding: 10px;
        text-transform: none;
        width: 280px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .paiement .tooltip:hover .tooltext {
        display: block;
    }

    .paiement .tooltip .tooltext .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0;
        border-color: #655a56 transparent transparent;
        margin-left: -8px;
        position: absolute;
        bottom: -8px;
        left: 50%;
    }

    .paiement .tooltip:after {
        background-image: url(/Content/images/icon-tooltip.png);
        background-repeat: no-repeat;
        background-position: center top;
        content: ' ';
        min-height: 20px;
        padding-right: 20px;
    }

#content .paiement .btn .gris, #content .paiement .btn input[type=submit] {
    display: inline-block;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    padding: 14px 16px 20px;
    text-align: center;
    min-width: 0;
    width: 200px;
}

#content .fiche .btn .gris {
    background: url(/Content/images/bgbtngris-xl.png) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    min-height: 86px;
}

#content .paiement .btn .gris {
    background: url(/Content/images/bgbtngris-xl.png) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
}

    #content .paiement .btn .gris:hover {
        background-image: url(/Content/images/bgbtngris-xl-hover.png);
    }

#content .paiement .btn input[type=submit] {
    background: url(/Content/images/bgbtnXl.png) no-repeat center;
    background-size: 100% 100%;
    border: none;
    float: right;
    outline: none;
    text-transform: uppercase;
    margin-left: 10px;
}

    #content .paiement .btn input[type=submit]:hover {
        background-image: url(/Content/images/bgbtnXl-hover.png);
        margin-left: 10px;
    }

#content .addpartenaire input[type=text].numero {
    font-size: 18px;
    padding: 6px;
    text-align: center;
}

#content .addpartenaire p {
    margin-left: 15px;
}

#content .addpartenaire .btn a {
    min-width: 0;
}

.addpartenaire table.resultat td {
    padding: 10px;
}

.addpartenaire table.resultat .inactif .reactive {
    font-weight: 400;
    font-size: 12px;
}

.addpartenaire input[type=text].col2 {
    margin-right: 18px;
    width: 154px;
}

.addpartenaire input[type=text].zip {
    width: 100px;
}

.addpartenaire input[type=text].col3 {
    margin-right: 10px;
    width: 216px;
}

    .addpartenaire input[type=text].col3.last {
        margin-right: 0;
        margin-left: 8px;
    }

#content .addpartenaire .btn a.submit, #content .addpartenaire .btn a.gris {
    font-size: 30px;
    padding: 18px 18px 24px;
}

    #content .addpartenaire .btn a.submit strong, #content .addpartenaire .btn a.gris strong {
        display: block;
    }

#content .addpartenaire .btn a.gris {
    background-image: url(/Content/images/bgbtngris-xl.png);
    color: #fff;
}

    #content .addpartenaire .btn a.gris:hover {
        background-image: url(/Content/images/bgbtngris-xl-hover.png);
    }

.ess .bgjaune {
    background: #e7b930;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .ess .bgjaune p {
        font-size: 16px;
    }

    .ess .bgjaune h5 {
        color: #fff;
        margin-bottom: 0;
    }

    .ess .bgjaune p.ou {
        color: #fff;
        font-size: 20px;
        line-height: 16px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
    }

    .ess .bgjaune input[type=text] {
        margin-top: 6px;
        width: 100%;
    }

.ess .checkbox input[type=text] {
    width: 240px;
}

.ess .checkbox.tier {
    float: left;
    margin: 2px 0;
    width: 50%;
}

.ess .boite {
    border: 1px solid #c39a19;
    margin-top: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .ess .boite textarea {
        border: 1px solid #c39a19;
        font-size: 14px;
        outline: none;
        padding: 4px 6px;
        resize: none;
        width: 100%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

.ess .total {
    font-size: 24px;
    margin-top: 110px;
    width: 100%;
}

    .ess .total .bee, .ess .total .jaune {
        font-weight: 700;
    }

.bee .icon {
    background: url(/Content/images/bee-small.png) no-repeat center;
    padding-right: 34px;
}

.ess .total .jaune {
    color: #e7b930;
    font-size: 30px;
}

#content .membersettings .btn a.submit {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
}

    #content .membersettings .btn a.submit.right {
        float: right;
    }

#content .membersettings .btn a.gris {
    background: url(/Content/images/bgbtngris.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    min-width: 0;
    padding: 12px 16px 16px;
}

    #content .membersettings .btn a.gris:hover {
        background-image: url(/Content/images/bgbtngris-hover.png);
    }

#content.ess #content.checkbox {
    background-position: left top 6px;
}

#content .ess .btn a.submit, #content .ess .btn a.gris {
    font-size: 30px;
    line-height: 30px;
    padding: 18px 18px 24px;
}

#content .ess .btn a.gris {
    background-image: url(/Content/images/bgbtngris-xl.png);
    color: #fff;
}

    #content .ess .btn a.gris:hover {
        background-image: url(/Content/images/bgbtngris-xl-hover.png);
    }

    #content .ess .btn a.submit strong, #content .ess .btn a.gris strong {
        display: block;
    }

.ess .checkbox {
    background-position: left top 6px;
}

#map-ess {
    height: 454px;
    width: 100%;
}

.ess input[type=text].right {
    text-align: right;
    width: 120px;
}

input[type="range"] {
    -webkit-appearance: none;
    background: url(/Content/images/bgrange.png) no-repeat center bottom;
    background-size: 100% auto;
    border: none;
    min-height: 80px;
    margin: 0;
    padding: 1px 2px;
    outline: none;
    padding-right: 4.4%;
    padding-bottom: 5%;
    width: 100%;
    max-width: 554px;
}

    input[type="range"]::-moz-range-track {
        border: inherit;
        background: transparent;
    }

    input[type="range"]::-ms-track {
        border: inherit;
        color: transparent;
        background: transparent;
    }

    input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper {
        background: transparent;
    }

    input[type="range"]::-ms-tooltip {
        display: none;
    }

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: url(/Content/images/icon-mapXL.png) no-repeat center;
        background-size: 100% auto;
        border: none;
        opacity: 1;
        width: 20px;
        height: 40px;
    }

    input[type="range"]::-moz-range-thumb {
        background: url(/Content/images/icon-mapXL.png) no-repeat center;
        background-size: 100% auto;
        border: none;
        opacity: 1;
        width: 20px;
        height: 40px;
    }

    input[type="range"]::-ms-thumb {
        background: url(/Content/images/icon-mapXL.png) no-repeat center;
        background-size: 100% auto;
        border: none;
        opacity: 1;
        width: 20px;
        height: 40px;
    }

.ess .listeradioPromotion {
    list-style: none;
    margin: 0;
    margin-bottom: 70px;
    padding-left: 0;
    font-size: 14px !important;
}

    .ess .listeradioPromotion li:not(.active-result) {
        background: url(/Content/images/radio.png) no-repeat left center;
        padding: 6px 0;
    }

    .ess .listeradioPromotion li.checked {
        background: url(/Content/images/radio-hover.png) no-repeat left center;
    }

    .ess .listeradioPromotion li label {
        padding: 4px 2px;
        padding-left: 10px;
        display: -moz-box;
    }

        .ess .listeradioPromotion li label.nopaddingleft {
            padding-left: 0px !important;
        }

ess .listeradioPromotion li label {
    padding: 4px 0;
    padding-left: 13px !important;
}


.ess .listeradioPromotion li {
    display: flex;
    white-space: nowrap;
}

.ess .listeradio {
    list-style: none;
    margin: 0;
    margin-bottom: 70px;
    padding-left: 0;
    padding-right: 0;
}

    .ess .listeradio li:not(.active-result) {
        background: url(/Content/images/radio.png) no-repeat left center;
        padding: 6px 0;
    }

    .ess .listeradio li.checked {
        background: url(/Content/images/radio-hover.png) no-repeat left center;
    }

    .ess .listeradio li label {
        padding: 4px 0 0 4px;
    }

ess .listeradio li label {
    padding: 4px 0;
    padding-left: 13px !important;
}

.ess .listeradio input[type=radio] {
    opacity: 0;
    filter: alpha(opacity=0);
}

.listeradioPromotion input[type=radio] {
    opacity: 0;
    filter: alpha(opacity=0);
    min-width: 11px;
    margin-top: 8px;
}

.ess .listeradioPromotion {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: block;
    font-size: 16px;
    position: relative;
}

.ess .listeradioMember {
    list-style: none;
    margin: 0;
    margin-bottom: 70px;
    padding-left: 0;
    display: block;
    font-size: 16px;
    position: relative;
}

    .ess .listeradioMember li:not(.active-result) {
        background: url(/Content/images/radio.png) no-repeat left center;
        padding: 6px 0;
    }

    .ess .listeradioMember li.checked {
        background: url(/Content/images/radio-hover.png) no-repeat left center;
    }

    .ess .listeradioMember li label {
        padding: 4px 0;
        padding-left: 13px;
        display: block;
    }

    .ess .listeradioMember input[type=radio] {
        display: none;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.ui-datepicker {
    background: #fff;
    border: 1px solid #c39a19;
    padding: 4px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .ui-datepicker .ui-datepicker-title {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
    }

    .ui-datepicker .ui-datepicker-prev {
        background: url(/Content/images/date-prev.png) no-repeat center;
    }

    .ui-datepicker .ui-datepicker-next {
        background: url(/Content/images/date-next.png) no-repeat center;
    }

    .ui-datepicker td span, .ui-datepicker td a {
        color: #423834;
        text-align: center;
    }

        .ui-datepicker td a.ui-state-active {
            font-weight: 700;
        }

.template p.center img {
    max-width: 100%;
    padding-top: 20px;
}

.buzz {
    background: #ffcb08;
    margin-top: 30px;
    padding: 18px 0;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    z-index: 2;
}

    .buzz.smallfooter {
        bottom: 108px;
    }

    .buzz.bigfooter {
        bottom: 410px;
    }

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

ul.share {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: inline-block;
    text-align: center;
}

    ul.share li {
        display: inline-block;
    }

.buzz ul.share {
    text-align: center;
}

    .buzz ul.share li {
        padding: 0 4px;
    }

        .buzz ul.share li.first, .buzz p {
            color: #000000;
            display: inline-block;
            font-size: 36px;
            line-height: 64px;
            float: left;
            height: 64px;
            margin: 0;
            padding: 0 4px;
        }

ul.share li a {
    cursor: pointer;
    text-decoration: none;
}

.buzz ul.share li a {
    background: url(/Content/images/icon-app.png) no-repeat left top;
    display: inline-block;
    height: 64px;
    width: 56px;
}

#apple {
    background-position: left top;
}

    #apple:hover {
        background-position: left bottom;
    }

#play {
    background-position: -63px top;
}

    #play:hover {
        background-position: -63px bottom;
    }

#bb {
    background-position: -127px top;
}

    #bb:hover {
        background-position: -127px bottom;
    }

#store {
    background-position: -190px top;
}

    #store:hover {
        background-position: -190px bottom;
    }

.Footer_social ul.share li a {
    background: url(/Content/images/share.png) no-repeat left top;
    display: inline-block;
    height: 42px;
    width: 38px;
    padding-top: 26px;
}

.prefoot {
    background: #000000;
    color: #fff;
    padding: 36px 0;
    width: 100%;
    height: 302px;
    position: absolute;
    bottom: 108px;
    left: 0;
}

    .prefoot p {
        color: #fff;
    }

    .prefoot h6 {
        margin: 0;
        margin-bottom: 6px;
        text-transform: uppercase;
    }

    .prefoot a {
        color: #fff;
        font-size: 16px;
        text-decoration: none;
    }

    .prefoot .colonne {
        background: url(/Content/images/separator-blanc.png) repeat-y right center;
        display: inline-block;
        min-height: 230px;
        padding: 0 15px;
        width: 25%;
    }

        .prefoot .colonne.last {
            background: none;
        }

    .prefoot ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
    }

        .prefoot ul li {
            padding: 2px 0;
        }

        .prefoot ul.share {
            padding-bottom: 10px;
            width: 100%;
        }

            .prefoot ul.share li a {
                background: url(/Content/images/share.png) no-repeat left top;
                display: inline-block;
                height: 42px;
                width: 38px;
            }

#fb {
    background-position: left top;
}

    #fb:hover, #fb.active {
        background-position: left bottom;
    }

#twitter {
    background-position: -39px top;
}

    #twitter:hover, #twitter.active {
        background-position: -39px bottom;
    }

#yt {
    background-position: -80px top;
}

    #yt:hover, #yt.active {
        background-position: -80px bottom;
    }

#pin {
    background-position: -121px top;
}

    #pin:hover, #pin.active {
        background-position: -121px bottom;
    }

#tiktok {
    background-position: -162px top;
}

    #tiktok:hover, #tiktok.active {
        background-position: -162px bottom;
    }

.yeb {
    background-color: none !important;
    border: 0px solid gainsboro !important;
}

.sharebox {
    display: none;
    height: 170px;
    position: relative;
    padding-bottom: 40px;
}

    .sharebox object {
        max-width: 100%;
        height: 130px;
        max-height: 200px;
    }

.prefoot .twitter > img {
    float: left;
    padding-right: 10px;
}

.prefoot .twitter p {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}

    .prefoot .twitter p.time {
        color: #867872;
    }

.prefoot .colonne.last p {
    font-size: 14px;
    line-height: 16px;
}

.prefoot .colonne.last .lien {
    text-align: left;
    position: absolute;
    bottom: 0;
    width: 270px;
}

    .prefoot .colonne.last .lien a {
        color: #f5c21e;
        font-weight: 700;
        font-size: 13px;
    }

footer {
    background: #000000;
    padding-top: 14px;
    padding-bottom: 10px;
    width: 100%;
    height: 108px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

    footer .gauche {
        background: url(/Content/images/separator-blanc.png) repeat-y right;
        display: inline-block;
        float: left;
    }

    footer ul.menu {
        background: url(/Content/images/separator-horizontal-blanc.png) repeat-x center bottom;
        list-style: none;
        margin: 0;
        padding-left: 0;
        padding-bottom: 14px;
    }

        footer ul.menu:after {
            clear: both;
            content: '';
            display: block;
        }

        footer ul.menu li {
            display: inline-block;
            float: left;
            padding: 10px 6px;
            text-align: center;
        }

            footer ul.menu li.last {
                padding-right: 0;
            }

            footer ul.menu li a {
                color: #fff;
                display: inline-block;
                text-decoration: none;
            }

.copyright.visible-xs {
    background: url(/Content/images/separator-horizontal-blanc.png) repeat-x center top;
    background-clip: content-box;
}

.copyright:after {
    clear: both;
    content: '';
    display: block;
}

.copyright p {
    color: #bcb9b7;
    display: inline-block;
    float: left;
    margin: 0;
    padding-top: 10px;
}

    .copyright p.right {
        float: right;
    }

    .copyright p a {
        color: #bcb9b7;
    }

footer .droite {
    float: right;
    padding-top: 12px;
    text-align: center;
}

    footer .droite img {
        margin-bottom: 10px;
    }

body, p {
    color: #000000;
    font-size: 14px;
}

p {
    margin: 10px 0;
}

h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 14px 0;
}

h3 {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

h4 {
    font-size: 24px;
    line-height: 1em;
    font-weight: 400;
    margin: 10px 0;
    text-transform: uppercase;
}

h5 {
    font-size: 20px;
    line-height: 1em;
    font-weight: 400;
    margin: 16px 0;
    text-transform: uppercase;
}

/*td, th {
    min-width: 2em;
}*/

.jaune {
    color: #fcc411;
}

.upper {
    text-transform: uppercase;
}

.pt20pt {
    font-size: 20px;
}

.pt18pt {
    font-size: 18px;
}

.emphasize {
    font-size: 16px;
}

.emphasizeFiche {
    font-size: 16px;
}

.light {
    font-weight: 300;
}

hr {
    border-color: #d0cdcc;
    border: 0;
    border-top: 1px solid #d0cdcc;
}

p.intertitre {
    font-size: 16px;
    font-weight: 700;
}

.cropper-container .cropper-preview {
    border-color: #c2b6b1;
}

.cropper-container .cropper-point {
    background-color: #c2b6b1;
}

.cropper-container .point-se, .cropper-container .point-sw, .cropper-container .point-nw, .cropper-container .point-ne {
    width: 10px !important;
    height: 10px !important;
}

.cropper-container .cropper-dashed, .cropper-container .point-e, .cropper-container .point-n, .cropper-container .point-s, .cropper-container .point-w {
    display: none;
}

#myModal p {
    margin-top: 0px;
}

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

    .img-preview.img-sm {
        max-width: 140px;
        max-height: 140px;
    }

    .img-preview.img-xs {
        max-width: 60px;
        max-height: 60px;
    }

    .img-preview.img-sm.img-flyer {
        max-width: 276px;
        max-height: 88.5px;
    }

.img-xs-flyer-size {
    display: none;
}

.img-preview.img-xs.img-flyer {
    display: none;
}

    .img-preview.img-xs.img-flyer img {
        height: 100px !important;
        width: auto !important;
    }

#myModl .modal-header {
    border-bottom: none;
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 0px;
}

#myModal button.btn {
    border: none;
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    outline: none;
    position: relative;
    padding: 10px 16px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

.modalpromo button.btn, .modalCustomDescription button.btn {
    border: none;
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    outline: none;
    position: relative;
    padding: 10px 16px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

.modalpartner button.btn {
    border: none;
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    outline: none;
    position: relative;
    padding: 10px 16px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

#myModal button.close {
    border: none;
    background: none;
    color: #868686;
    font-size: 14px;
    font-weight: 700;
    outline: none;
}

.modalpromo button.close {
    border: none;
    background: none;
    color: #868686;
    font-size: 14px;
    font-weight: 700;
    outline: none;
}

.modalpartner button.close {
    border: none;
    background: none;
    color: #868686;
    font-size: 14px;
    font-weight: 700;
    outline: none;
}

#contact-us-container {
    margin-top: 20px;
}

#contact-us-info td {
    border: 0px none;
    border-bottom: 1px solid #D3D3D3;
    padding-left: 0px;
}

    #contact-us-info td a {
        color: #2973B0;
    }

#contact-us-info #label {
    font-weight: bold;
    width: 158px;
}

#contact-us-info #label-top {
    font-weight: bold;
    vertical-align: top;
    width: 158px;
}

.LoginErrorMessage {
    position: absolute;
    width: 651px;
    text-align: center;
    top: 118px;
}

.LoginFormErrorMessage {
    position: absolute;
    bottom: 40px;
    right: -150px;
    background: #423834;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px;
    text-transform: none;
    width: 400px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.StaffLoginErrorMessage {
    text-align: center;
    margin-top: 70px;
    background: #423834;
    color: #fff;
    padding: 10px;
    text-transform: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
}

.StaffForgotPasswordMessage {
    text-align: center;
    margin-top: 70px;
    background: #423834;
    color: #fff;
    padding: 10px;
    text-transform: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
}

.StaffPasswordResetErrorMessage {
    text-align: center;
    margin-top: 70px;
    background: #423834;
    color: #fff;
    padding: 10px;
    text-transform: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
}

.instruction {
    font-size: 16px;
}

.coindroit a.menu {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
    width: 100%;
}

.coindroit .moncompte {
    display: inline-block;
    position: relative;
    background: url(/Content/images/separator.png) repeat-y right center;
    padding-right: 1px;
    min-width: 199px;
    text-align: center;
}

    .coindroit .moncompte > a {
        background-image: url(/Content/images/hexa-jaune.png);
        background-repeat: no-repeat;
        background-position: right center;
        cursor: pointer;
        display: inline-block;
        line-height: 36px;
        height: 36px;
        margin-right: 10px;
        padding: 0 10px;
        padding-right: 18px;
    }

    .coindroit .moncompte:hover > a {
        background-image: url(/Content/images/hexa-jaune-hover.png);
        background-color: #000000;
    }

    .coindroit .moncompte:hover {
        background-color: #000000;
    }

    .coindroit .moncompte div {
        min-width: 180px;
        display: none;
        position: absolute;
        background: #000000;
        padding: 10px;
        text-align: center;
        z-index: 100;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .coindroit .moncompte:hover div {
        display: block;
    }

.coindroit .login form a {
    font-size: 12px;
}

.carte form input[type=submit] {
    background: url(/Content/images/btnok.png) no-repeat center;
    border: none;
    height: 50px;
    outline: none;
    width: 42px;
    position: absolute;
    right: 20px;
    top: 6px;
}


ul.liste-faq {
    list-style: none;
    padding-left: 0;
}

    ul.liste-faq li {
        border-bottom: 1px solid #e5e2e0;
    }

div.pos-Configurations-file ul.liste-faq li {
    border-bottom: none !important;
}

div.pos-Configurations-file hr {
    margin: 0 !important;
}

.pos-Name {
    font-size: 20px;
    line-height: 1em;
    font-weight: 400;
    margin-left: 5px;
    margin-top: 16px;
    text-transform: uppercase;
}

ul.liste-faq li.last, ul.liste-faq li.open {
    border-bottom: none;
}

ul.liste-faq li p.question {
    background: url(/Content/images/triangle-jaune.png) no-repeat 4px 8px;
    cursor: pointer;
    font-size: 16px;
    padding-left: 30px;
}

ul.liste-faq li a.document {
    color: #423834;
    cursor: pointer;
    font-size: 16px;
    padding-left: 30px;
}

    ul.liste-faq li a.document.pdf {
        background: url(/Content/images/pdfFile.png) no-repeat 0px 2px;
        background-size: 20px;
    }

    ul.liste-faq li a.document.word {
        background: url(/Content/images/wordFile.png) no-repeat 0px 2px;
        background-size: 20px;
    }

    ul.liste-faq li a.document.jpg {
        background: url(/Content/images/jpgfile.png) no-repeat 0px 2px;
        background-size: 20px;
    }

    ul.liste-faq li a.document:hover {
        color: #423834;
    }

ul.liste-faq li p.questionsearch {
    font-size: 16px;
}

ul.liste-faq li.open p.question {
    background-image: url(/Content/images/triangle-jaune-open.png);
}

ul.liste-faq .reponse {
    background: #e5e2e0;
    display: none;
    padding: 2px 10px;
}

ul.liste-faq .reponsesearch {
    background: #e5e2e0;
    padding: 2px 10px;
}

ul.liste-faq .reponse p.utilite {
    border-top: 1px solid #e7b930;
    font-size: 16px;
    margin: 0 -10px;
    padding: 10px;
    text-align: right;
}

    ul.liste-faq .reponse p.utilite button {
        border: none;
        outline: none;
        padding: 2px 4px;
        text-transform: uppercase;
    }

        ul.liste-faq .reponse p.utilite button.non {
            background: #bcb7b5;
            color: #fff;
        }

        ul.liste-faq .reponse p.utilite button.oui {
            background: #e7b930;
        }

ul.cat-faq {
    border: 1px solid #e7b930;
    padding: 10px;
    padding-left: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    ul.cat-faq li {
        font-size: 16px;
        font-weight: 700;
    }

        ul.cat-faq li a {
            text-decoration: none;
        }

            ul.cat-faq li a.active {
                color: #423834;
            }

#UnderConstruction {
    background: url(/Content/images/login/bgruche.png) no-repeat center;
    text-align: center;
}

    #UnderConstruction p.titre {
        font-size: 50px;
        font-weight: 700;
        margin: 10px 0;
        text-shadow: 0 0 2px rgba(195,154,25,1);
    }

    #UnderConstruction img {
        width: 500px;
    }

    #UnderConstruction .facebookLikeBox {
        width: 500px;
        display: inline-block;
    }

#fb-root {
    display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}


#content .activation .btn #btnSaveLocation {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
}

#content .btn #btnSaveLocation {
    cursor: pointer;
    font-size: 24px;
    line-height: 26px;
    min-width: 0;
    padding: 12px 10px 16px;
}

#content .btn #btnSaveLocation {
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    text-align: left;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
}

#content .btn.xl a strong, #content .edit .btn #btnSaveLocation strong {
    display: block;
}

#content .btn #btnSaveLocation.right {
    float: right;
}



.WebGridDisplay {
    font-size: 14px;
    margin-top: 20px;
    width: 100%;
    border: none;
}

.webgrid-container .wg-paginate-layout td {
    text-align: center !important;
    float: none;
}

.WebGridDisplay a, .WebGridDisplay a:hover {
    text-decoration: none;
    display: inline-block;
    color: #423834;
}

.WebGridDisplay table {
    width: 100%;
}

.WebGridDisplay td {
    padding: 10px 15px;
    border: none;
    text-align: left;
}

.WebGridDisplay td {
    padding: 10px 15px;
    border: none !important;
}

.WebGridDisplay th {
    border: none !important;
}

.WebGridDisplay thead {
    border: none !important;
}

.TextCenter {
    text-align: center;
    padding: 20px 0px !important;
}

.WebGridDisplay .titre {
    font-weight: 700;
    text-transform: uppercase;
}

.WebGridDisplay .adresse {
    font-size: 14px;
    line-height: 14px;
}

.WebGridDisplay .btnedit {
    background: url(/Content/images/bgbtn-small.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 6px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.WebGridDisplay .link {
    text-align: center;
    padding: 10px 7px;
    width: 65px !important;
}

.WebGridDisplay .btnedit:hover {
    background-image: url(/Content/images/bgbtn-small.png);
}

.WebGridDisplay .delete {
    background: url(/Content/images/btndelete.png) no-repeat center;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 26px;
}

.WebGridDisplay .reactive {
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
    color: #e0b43a !important;
}

.WebGridDisplay .inactif {
    color: #9a9593;
}

    .WebGridDisplay .inactif .jaune {
        color: #edd591;
    }


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

    .pagination.partenaire p {
        display: inline-block;
    }

.WebGridDisplay a.wg-page-current {
    background: url(/Content/images/pagination.png) no-repeat center top;
    display: inline-block;
    height: 37px;
    font-size: 16px;
    font-weight: 700;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    width: 32px;
    background-position: center bottom;
    color: #423834 !important;
}

    .WebGridDisplay a.wg-page-current:hover, .WebGridDisplay a.current {
        background-position: center bottom;
        color: #423834;
    }



.WebGridDisplay a.wg-page-first, .WebGridDisplay a.wg-page-prev, .WebGridDisplay a.wg-page-next, .WebGridDisplay a.wg-page-last {
    margin: 11px 0;
    height: 15px;
    width: 14px;
}

.WebGridDisplay a.wg-page-first, .WebGridDisplay a.wg-page-prev {
    margin-right: 14px;
}

.WebGridDisplay a.wg-page-next, .WebGridDisplay a.wg-page-.last {
    margin-left: 14px;
}

.WebGridDisplay a.wg-page-first, .WebGridDisplay a.wg-page-prev, .WebGridDisplay a.wg-page-next, .WebGridDisplay a.wg-page-last {
    background-image: url(/Content/images/page-prev.png);
    background-repeat: no-repeat;
}

.WebGridDisplay a.wg-page-first {
    background-position: left bottom;
}

.WebGridDisplay a.wg-page-prev {
    background-position: 3px 1px;
}

.WebGridDisplay a.wg-page-next {
    background-position: -17px 1px;
}

.WebGridDisplay a.wg-page-last {
    background-position: right bottom;
}

.container.contact {
    padding-bottom: 40px;
}

.contact form input[type=text] {
    width: 100%;
}

.contact form textarea {
    border: 1px solid #c39a19;
    font-size: 14px;
    margin-top: 10px;
    padding: 6px;
    outline: none;
    resize: none;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.contact form input[type=submit] {
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    border: none;
    color: #423834;
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    padding: 12px 10px 16px;
    text-transform: uppercase;
}

.centreRepresentativetransaction a.submit {
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    border: none;
    color: #423834;
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    padding: 12px 10px 16px;
    text-transform: uppercase;
}

.contact .sidebar {
    border: 1px solid #c39a19;
    margin-top: 10px;
    padding: 2px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 214px;
}

.contact h4 {
    margin: 30px 0px 20px 0px;
}

.contact .sidebar p.phoneContact, .contact .sidebar p.email, .contact .sidebar p.website, .contact .sidebar p.ruche, .contact .sidebar p.facebook, .contact .sidebar p.empty {
    font-size: 16px;
    line-height: 36px;
    padding-left: 36px;
    margin: 1px 0px;
}

.contact .sidebar p.empty {
    margin: 1px 0px;
}

.contact .sidebar p.ruche {
    background: url(/Content/images/social.png) no-repeat -1px -273px;
    background-size: 33px auto;
    text-transform: uppercase;
}

.contact .sidebar p.website {
    background: url(/Content/images/social.png) no-repeat -1px -118px;
    background-size: 33px auto;
    text-transform: uppercase;
}

.contact .sidebar p.phoneContact {
    background: url(/Content/images/social.png) no-repeat -1px bottom;
    background-size: 33px auto;
    background-position: left -312px;
}

.contact .sidebar p.email {
    background: url(/Content/images/social.png) no-repeat -1px -231px;
    background-size: 33px auto;
}

.contact .sidebar p.facebook {
    background: url(/Content/images/social.png) no-repeat;
    background-size: 33px auto;
}

.contact .sidebar p:first-child {
    margin-top: 10px;
}

.contact .sidebar p:last-child {
    margin-bottom: 10px;
}


.boitecropper {
}

    .boitecropper .loader {
        display: none;
        margin-top: -21px;
        margin-left: -21px;
        position: absolute;
        left: 36%;
        top: 42%;
        z-index: 300;
    }

.img-container {
    overflow: hidden;
}

.cropper-container, .cropper-container > img {
    max-width: 100%;
}

    .cropper-container .cropper-preview {
        border-color: #c2b6b1;
        overflow: hidden;
    }

    .cropper-container .cropper-point {
        background-color: #c2b6b1;
    }

    .cropper-container .point-se, .cropper-container .point-sw, .cropper-container .point-nw, .cropper-container .point-ne {
        width: 10px !important;
        height: 10px !important;
    }

    .cropper-container .cropper-dashed, .cropper-container .point-e, .cropper-container .point-n, .cropper-container .point-s, .cropper-container .point-w {
        display: none;
    }

#myModal p {
    margin-top: 0;
}

#preview {
    max-width: 100%;
    display: none;
}

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

    .img-preview.img-special {
        max-width: 230px;
        max-height: 125px;
    }

    .img-preview.img-sm {
        max-width: 140px;
        max-height: 140px;
    }

    .img-preview.img-xs {
        max-width: 60px;
        max-height: 60px;
    }

#myModl .modal-header {
    border-bottom: none;
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 0;
}

#myModal button.btn {
    border: none;
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    outline: none;
    position: relative;
    padding: 10px 16px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

#myModal button.close {
    border: none;
    background: none;
    color: #868686;
    font-size: 14px;
    font-weight: 700;
    outline: none;
}

.ess .Additional-point, .ess .Additional-point-ForCustomerPrivilege {
    width: 80px !important;
    margin-left: 10px;
}

.ess .Additional-PpMoney, .ess #ProximityPpMoney-add, .ess .Additional-CpMoney, .ess #ProximityCpMoney-add {
    width: 80px !important;
    margin-left: 10px;
}

.ess #Percent-point {
    width: 44px;
    margin-left: 10px;
}

.ess #AllItemCodeVeloce, .ess #MultiplyProductPriceVeloce, .ess #RewardPointDepartmentCodeVeloce, .ess #RewardPointItemCodeVeloce, .ess #RewardPointItemPriceVeloce,
.ess #AllItemCodePositouch, .ess #MultiplyProductPricePositouch, .ess #RewardPointDepartmentCodePositouch, .ess #RewardPointItemCodePositouch, .ess #RewardPointItemPricePositouch,
.ess #AllItemCodeMaitred, .ess #MultiplyProductPriceMaitred, .ess #RewardPointDepartmentCodeMaitred, .ess #RewardPointItemCodeMaitred, .ess #RewardPointItemPriceMaitred,
.ess #MultiplyProductPriceFreebees, .ess #AllItemFreebees, .ess #RewardPointDepartmentCodeFreebees, .ess #RewardPointItemCodeFreebees, .ess #RewardPointItemPriceFreebees,
.ess #RewardPointCategoryNameECommerce, .ess #ECom_RewardPointProductIdECommerce, .ess #ECom_RewardPointProductSkuECommerce, .ess #RewardPointProductNameECommerce,
.ess #splCom_RewardPointSkuSplCommerce, .ess #bst_RewardPointSkuBest, .ess #bst_RewardPointDepBest, #TckAcc_RewardPointGrpIdTckAcc, #TckAcc_RewardPointPrgIdTckAcc, #TckAcc_RewardPointEventIdTckAcc, #TckAcc_RewardPointShowTimeIdTckAccs,
#TckAcc_RewardPointCategIdTckAcc, #TckAcc_RewardPointProductIdTckAcc, #TckAcc_RewardPointCategSubscriptionIdTckAcc, #TckAcc_RewardPointTypeSubscriptionIdTckAcc {
    width: 100%;
    margin-left: 5px;
}

.ess #StartDate, .ess #SendingDate {
    width: auto;
}

.ess #EndDate {
    width: auto;
}

.ess #FeaturedStartDate {
    width: auto;
}

.ess input[type=text], .ess textarea {
    width: 100%;
}

.ess .boite-check-search {
    height: auto;
    max-height: 200px;
    width: 100%;
    -webkit-box-shadow: 0 0 6px 0 rgba(66,56,52,0.5);
    -moz-box-shadow: 0 0 6px 0 rgba(66,56,52,0.5);
    box-shadow: 0 0 6px 0 rgba(66,56,52,0.5);
}

.inputdatepicker {
    width: 16%;
}

.ess .boite-check-search ul.liste li.checkbox {
    background-position: 10px 8px;
}

.radio {
    background-repeat: no-repeat;
    background-position: left top 3px;
    background-image: url(/Content/images/radio.png);
}

    .radio.checked {
        background: url(/Content/images/radio-hover.png) no-repeat left center;
    }

    .radio input[type="radio"] {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .radio label {
        font-size: 16px;
        padding-left: 6px;
    }

.ess .radio input[type=text] {
    width: 240px;
}

#webgridcell {
    word-break: break-word;
}

#ddType_chosen {
    width: 44% !important;
}

.NoBackground {
    background: none !important;
}

#ToPromotionId_chosen, #CustomToPromotionId_chosen {
    width: 41% !important;
}

#promotion_uploadLogo #promotion_uploadLogopromotion_replaceLogo {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0B449), to(#e0b43a)) !important;
}

#RequestDemoNote, #ManagerNoteForMembers {
    border: 1px solid #c39a19;
    font-size: 14px;
    margin: 6px 0px;
    padding: 4px 6px;
    outline: none;
    resize: none;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.Color_Red {
    color: red;
}

.Color_Warning {
    color: #ffbf00;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.wallet {
    border: 1px solid #c39a19;
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 5px;
    min-height: 52px;
}

    .wallet img {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        position: absolute;
        vertical-align: middle;
    }

    .wallet p.freebees {
        font-size: 22px !important;
    }

    .wallet p.PartnerName {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        vertical-align: middle;
        min-height: 40px;
        margin-left: 44px;
        margin-right: 120px;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wallet p.Balance {
        font-size: 18px;
        margin: 0;
        vertical-align: middle;
        min-height: 40px;
        line-height: 40px;
        float: right;
        position: relative;
        top: -38px;
    }

    .wallet a:hover, .wallet a:focus {
        text-decoration: none;
    }

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

    .plans .planhexagone .hexagonePME {
        width: 610px;
        min-width: 610px;
        padding-bottom: 30px;
    }

    .plans .planhexagone .planhexagoneClear2 {
        width: 30px;
        min-width: 0px;
    }

    .plans .planhexagone .hexagoneOrganisme {
        width: 200px;
        padding-bottom: 30px;
    }

.plans .planType {
    height: 240px;
    padding: 10px 0px;
}

    .plans .planType .hexagone {
        background-position: 5px;
        width: 210px;
        min-width: 210px;
        max-width: 210px;
        text-align: center;
        padding: 10px 0px;
        background: url(/Content/images/bgforfait.png) no-repeat center center;
        background-size: 90%;
    }

    .plans .planType .TypeButton {
        background: none;
        width: 720px !important;
        min-width: 720px !important;
        max-width: 720px !important;
    }

    .plans .planType .Empty {
        background: none;
        width: 300px;
    }

    .plans .planType .TypeButton p {
        margin: 0 150px;
    }

    .plans .planType .TypeClear2 {
        width: 30px;
        min-width: 30px;
        max-width: 30px;
    }

    .plans .planType strong {
        display: block;
        font-size: 30px;
    }

    .plans .planType .hexagone strong {
        text-transform: uppercase;
        color: white;
        font-size: 30px !important;
        margin-top: 5px;
    }

        .plans .planType .hexagone strong.twoLines {
            line-height: 28px !important;
            margin-top: -5px !important;
        }

    .plans .planType strong.price {
        margin-top: 40px;
        color: #423834;
    }

        .plans .planType strong.price sub {
            bottom: 0px;
            font-size: 50%;
        }

    .plans .planType span.setup_fee {
        font-size: 0.7em;
        font-weight: bold;
        color: #423834;
    }

.plansFeatures {
    border-collapse: separate;
    margin-bottom: 30px;
    text-align: center;
}

table.plansFeatures > tbody > tr:nth-child(odd) {
    background-color: #f3f2f2;
}

table.plansFeatures > tbody > tr:nth-child(even) {
    background-color: #FFFFFF;
}

table.plansFeatures > tbody > tr {
    border-right: 1px solid #999;
}

    table.plansFeatures > tbody > tr > td.first {
        border-radius: 10px 10px 0 0 !important;
        -webkit-border-radius: 10px 10px 0 0 !important;
        -moz-border-radius: 10px 10px 0 0 !important;
        font-size: 25px;
        font-weight: 600;
        padding: 15px;
    }

    table.plansFeatures > tbody > tr > td:last-child {
        border-right: 1px solid #999;
    }

    table.plansFeatures > tbody > tr:last-child > td {
        border-bottom: 1px solid #999;
    }

    table.plansFeatures > tbody > tr > td {
        border: 1px solid #999;
        padding: 0 10px;
        border-right: none;
        border-bottom: none;
        width: 210px;
        min-width: 210px;
        max-width: 210px;
    }

        table.plansFeatures > tbody > tr > td:first-child {
            width: 720px !important;
            min-width: 720px !important;
            max-width: 720px !important;
            text-align: left !important;
        }

        table.plansFeatures > tbody > tr > td.plansOneLineFeatures {
            width: 1141px !important;
            min-width: 1141px !important;
            max-width: 1141px !important;
            text-align: left !important;
        }

    table.plansFeatures > tbody > tr:first-child > td:first-child {
        border-radius: 10px 0 0 0;
        -webkit-border-radius: 10px 0 0 0;
        -moz-border-radius: 10px 0 0 0;
    }

    table.plansFeatures > tbody > tr:first-child > td:last-child {
        border-radius: 0 10px 0 0;
        -webkit-border-radius: 0 10px 0 0;
        -moz-border-radius: 0 10px 0 0;
    }

    table.plansFeatures > tbody > tr:last-child > td:first-child {
        border-radius: 0 0 0 10px;
        -webkit-border-radius: 0 0 0 10px;
        -moz-border-radius: 0 0 0 10px;
    }

    table.plansFeatures > tbody > tr:last-child > td:last-child {
        border-radius: 0 0 10px 0px;
        -webkit-border-radius: 0 0 10px 0px;
        -moz-border-radius: 0 0 10px 0px;
    }

    table.plansFeatures > tbody > tr:last-child > td.plansOneLineFeatures:last-child {
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
    }

.plans .planFeature p {
    line-height: 40px;
}

    .plans .planFeature p.check {
        color: #4C4542;
        font-size: 25px;
        margin: 0;
    }

    .plans .planFeature p.express {
        color: #4C4542;
        font-size: 20px;
        margin: 0;
        font-style: italic;
    }

    .plans .planFeature p.receiveronly {
        color: #4C4542;
        font-size: 20px;
        margin: 0;
        font-style: italic;
    }

    .plans .planFeature p.text {
        color: #4C4542;
        font-size: 12px;
        margin: 0;
    }


.ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
}

.ellipsisTwoLine {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
}

.promo img.veddeteImgShadow {
    -webkit-box-shadow: -13px 10px 50px -15px rgba(0,0,0,1);
    -moz-box-shadow: -13px 10px 50px -15px rgba(0,0,0,1);
    box-shadow: -13px 10px 50px -15px rgba(0,0,0,1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 250px !important;
}

img.centeredShadow, div.centeredShadow {
    -webkit-box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.75);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.top-radius-8 {
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.bottom-radius-8 {
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}


.top-radius-9 {
    -webkit-border-top-right-radius: 9px;
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topright: 9px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
}

.bottom-radius-9 {
    -webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
}


.top-radius-10 {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.bottom-radius-10 {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


.top-radius-11 {
    -webkit-border-top-right-radius: 11px;
    -webkit-border-top-left-radius: 11px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-topleft: 11px;
    border-top-right-radius: 11px;
    border-top-left-radius: 11px;
}

.bottom-radius-11 {
    -webkit-border-bottom-right-radius: 11px;
    -webkit-border-bottom-left-radius: 11px;
    -moz-border-radius-bottomright: 11px;
    -moz-border-radius-bottomleft: 11px;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
}

.webgrid-container tr .Information-Line {
    background-color: #F3E25B;
}

.webgrid-container tr.alt .Information-Line {
    background-color: #FFFF76;
}

#SectionTransactionActionButtons {
    margin: 0 auto;
    width: 700px;
    float: none;
    max-width: 100%;
}

.HalfTransactionForm {
    margin: 0 auto;
    width: 570px;
    max-width: 100%;
    float: none;
}

.AddGiftCardPaymentButton {
    position: absolute;
    margin-top: 0;
}

    .AddGiftCardPaymentButton a {
        background: url(/Content/images/btnmoreless.png) no-repeat center top;
        height: 38px;
        text-decoration: none;
        width: 32px;
        position: absolute;
        margin-top: 6px;
        margin-left: 4px;
    }

.GiftCardPayment-boite {
    padding: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0 !important;
}

.GiftCardPayment-liste {
    list-style: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
    width: 100%;
    max-width: 100%;
}

.deleteGiftCard, deleteGiftCard:focus {
    background: url(/Content/images/btndelete.png) no-repeat center !important;
    cursor: pointer;
    display: inline-block;
    margin: 6px 10px;
    margin-right: 0;
    height: 30px;
    width: 26px;
    float: right;
    margin: 5px 0 0 0 !important;
}

.editGiftCard, .editGiftCard:focus {
    background: url(/Content/images/edit_icon.png) no-repeat center !important;
    cursor: pointer;
    display: inline-block;
    margin: 6px 10px;
    margin-right: 0;
    height: 30px;
    width: 26px;
    margin: 5px 5px 0 0 !important;
}

.labelBold {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.Summary table.resultat {
    font-size: 16px;
    margin-top: 20px;
    width: 100%;
}

    .Summary table.resultat thead {
        background: #d0cdcc;
        color: #fff;
        font-size: 18px;
    }

        .Summary table.resultat thead th {
            background: url(/Content/images/separator-blanc.png) repeat-y right center;
        }

    .Summary table.resultat th {
        padding: 10px 15px;
        font-size: 12px;
        border: none;
        color: #fff;
    }

        .Summary table.resultat th a {
            color: #fff !important;
        }

    .Summary table.resultat td {
        padding: 10px 12px;
        font-size: 12px;
        border: none;
    }

        .Summary table.resultat td.nowrap, .Summary table.resultat th.nowrap {
            white-space: nowrap;
        }

        .Summary table.resultat td.small, .Summary table.resultat th.small {
            padding: 3px 5px;
        }

        .Summary table.resultat td.bold, .Summary table.resultat th.bold {
            font-weight: 700;
        }

        .Summary table.resultat td.underline a, .Summary table.resultat th.underline a {
            text-decoration: underline;
        }

        .Summary table.resultat td.left, .Summary table.resultat th.left {
            text-align: left;
        }

        .Summary table.resultat td.right, .Summary table.resultat th.right {
            text-align: right;
        }

        .Summary table.resultat td.center, .Summary table.resultat th.center {
            text-align: center;
        }

        .Summary table.resultat td.buttons {
            text-align: center;
        }

        .Summary table.resultat td.buttonheight {
            height: 54px;
        }

        .Summary table.resultat td.dashboardToApproveShowBtn {
            min-width: 50px !important;
            width: 50px !important;
        }

        .Summary table.resultat td.download {
            min-width: 70px;
        }

        .Summary table.resultat td.description {
            min-width: 180px;
        }

        .Summary table.resultat td.invoicenumber {
            width: 100px;
        }

        .Summary table.resultat td.subtotalcommision {
            width: 100px;
        }

        .Summary table.resultat td.dashedleft {
            border-left: dashed 1px;
        }

        .Summary table.resultat td a {
            color: #423834;
        }

        .Summary table.resultat td.NOTeven {
            background-color: #ffffff;
        }

        .Summary table.resultat td.NOPaddingTop {
            padding-top: 0 !important;
        }

        .Summary table.resultat td.WithBorderTop, .Summary table.resultat th.WithBorderTop {
            border-top: solid 2px #f3f2f2 !important;
        }

        .Summary table.resultat td.WithBorderBottomWhite, .Summary table.resultat th.WithBorderBottomWhite {
            border-bottom: solid 2px #ffffff !important;
        }

        .Summary table.resultat td.WithBorderBottom, .Summary table.resultat th.WithBorderBottom {
            border-bottom: solid 1px #f3f2f2 !important;
        }

.Summary .form {
    border: 1px solid #c39a19;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-right: 10px;
}

    .Summary .form .titre {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .Summary .form .label {
        font-size: 16px;
        font-weight: 700;
    }

    .Summary .form p.label {
        margin-bottom: 4px;
    }

    .Summary .form .chosen-container {
        margin-right: 10px;
        min-height: 32px;
    }

    .Summary .form input[type=text] {
        width: 100%;
    }

    .Summary .form input[type=submit], .manageEmailSenderBtnRefresh {
        background: url(/Content/images/btnrefresh.png) no-repeat right center;
        border: none;
        color: #f1be25;
        font-size: 16px;
        font-weight: 700;
        float: right;
        outline: none;
        margin-bottom: 10px;
        padding: 4px 0;
        padding-right: 28px;
    }

    .Summary .form a.printreport {
        background: url(/Content/images/pdf_download_icon.png) no-repeat right center;
        border: none;
        color: #f1be25;
        font-size: 16px;
        font-weight: 700;
        float: right;
        outline: none;
        margin-bottom: 10px;
        padding: 15px 0;
        padding-right: 28px;
    }

        .Summary .form a.printreport:hover, .Summary .form a.printreport:focus {
            text-decoration: none;
        }

    .Summary .form a.printreportexcel {
        background: url(/Content/images/excel_icon.png) no-repeat right center;
        border: none;
        color: #f1be25;
        font-size: 16px;
        font-weight: 700;
        float: right;
        outline: none;
        margin-bottom: 10px;
        padding: 15px 0;
        padding-right: 28px;
    }

        .Summary .form a.printreportexcel:hover, .Summary .form a.printreportexcel:focus {
            text-decoration: none;
        }

    .Summary .form a.generatepayments {
        background: url(/Content/images/pay_button.png) no-repeat right center;
        border: none;
        color: #f1be25;
        font-size: 16px;
        font-weight: 700;
        float: right;
        outline: none;
        margin-bottom: 10px;
        padding: 15px 0;
        padding-right: 28px;
    }

        .Summary .form a.generatepayments:hover, .Summary .form a.generatepayments:focus {
            text-decoration: none;
        }

    .Summary .form a.activateSelectedInvoices {
        background: url(/Content/images/activated_icon.png) no-repeat right center;
        border: none;
        color: #f1be25;
        font-size: 16px;
        font-weight: 700;
        float: right;
        outline: none;
        margin-bottom: 10px;
        padding: 15px 0;
        padding-right: 28px;
    }

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

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/Content/fonts/glyphicons-halflings-regular.eot);
    src: url(/Content/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/Content/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/Content/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-home {
    font-size: 18px;
    color: white;
    top: 2px;
    right: 8px;
}

    .glyphicon-home.active {
        color: #e0b43a;
    }

.glyphicon-home-link:hover .glyphicon-home {
    color: #e0b43a;
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

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

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #e0b43a !important;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary {
    color: #fff;
    background-color: #e0b43a;
    border-color: #e0b43a;
    line-height: initial;
    border: none;
    border-radius: 5px;
}

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

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

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

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

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

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

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

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

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

.open > a {
    outline: 0;
}

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

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

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

.collapse {
    display: none;
    visibility: hidden;
}

    .collapse.in {
        display: block;
        visibility: visible;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-tag {
    content: "\e041";
}

.searchField .bold {
    font-weight: bold;
}

.ModalcloseButton {
    position: absolute;
    margin: 0;
    top: -10px;
    right: -10px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    padding: 0;
    z-index: 10;
    opacity: 1;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.canselect, .LocationDetailsRow, .PartnerDetailsRow, .TransactionDetailsRow {
    -webkit-touch-callout: initial !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.ActionMenuButtons {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.ActionMenuButton {
    width: 50%;
    float: left;
}

    .ActionMenuButton:nth-child(odd) {
        text-align: right;
    }

    .ActionMenuButton:nth-child(even) {
        text-align: left;
    }

    .ActionMenuButton:last-child:nth-child(odd) {
        width: 100% !important;
        text-align: center;
    }

        .ActionMenuButton:last-child:nth-child(odd) a {
            max-width: 465px !important;
        }

    .ActionMenuButton p {
        padding: 5px;
        margin: 0;
    }


    .ActionMenuButton a {
        line-height: 55px !important;
        max-width: 227px !important;
        text-align: center;
    }

    .ActionMenuButton.refund a {
        max-width: 460px !important;
    }

.gras {
    font-weight: 700;
}

select {
    max-width: 100%;
}

.hidden {
    display: none;
}

.hiddenvalue {
    display: none;
}

#FeaturedEndDateLabel {
    margin-left: -12px;
}



.FEml::after {
    content: attr(data-dmn) "\002E" attr(data-dmnog);
}

.FEml::before {
    content: attr(data-usr) "\0040";
}

#CurrentRadiusKmRange {
    background: #423834;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 12px;
    text-align: center;
    display: inline-block;
    min-width: 116px !important;
}

.page-steps {
    padding-left: 0;
    list-style: none;
    font-size: 12px;
    line-height: 1;
    overflow: visible;
    border-radius: 3px;
    display: inline-flex;
    width: 100%;
}

    .page-steps strong {
        font-size: 15px;
        display: block;
        line-height: 1.4;
    }

    .page-steps > li {
        position: relative;
        display: block;
        float: left;
        padding: 12px 0px 8px 50px;
        width: 100%;
        height: 60px;
    }

    .page-steps .passed-step {
        color: #675F5B;
        background: #F2D159;
    }

    .page-steps .current-step {
        color: #423834;
        background: #F7C816;
    }

    .page-steps .future-step {
        color: #675F5B;
        background: #EBEBEB;
    }

    .page-steps li > span {
        white-space: nowrap;
    }

        .page-steps li > span:after,
        .page-steps li > span:before {
            content: "";
            display: block;
            width: 0px;
            height: 0px;
            position: absolute;
            top: 0;
            left: 0;
            border: solid transparent;
            border-left-color: #f0f0f0;
            border-width: 30px;
        }

        .page-steps li > span:after {
            top: -5px;
            z-index: 1;
            border-left-color: white;
            border-width: 34px;
        }

        .page-steps li > span:before {
            z-index: 2;
        }

    .page-steps li.passed-step + li > span:before {
        border-left-color: #F2D159;
    }

    .page-steps li.current-step + li > span:before {
        border-left-color: #F7C816;
    }

    .page-steps li.future-step + li > span:before {
        border-left-color: #EBEBEB;
    }

    .page-steps li:first-child > span:after,
    .page-steps li:first-child > span:before {
        display: none;
    }

    .page-steps li:last-child {
        width: 0px;
    }

        .page-steps li:first-child i,
        .page-steps li:last-child i {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            border: solid transparent;
            border-left-color: white;
            border-width: 30px;
        }

        .page-steps li:last-child i {
            left: auto;
            right: -30px;
            border-left-color: transparent;
            border-top-color: white;
            border-bottom-color: white;
        }

.card-button-ok {
    background: url(/Content/images/btnok-xl.png) no-repeat center;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0px;
    height: 80px;
    width: 67px;
}

.box-track ::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-left: 1px solid #c39a19;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.box-track ::-webkit-scrollbar-thumb:vertical {
    background: #b9b9b9;
    border-left: 1px solid #c39a19;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.box-track ::-webkit-scrollbar {
    width: 10px;
    height: 0px;
}


.modal .btn a {
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    position: relative;
    padding: 10px 10px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

    .modal .btn a.right {
        float: right;
    }

    .modal .btn a:hover {
        background-image: url(/Content/images/bgbtn-hover.png);
    }

    .modal .btn a.gris {
        background: url(/Content/images/bgbtngris.png) no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        min-width: 0;
        padding: 12px 16px 16px;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

        .modal .btn a.gris:hover {
            background-image: url(/Content/images/bgbtngris-hover.png);
        }

        .modal .btn a.gris strong {
            display: block;
        }

#emailValMessage a, #emailValMessageNumber {
    line-height: 0px !important;
}

.PromotionDescription {
    white-space: pre-line;
    text-align: justify;
    text-align-last: center;
    color: #FFF;
    font-size: 19px;
}

.FPLangueChoice a {
    background: url(/Content/images/pagination.png) no-repeat center top;
    color: #fff;
    display: inline-block;
    float: left;
    height: 37px;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    width: 32px;
}

    .FPLangueChoice a:hover, .FPLangueChoice a.current {
        background-position: center bottom;
        color: #423834;
    }

td > .promotion-title-featured {
    border-radius: 10px 0 0 10px;
    background: #d0cdcc;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
    vertical-align: top;
}

.img-card {
    height: 110px;
    width: 175px;
}


.card-viewer-details {
    height: 103px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.card-details {
    height: 80px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-top: 12px;
    padding-right: 10px;
    margin-top: 6px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

    .card-details .nom {
        margin-top: 0 !important;
    }

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

.promotionpartners ::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-left: 1px solid #c39a19;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -ms-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -ms-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.promotionpartners ::-webkit-scrollbar-thumb:vertical {
    background: #b9b9b9;
    border-left: 1px solid #c39a19;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -ms-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -ms-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.chosen-select {
    outline: none;
    display: none;
}

.chosen {
    outline: none;
    display: none;
}

.chosen-medium {
    outline: none;
    display: none;
}

.chosen-short {
    outline: none;
    display: none;
}

.min-width-120px {
    min-width: 120px;
}

.border-r10 {
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.min-width-100 {
    min-width: 100px;
}

.min-width-120 {
    min-width: 120px;
}

.min-width-150 {
    min-width: 150px;
}

.table-customheader {
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    background: #d0cdcc;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 10px;
    vertical-align: top;
}

.listepartenaire .locationswebgrid, .listepartenaire .promotionswebgrid {
    border-collapse: separate;
    padding: 0 !important;
    margin: 0 !important;
}

    .listepartenaire .locationswebgrid > tbody {
        min-height: 455px;
        display: block;
    }

    .listepartenaire .locationswebgrid .wg-paginate-layout td, .listepartenaire .promotionswebgrid .wg-paginate-layout td {
        padding: 0;
    }

        .listepartenaire .locationswebgrid .wg-paginate-layout td a, .listepartenaire .promotionswebgrid .wg-paginate-layout td a {
            margin: 0;
        }

    .listepartenaire .locationswebgrid .wg-page-next, .listepartenaire .locationswebgrid .wg-page-last,
    .listepartenaire .promotionswebgrid .wg-page-next, .listepartenaire .promotionswebgrid .wg-page-last {
        margin-left: 14px !important;
    }

    .listepartenaire .locationswebgrid .wg-page-prev, .listepartenaire .locationswebgrid .wg-page-first,
    .listepartenaire .promotionswebgrid .wg-page-prev, .listepartenaire .promotionswebgrid .wg-page-first {
        margin-right: 14px !important;
    }

    .listepartenaire .locationswebgrid .wg-paginate-layout, .listepartenaire .promotionswebgrid .wg-paginate-layout {
        margin-left: 450px !important;
    }

        .listepartenaire .locationswebgrid .wg-paginate-layout td, .listepartenaire .promotionswebgrid .wg-paginate-layout td {
            padding: 0;
        }

    .listepartenaire .locationswebgrid .webgrid-empty td, .listepartenaire .promotionswebgrid .webgrid-empty td {
        height: 540px;
        text-align: center !important;
        vertical-align: middle !important;
        -ms-border-radius: 10px 0 0 10px !important;
        border-radius: 10px 0 0 10px !important;
        border: 1px dashed lightgray !important;
        background: url(/Content/images/bgruche.png) no-repeat center top !important;
        background-position: center !important;
        -ms-background-size: cover !important;
        background-size: cover !important;
        width: 780px !important;
        color: #423834 !important;
    }

.listepartenaire .logocell {
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    vertical-align: middle;
    width: 80px;
    padding: 10px;
}

.listepartenaire .detailscell {
    font-size: 15px;
    padding: 10px;
    width: 550px;
}

    .listepartenaire .detailscell a:hover {
        display: block !important;
    }

.listepartenaire .additionaldetailscell {
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    width: 150px;
}

.listepartenaire .promotionswebgrid tr.alt {
    background-color: #FFF !important;
}

#managerPointsActionTitle {
    margin-top: 10px;
    font-weight: 600;
    font-size: large;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: absolute;
        top: 5px;
        right: 20px;
        padding: 10px 20px;
        color: inherit;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
        float: right;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

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

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

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

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

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

    .alert-danger .alert-link {
        color: #843534;
    }

.checkbox-disabled {
    opacity: 0.5;
}

.addpromocodeheader {
    display: inline-block;
    width: 310px;
    text-align: center;
    text-transform: uppercase;
}

.border-r5 {
    -ms-border-radius: 5px;
    border-radius: 5px;
}

div.text-with-tags-area {
    min-height: 130px;
    height: auto;
    line-height: 22px;
    border: 1px solid #c39a19;
    font-size: 14px;
    outline: none;
    padding: 4px 6px;
    resize: none;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    word-wrap: break-word;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tags-menu {
    padding-top: 5px;
    float: left;
}

span.description-tag {
    background: #FCF874;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 2px;
    line-height: 17px;
    padding-bottom: 3px;
    border: 1px solid #c39a19;
}

.includeDeleteSymbol::after {
    content: "x";
    padding: 0px 2px;
    font-weight: bold;
    cursor: pointer;
}

span.to-add-tag {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-tag {
    color: #423834 !important;
    background-image: none !important;
    background-color: #FCF874 !important;
    padding: 2px !important;
    text-transform: none !important;
    text-decoration: none !important;
    margin-left: 10px !important;
    font-size: 14px !important;
    margin: 2px;
    padding-left: 6px !important;
    z-index: 1;
    padding-right: 6px !important;
}

    .btn-tag:hover {
        background-color: #FFFC90 !important;
        background-image: none !important;
    }

[contentEditable=true]:empty:not(:focus):not(::selection):before {
    content: attr(data-text);
    color: darkgrey;
    display: block;
}

.AccountingReportNameCellWidth {
    width: 20% !important;
}

.PointsHistoryDateCellWidth {
    width: 15% !important;
}

#ui-datepicker-div {
    z-index: 5 !important;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

.default-modal .modal-header {
    text-align: center;
    color: #e0b43a;
}

.default-modal .modal-body {
    text-align: left;
}

    .default-modal .modal-body .btn {
        margin: 0px !important;
    }

        .default-modal .modal-body .btn a.submit {
            margin-bottom: 0px !important;
        }

.chart-legends-title h6 {
    margin: 5px 0 10px 0 !important;
    border-bottom: 1px solid #423834;
}

#dashboard-map .infoBox {
    width: 500px !important;
}

#dashboard-map {
    height: 300px;
    width: 100%;
}

.datepickerfull .date-picker input[type=text] {
    width: 100%;
}

.debug-bar {
    position: fixed;
    width: 100%;
    height: 25px;
    top: 0;
    color: white;
    text-align: center;
    background: #ff2d2d;
    z-index: 1000;
    padding-top: 2px;
}

.connectasprincipal-bar {
    position: fixed;
    width: 100%;
    height: 25px;
    top: 0;
    color: white;
    text-align: center;
    background: #f9d421;
    z-index: 1000;
    padding-top: 2px;
}

.home-cover {
    background: url(/Content/images/home-presentation-background-image.jpg) no-repeat center center;
    background-size: cover;
    opacity: 0.9;
    filter: alpha(opacity=90);
    background-attachment: scroll;
    padding: 220px 0 0;
}

.bordure-noir {
    width: 100%;
    height: 50px;
    background: -webkit-linear-gradient(top,rgba(273, 255, 241, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(137,255,241,0) 0%,rgba(0,0,0,1) 100%);
}

.title-enumeration-circle {
    width: 50px;
    height: 50px;
    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
    background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
    background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
    border-radius: 50%;
    text-align: center;
    text-align: center;
    line-height: 46px;
    display: inline-block;
}

.fixedMenuBar {
    top: 0 !important;
    z-index: 9999 !important;
    width: 100%;
}

.menuBar {
    position: static;
}

.blackBox {
    border: 1px solid #423834;
    font-size: 16px;
    outline: none;
    padding: 4px 6px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.testimonial, .testimonialWithQuotes {
    padding: 28px 25px 28px 25px;
    border-style: solid;
    border-width: 5px 1px 1px;
    margin: 15px 0;
    border-color: #eabc0e #b8b8b8 #b8b8b8;
}

.testimonial-text, .testimonialWithQuotes-text {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
}

    .testimonialWithQuotes-text:before {
        font-family: "source sans pro";
        color: #ccc;
        content: open-quote;
        font-size: 5em;
        line-height: 0em;
        margin-right: 0.1em;
        vertical-align: -0.4em;
        font-style: normal !important;
    }

    .testimonialWithQuotes-text:after {
        content: close-quote;
        visibility: hidden;
        font-style: normal !important;
    }

.title-Jaune {
    color: #eabc0e;
}

.testimonial-author {
    font-weight: 600;
    margin-top: 10px;
    width: 100%;
    text-align: right;
}

.testimonial-author-before {
    margin-right: 10px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.WordWrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.informations-box {
    border: 1px solid #c39a19;
    padding: 10px;
    margin: 0 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .informations-box .emphasize {
        margin-top: 0px;
    }

    .informations-box input {
        width: 100%;
    }

#isGiftDiv, #isToMyAccountDiv {
    overflow: visible;
    white-space: nowrap;
}

.informations-box-closed {
    display: none !important;
}

.basketWebGrid .result {
    display: inline-flex;
}

.basketWebGrid .partnerLogo, .basketWebGrid .partnerLogo img {
    width: 60px;
}

.basketWebGrid .partnerInfos {
    padding-left: 10px;
    padding-top: 5px;
}

.basketWebGrid .priceLabel {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.basketWebGrid .delete {
    margin: 0;
}

.basketAmount {
    width: 150px;
    text-align: center !important;
}

.basketDelete {
    width: 60px;
}

.claim-points form input[type=text] {
    width: 100%;
}


.model-state-errors {
    position: fixed;
    z-index: 1000;
    background: #FFF4C2;
    opacity: 0.5;
    padding: 10px;
    color: #423834;
}

    .model-state-errors:hover {
        opacity: 1;
    }

    .model-state-errors h3 {
        font-weight: bold;
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #423834;
        text-decoration: underline;
    }

    .model-state-errors p {
        font-weight: bold;
        color: #423834;
        margin: 0;
        margin-top: 5px;
        margin-left: 5px;
    }

    .model-state-errors ul {
        color: red;
        margin: 0;
        margin-top: 5px;
    }

        .model-state-errors ul:last-child {
            margin-bottom: 5px;
        }

#basketBody .logo {
    width: 50px;
}

.downloadProgressBar {
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #AAA;
    overflow: hidden;
}

    .downloadProgressBar div {
        background-image: url(/Content/images/downloadProgressBar.gif);
        border-right: 1px solid #AAA;
    }

.emailSenderProgressBar {
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #AAA;
    overflow: hidden;
}

    .emailSenderProgressBar div {
        background-image: url(/Content/images/downloadProgressBar.gif);
        border-right: 1px solid #AAA;
    }

.delayDelivery .informations-box input {
    width: initial;
}

.pointsalemessage textarea {
    border: 1px solid #c39a19;
    font-size: 14px;
    margin: 6px 0 0 0;
    padding: 4px 6px;
    outline: none;
    resize: none;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.pointsalemessage .informations-box {
    padding-bottom: 6px;
}

.hex-dollar {
    background-color: #423834 !important;
}

    .hex-dollar:before {
        border-bottom-color: #423834 !important;
    }

    .hex-dollar:after {
        border-top-color: #423834 !important;
    }

    .hex-dollar:hover {
        background-color: #e0b43a !important;
    }

        .hex-dollar:hover:before {
            border-bottom-color: #e0b43a !important;
        }

        .hex-dollar:hover:after {
            border-top-color: #e0b43a !important;
        }


/* Dashboard rows that carry an open / copy to clipboard pair. The icons are 30px tall
   against a 20px line box: floated, they overflowed the h5 and the clearing div added
   the whole gap below the label, which then sat above the middle of its band. Laying
   the row out as a flex line centres the label and the icons together, so the row reads
   like the bank balance one right beside it. */
div.dashboard h5.linkrow {
    align-items: center;
    display: flex;
    min-height: 30px;
}

    div.dashboard h5.linkrow .linkrow-actions {
        flex-shrink: 0;
        margin-left: auto;
        white-space: nowrap;
    }

        div.dashboard h5.linkrow .linkrow-actions img {
            cursor: pointer;
            margin-left: 5px;
        }


div.dashboard .section h5.sectiontitle {
    background: url(/Content/images/triangle-jaune.png) no-repeat 4px 8px;
    cursor: pointer;
    padding-left: 30px;
}

div.dashboard .section.open h5.sectiontitle {
    background-image: url(/Content/images/triangle-jaune-open.png);
}

div.dashboard div.sectiondetails {
    display: none;
}

.choose-gift-card, .choose-card {
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
    display: inline-block;
    height: 125px;
    padding: 10px;
    width: 200px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    -moz-box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    box-shadow: 0 0 21px 0 rgba(66,56,52,0.5);
    cursor: pointer;
    margin: 20px;
}

    .choose-gift-card.checked, .choose-card.checked {
        border: 2px solid #6b6bff;
    }

#choose-cards {
    display: block;
}

.CriticalColor {
    white-space: nowrap;
}

.boite ::-webkit-scrollbar-track-piece {
    background-color: unset;
    border-left: 1px solid #c39a19;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -ms-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -ms-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.boite ::-webkit-scrollbar-thumb:vertical {
    background: #b9b9b9;
    border-left: 1px solid #c39a19;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -ms-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -ms-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.Layout_hide .coindroit,
.Layout_hide header,
.Layout_hide nav,
.Layout_hide .buzz,
.Layout_hide footer {
    display: none;
}

p.poweredby {
    text-align: center;
    font-style: italic;
}

.Layout_hide .content {
    padding-bottom: 0px;
}

.Layout_hide .contentMarginTop {
    padding-top: 30px;
}


.emailSenderSectionTitle {
    font-size: 20px !important;
    line-height: 1em;
    font-weight: 400;
    margin: 16px 0;
    text-transform: uppercase;
}

.emailSenderSectionSymbol {
    background: url(/Content/images/triangle-jaune.png) no-repeat 4px 12px;
    cursor: pointer;
    padding-left: 30px !important;
    font-size: 20px !important;
    line-height: 1em;
}

.emailSenderSection.open span.emailSenderSectionSymbol {
    background-image: url(/Content/images/triangle-jaune-open.png);
}

.emailSenderSectionDetails {
    display: none;
}

.emailSenderSubSectionSymbol {
    background: url(/Content/images/triangle-jaune.png) no-repeat 4px 12px;
    cursor: pointer;
    padding-left: 30px !important;
    font-size: 20px !important;
    line-height: 1em;
}

.emailSenderSubSection.open span.emailSenderSubSectionSymbol {
    background-image: url(/Content/images/triangle-jaune-open.png);
}

.emailSenderSubSectionDetails {
    display: none;
}

.emailSenderCancelUploadFiles {
    border: none;
    background: none;
    color: #868686;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    outline: none;
    padding-left: 25px;
}

#EmailSenderForm #SendingHour_chosen {
    width: 112px !important;
}

.break-all {
    word-break: break-all;
}

.bootstrap-datetimepicker-widget li {
    background: none !important;
}

.ess .WebActionLimit {
    width: 100px !important;
    margin-right: 10px;
}

.ess .WebActionDaysNumber {
    color: #fcc411;
    font-size: 18px;
}

.ess .WebActionMaximumBudget {
    color: #fcc411;
    float: right;
    font-size: 20px;
}

#carouselPOS .item {
    height: 115px;
}

ul.planFeature {
    list-style: none;
}

    ul.planFeature li:before {
        content: '✓';
        font-weight: bold;
    }

img.NewFreedomPrice {
    width: 152px;
    position: absolute;
    transform: rotate(-30deg);
    left: 984px;
    margin-top: -20px;
}

.cost-table {
    width: 100%;
    border-collapse: collapse;
}

    .cost-table, .cost-table td, .cost-table th {
        border: 1.5px solid black;
    }

        .cost-table td, .cost-table th {
            padding: 7px 10px;
            text-align: center;
        }

.cost-table-grand-total {
    font-weight: bold;
    text-align: right !important;
}

header .barcodescan {
    background: url(/Content/images/separator-blanc.png) repeat-y left center;
    float: right;
    margin-top: 30px;
    width: 420px;
}

    header .barcodescan p {
        margin: 0;
    }

    header .barcodescan a {
        padding: 16px 20px;
    }

        header .barcodescan a:hover {
            opacity: 0.9;
        }

        header .barcodescan a img {
            padding-top: 30px;
            padding-bottom: 10px;
            background-color: white;
            border-radius: 15px;
            box-shadow: 0 0 21px 0 rgba(66,56,52,.5);
        }

.barcodeModal {
    height: 150px;
    width: 400px;
    margin-left: 80px;
    margin-top: 30px;
}

.edit-card-image-link {
    position: absolute;
    display: none;
    top: 0;
    left: 0px;
    height: 35px;
    width: 100%;
    text-align: right;
    padding-top: 5px;
    padding-right: 11px;
    padding-left: 11px;
    background: rgba(255,255,255,.8);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

    .edit-card-image-link a {
        color: #423834 !important;
        font-weight: bold;
        text-decoration: underline;
    }

.carte:hover .edit-card-image-link {
    display: unset;
}


.complete-profile-bar {
    color: white;
    text-align: center;
    height: 35px;
    background: #FF0000;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: -10px;
}

    .complete-profile-bar:hover {
        text-decoration: underline;
    }

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.cancel-upload-file {
    border: none;
    background: none;
    color: #868686;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    outline: none;
    padding-left: 25px;
}

#promotion-progress-div {
    position: relative;
    display: inline-block;
}

.promotion-progress-box {
    border: 1px solid #c39a19;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 10px;
}

    .promotion-progress-box a, .promotion-progress-box a:hover,
    .promotion-progress-box a:active, .promotion-progress-box a:visited {
        color: #423834;
        text-decoration: none;
    }

    .promotion-progress-box img {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        position: absolute;
        vertical-align: middle;
    }

    .promotion-progress-box .infos {
        margin-left: 50px;
        min-height: 63.2px;
    }

    .promotion-progress-box .titre {
        font-weight: 700;
        text-transform: uppercase;
    }

    .promotion-progress-box .description {
        word-break: break-word;
    }

.locations-distances ul {
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}

.invoice-applied-discount-box {
    background: #F6F6F6;
    border: 2px solid #999999;
    border-radius: 15px;
    width: 100%;
    display: block;
    padding: 10px 20px;
}

    .invoice-applied-discount-box .delete-discount {
        float: right;
        margin-top: -4px;
        cursor: pointer;
    }

.invoice-apply-discount-box {
}

#freebees-credit-discount-amount {
    width: auto;
    float: left;
}

#add-additional-gift-card {
    margin: 10px 0 !important;
}

.additional-gift-card-box {
    padding: 0;
}

.additional-gift-card-number {
    line-height: 32px;
}

.additional-gift-card {
    font-weight: bold;
    font-size: 20px;
    padding: 5px 10px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 15px;
}

    .additional-gift-card:nth-child(even) {
        background: #f3f2f2;
    }

.additional-gift-card-remove {
    float: left;
}

.additional-gift-card-remove {
    float: right;
}

.image-cropper-preview-box {
    border: 1px solid #c39a19;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
}

.image-cropper-instructions {
    margin-top: 10px;
    margin-bottom: 10px;
}

.image-cropper-validation .field-validation-error {
    text-align: center;
    margin-bottom: 10px;
}

.image-cropper-modal p {
    margin-top: 0px;
}

.image-cropper-modal button.btn {
    border: none;
    background: url(/Content/images/bgbtn.png) no-repeat center;
    background-size: 100% 100%;
    color: #423834;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    outline: none;
    position: relative;
    padding: 10px 16px 14px;
    text-decoration: none;
    text-transform: uppercase;
}

.image-cropper-modal button.close {
    border: none;
    background: none;
    color: #868686;
    font-size: 14px;
    font-weight: 700;
    outline: none;
}

.image-cropper-modal-preview {
    margin-left: auto;
    margin-right: auto;
}

.image-cropper-upload-button {
    min-width: 0;
}

    .image-cropper-upload-button input[type="file"] {
        position: absolute;
        left: 0;
        width: 100%;
        max-width: 100%;
        top: 0;
        height: 42px;
        opacity: 0;
    }

.image-cropper-loader {
    z-index: 2011;
    position: absolute;
    padding: 5px;
    margin: 0;
    width: auto;
    text-align: left;
    color: rgb(255, 255, 255);
    border: none;
    cursor: default;
    -ms-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -ms-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -ms-opacity: 0.5;
    opacity: 0.5;
    background-color: rgb(0, 0, 0);
}

.image-cropper-box .image-cropper-loader {
    display: none;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
    left: 36%;
    top: 42%;
    z-index: 300;
}

.image-cropper-img-container {
    overflow: hidden;
}

.image-cropper-img-preview {
    max-width: 100%;
    display: none;
}

.image-cropper-nav-button {
    cursor: pointer;
}

.prepaid-card-message {
    border: 1px solid #c39a19;
    font-size: 14px;
    outline: none;
    padding: 4px 6px;
    resize: none;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.home_business_cover:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.4;
    background-image: url(/Content/images/business_slide.png);
    background-repeat: no-repeat;
    background-position: 100% 30%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.home_business_cover {
    position: relative;
    overflow: hidden;
    padding: 100px 0 180px 0;
}

    .home_business_cover .increase_your_turnover {
        padding-left: 50px;
        padding-top: 57px;
        font-size: 82px;
        font-weight: 700;
        font-style: italic;
    }

    .home_business_cover .loyalty_giftcard_and_more {
        padding-left: 50px;
        font-size: 40px;
        font-weight: 700;
        font-style: italic;
        padding-top: 15px;
    }

    .home_business_cover .contact_us_to_learn_more {
        padding-left: 50px;
        font-size: 30px;
        font-weight: 700;
        font-style: italic;
        padding-top: 20px;
    }

    .home_business_cover .demo_button {
        padding-left: 42px;
        background: none;
        width: 450px !important;
        min-width: 450px !important;
        max-width: 450px !important;
        padding-top: 20px;
    }

        .home_business_cover .demo_button a.btn {
            background: url(/Content/images/bgbtnhead.png) no-repeat center;
            background-size: 100% 100%;
            color: #423834;
            display: block;
            font-size: 30px;
            font-weight: 300;
            line-height: 24px;
            position: relative;
            padding: 40px 20px;
            padding-left: 115px;
            text-decoration: none;
            text-transform: uppercase;
        }

            .home_business_cover .demo_button a.btn:hover {
                background-image: url(/Content/images/bgbtnhead-hover.png);
            }

            .home_business_cover .demo_button a.btn strong {
                display: block;
                background: url(/Content/images/dotted.png) repeat-x center bottom;
                padding-bottom: 4px;
                font-size: 30px;
            }

            .home_business_cover .demo_button a.btn img {
                position: absolute;
                left: 25px;
                top: 30px;
                width: 65px;
            }


.freebeesforbusinesstitle {
    text-transform: none;
    font-style: italic;
}

.image-cartes {
    padding: 20px;
    left: -80px;
}

    .image-cartes.cartes-cadeaux {
        left: -40px;
        top: -100px;
    }

    .image-cartes > img {
        width: 100%;
        border-radius: 5%;
        box-shadow: 0 0 21px 0 rgba(66,56,52,.5);
    }

.money_vs_discount_calculator input {
    text-align: right;
}

.money_vs_discount_calculator img {
    width: 50px;
}


#calculator_result > thead, #calculator_result > tfoot {
    background-color: #fff6da;
}

    #calculator_result > thead > tr > td, #calculator_result > tfoot > tr > td {
        width: 50%;
        border: 1px solid #b8b8b8;
        border-top: none;
        border-bottom: none;
    }

#calculator_result > tbody > tr > td {
    width: 50%;
    border: 1px solid #b8b8b8;
    border-left: none;
}

.new_payment_method table {
    border-collapse: separate;
    margin-bottom: 30px;
    text-align: center;
}

    .new_payment_method table > thead > tr {
        background-color: #f3f2f2;
    }


        .new_payment_method table > thead > tr > td {
            font-size: 25px;
            font-weight: 600;
            padding: 15px;
            border: 1px solid #999;
            border-right: none;
            border-bottom: none;
        }

            .new_payment_method table > thead > tr > td:first-child {
                width: 40%;
            }

            .new_payment_method table > thead > tr > td:first-child {
                border-radius: 10px 0 0 0 !important;
                -webkit-border-radius: 10px 0 0 0 !important;
                -moz-border-radius: 10px 0 0 0 !important;
            }

            .new_payment_method table > thead > tr > td:last-child {
                border-radius: 0 10px 0 0 !important;
                -webkit-border-radius: 0 10px 0 0 !important;
                -moz-border-radius: 0 10px 0 0 !important;
                border-right: 1px solid #999;
            }

    .new_payment_method table > tbody > tr {
        border-right: 1px solid #999;
    }

        .new_payment_method table > tbody > tr > td {
            width: 15%;
        }

        .new_payment_method table > tbody > tr:nth-child(even) {
            background-color: #f3f2f2;
        }

        .new_payment_method table > tbody > tr:last-child {
            background-color: #fff6da;
        }

            .new_payment_method table > tbody > tr:last-child img {
                width: 150px;
            }

            .new_payment_method table > tbody > tr:last-child > td {
                border-bottom: 1px solid #999;
            }

                .new_payment_method table > tbody > tr:last-child > td:first-child {
                    border-radius: 0 0 0 10px !important;
                    -webkit-border-radius: 0 0 0 10px !important;
                    -moz-border-radius: 0 0 0 10px !important;
                }

                .new_payment_method table > tbody > tr:last-child > td:last-child {
                    border-radius: 0 0 10px 0 !important;
                    -webkit-border-radius: 0 0 10px 0 !important;
                    -moz-border-radius: 0 0 10px 0 !important;
                }

        .new_payment_method table > tbody > tr > td {
            padding: 10px;
            font-weight: 700;
            border: 1px solid #999;
            border-right: none;
            border-bottom: none;
        }

            .new_payment_method table > tbody > tr > td:first-child {
                padding-top: 15px;
            }

            .new_payment_method table > tbody > tr > td:last-child {
                border-right: 1px solid #999;
            }

            .new_payment_method table > tbody > tr > td .check {
                color: #4C4542;
                font-size: 25px;
                margin: 0;
            }

                .new_payment_method table > tbody > tr > td .check.checked {
                    color: #44af39;
                }

                .new_payment_method table > tbody > tr > td .check.unchecked {
                    color: #ff0000;
                    font-size: 15px;
                }

                .new_payment_method table > tbody > tr > td .check.text {
                    font-size: 20px;
                }

.home_business_features {
    margin-top: 50px;
}

    .home_business_features img {
        width: 50%;
    }

        .home_business_features img.recovery_page {
            width: auto;
            height: 100px;
        }

.becoming-freebees-partner-step {
    width: 20%;
    display: block;
    float: left;
}

    .becoming-freebees-partner-step .step-number {
        background-image: url(/Content/images/bgservice.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 65%;
        margin: 10px;
        padding-left: 50px;
        padding-right: 51px;
        text-align: center;
        color: #ffffff;
        font-size: 100px;
        font-weight: 700;
        padding-bottom: 25px;
    }

    .becoming-freebees-partner-step .step-text {
        margin: 10px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

#TopPagebutton {
    display: inline-block;
    background-color: #423834;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    margin: 30px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
}

    #TopPagebutton.show {
        opacity: .5;
        visibility: visible;
    }

    #TopPagebutton:hover {
        cursor: pointer;
        background-color: #333;
    }

    #TopPagebutton:active {
        background-color: #555;
    }

    #TopPagebutton::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
    }

.hidden-wh {
    width: 1px !important;
    height: 1px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#CardImageCropper-image-cropper-preview-box {
    border: none !important;
}

.customerPrivilegeView {
    margin: auto;
    width: 455px;
}

    .customerPrivilegeView p {
        background: #423834;
        color: #fcd505;
        border-radius: 20px;
        text-align: center;
        margin: 0;
        padding: 5px;
    }

textarea.block {
    margin: 9px 0;
}

.date-picker-block {
    display: block;
}

span.field-icon {
    width: 29px;
    height: 29px;
    float: right;
    position: relative;
    z-index: 2;
    top: -30px;
    cursor: pointer;
}

p.bonus-description {
    color: red;
    font-weight: 500;
}

div.bonus-description p {
    color: red;
    font-weight: 500;
}

#pointsDiv.border-right-grey {
    border-right: 1px solid #d0cdcc;
    margin-right: -1px;
}

#informationsDiv.border-left-grey {
    border-left: 1px solid #d0cdcc;
}

#CouponCodesForm .showmore {
    display: block;
    width: 100%;
    height: 54px;
    overflow: hidden;
    margin-top: 10px;
    padding: 0;
}

    #CouponCodesForm .showmore a {
        padding: 10px;
        display: block;
        font-weight: bold;
        background: #F4E558;
        color: #333;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        width: 100%;
        text-align: center;
        text-decoration: none;
    }

#CouponCodesForm .nomore {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    font-weight: bold;
    color: #333;
    text-align: center;
    text-decoration: none;
}

#CouponCodesForm .nocoupons {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    font-weight: bold;
    color: #333;
    text-align: center;
    text-decoration: none;
}

#CouponCodeReader {
    margin-top: 5px;
}

.coupon {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    cursor: pointer;
}

    .coupon::before {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 50%;
        top: 25px;
        left: -40px;
        border: 1px solid #c39a19;
        z-index: 1;
    }

    .coupon::after {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 50%;
        top: 25px;
        right: -40px;
        border: 1px solid #c39a19;
        z-index: 1;
    }

.coupon-inner {
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #c39a19;
}

.coupon-left {
    float: left;
    width: 100px;
    height: 100px;
    border-right: 1px dotted #c39a19;
    padding: 15px;
}

    .coupon-left > img {
        width: 70px;
    }

.coupon-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: right;
    width: 255px;
    height: 100px;
    padding: 5px 15px;
}

    .coupon-right .partnerName {
        width: 100%;
        margin: 0;
        color: #f1be25;
        font-size: 12px;
        font-weight: bold;
        -webkit-line-clamp: 1;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .coupon-right .title {
        width: 100%;
        margin: 5px 0;
        font-size: 12px;
        font-weight: bold;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .coupon-right .validity {
        width: 100%;
        margin: 0;
        font-size: 12px;
    }

    .coupon-right .details {
        width: 100%;
        margin: 0;
        font-size: 10px;
    }

.coupon-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #c39a19;
}

    .coupon-details::before {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 50%;
        bottom: 25px;
        left: -40px;
        border: 1px solid #c39a19;
        z-index: 1;
    }

    .coupon-details::after {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 50%;
        bottom: 25px;
        right: -40px;
        border: 1px solid #c39a19;
        z-index: 1;
    }

.coupon-details-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: right;
    width: 100%;
    padding: 15px;
}

    .coupon-details-content .partner {
        width: 100%;
    }

        .coupon-details-content .partner img {
            margin: 15px;
            width: 60px;
        }

        .coupon-details-content .partner .partnerName {
            width: 100%;
            margin: 0;
            color: #f1be25;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
        }

    .coupon-details-content .title {
        width: 100%;
        margin: 15px 0 0 0;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }

    .coupon-details-content .validity {
        width: 100%;
        margin: 15px 0 0 0;
        font-size: 12px;
        text-align: center;
    }

    .coupon-details-content .locations {
        color: #000;
        margin: 15px 0 0 0;
        font-size: 12px;
        text-align: center;
    }

    .coupon-details-content .description {
        width: 100%;
        margin: 15px 0 0 0;
        font-size: 16px;
        text-align: center;
    }

    .coupon-details-content .details {
        width: 100%;
        margin: 15px 0 0 0;
        font-size: 12px;
        text-align: center;
    }

.coupon-details-footer {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 100%;
    border-top: 1px dotted #c39a19;
}

    .coupon-details-footer img {
        width: 100%;
        height: 80px;
        margin-top: 15px;
    }

.showWebGridHeader thead {
    display: table-header-group !important;
}

.date-picker-w-100 {
    max-width: 100%;
    width: 100%;
}

.date-picker-w-100 input {
    max-width: 100%;
    width: 100%;
}

#PrepaidCardsPrintInstructionsLabel {
    font-size: 14px;
}

/* Member sign-in reCAPTCHA in the legacy layout (Views/Shared/_MemberLogInReCaptcha.cshtml,
   Content/js/memberReCaptcha.js). Google's widget is a fixed 304 x 78 iframe. It is shown at its
   own size (scale 1): a scaled iframe is resampled, which blurs and squashes its text. The
   placeholder is empty until the visitor starts using the form. */

/* Top-bar drop-down (_HeaderAccountLogin). The panel is widened so the full-size widget fits: the
   inputs go from 200px to 254px, and the widget spans under the inputs and the OK button (the
   negative right margin lets it use the 60px right padding that holds the button, without
   widening the panel further). The panel opens leftwards from the right edge of "Ouvrir une
   session", so the wider panel never runs past the right edge of a 1170px page. */
.coindroit .login form#logInForm {
    left: auto;
    right: 0;
}

    .coindroit .login form#logInForm input[type=text], .coindroit .login form#logInForm input[type=password] {
        width: 254px;
    }

.coindroit .login form .member-recaptcha.member-recaptcha-rendered {
    width: 304px;
    height: 78px;
    margin: 8px -50px 6px 0;
}

nav.mini {
    height: 41px;
    text-align: right;
}

/* ReSharper disable All */

    nav.mini ul {
        margin-top: 0;
        margin-bottom: 0;
    }

    nav.mini > ul.container {
        padding:0 !important;
    }

    nav.mini ul li {
        display: inline-block;
        position: relative;
        float: left;
        text-align: center;
    }

    nav.mini > ul > li {
        padding-bottom: 0;
        width: auto !important;
    }

        nav.mini > ul > li > a {
            
            background: url(/Content/images/separator.png) repeat-y left center;
            color: #fff;
            display: inline-block;
            font-weight: normal;
            font-size: 16px;
            height: auto !important;
            line-height: 40px;
            text-transform: none;
            text-decoration: none;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }

            nav.mini > ul > li > a:hover, nav.mini > ul > li.haschild:hover > a {
                color: #fffe41;
                text-decoration: none;
            }

    nav.mini ul li a.active {
        color: #e0b43a;
    }

    nav.mini ul li a strong {
        display: inline-block;
        font-weight: normal;
        text-transform: none;
    }

    nav.mini ul li.haschild > a > strong:after {
        background: url(/Content/images/flechehaschild.png) no-repeat center;
        content: ' ';
        display: inline-block;
        height: 14px;
        padding-right: 10px;
        margin-left:5px;
    }

    nav.mini ul li.haschild > a:hover > strong:after, nav.mini ul li.haschild:hover > a > strong:after {
        background: url(/Content/images/flechehaschild-hover.png) no-repeat center;
    }

    nav.mini ul li ul.child {
        position: absolute;
        display: none;
        top: 100%;
        background: #edc22c;
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        min-width: 100%;
        z-index: 101;
        -webkit-border-bottom-right-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }

        nav.mini ul li ul.child li {
            background: url(/Content/images/separator-horizontal.png) repeat-x center bottom;
            display: block;
            float: none;
            text-align: left;
            padding-bottom: 1px;
            white-space: nowrap;
        }

            nav.mini ul li ul.child li.separatorfull {
                background: url(/Content/images/separator-horizontal-full.png) repeat-x center bottom;
            }

            nav.mini ul li ul.child li.last {
                background: none;
                padding-bottom: 0;
            }

            nav.mini ul li ul.child li a {
                color: #423834;
                display: block;
                font-size: 16px;
                line-height: 25px;
                margin-left: -10px;
                margin-right: -10px;
                padding: 6px 10px;
                text-transform: none;
                text-decoration: none;
                font-weight: 500;
            }

                nav.mini ul li ul.child li a:hover {
                    background: #ffff3f;
                }

            nav.mini ul li ul.child li.last a {
                -webkit-border-bottom-right-radius: 8px;
                -webkit-border-bottom-left-radius: 8px;
                -moz-border-radius-bottomright: 8px;
                -moz-border-radius-bottomleft: 8px;
                border-bottom-right-radius: 8px;
                border-bottom-left-radius: 8px;
            }

    nav.mini > ul > li.first a {
        background: none;
    }
html {
    background-color: #655a56;
}

    html.hosted {
        background-color: #fff;
    }

html, body {
    margin: 0;
    padding: 0;
    height: auto;
}

/* ReSharper disable All */

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

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

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

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

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

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

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

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

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

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

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

        .col-sm-6.cash-register-next {
            float: right;
            clear: none;
            width: 50%;
        }

        .col-sm-6.cash-register-previous {
            clear: none;
        }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


@media (max-width: 768px) {
    .modal-dialog.GiftCard {
        margin: 0;
    }

    .modal-body.GiftCard {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    #Error .modal-dialog {
        width: 420px;
        text-align: center;
        font-size: 16px;
    }

    #CheckPassword .modal-dialog {
        width: 420px;
        font-size: 16px;
    }

    #Confirmation .modal-dialog {
        width: 420px;
        font-size: 16px;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 2dppx) {
    .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
        background-image: url(/Content/images/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

@media (min-width: 768px) {
    .cropper-container .point-se {
        width: 15px;
        height: 15px;
    }
}

@media (min-width: 992px) {
    .cropper-container .point-se {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .cropper-container .point-se {
        width: 5px;
        height: 5px;
        filter: alpha(opacity=75);
        opacity: .75;
    }
}

@media (max-width: 440px) {


    .ReplaceCardArrow:before {
        content: '\21E9';
        font-size: 70px;
        padding-top: 10px;
    }

    .carte form button, .carteform button {
        right: 0;
    }

    .cartePhone p.point strong {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    header .carte {
        position: relative;
        top: auto;
        float: left;
        display: inline-block;
        margin: 10px 0;
        margin-left: auto;
        margin-right: auto;
    }

    .cartePhone {
        top: auto;
        float: left;
        display: inline-block;
        margin: 10px 0;
        margin-left: auto;
        margin-right: auto;
    }

    .carteform {
        top: auto;
        float: left;
        display: inline-block;
        margin: 10px 0;
        margin-left: auto;
        margin-right: auto;
    }

    .ReplaceCardArrow:before {
        content: '';
        font-size: 0px;
        padding-top: 0px;
    }
}

@media (max-width: 767px) {

    header.agent div.Partner {
        width: 100%;
    }

    .ReplaceCardArrow:before {
        content: '\21E9';
        font-size: 70px;
        padding-top: 10px;
    }

    form.search input[type=text] {
        display: none;
    }

    form.search input[type=submit] {
        position: relative;
        top: auto;
        right: auto;
    }

    header {
        text-align: center;
    }

        header.agent {
            text-align: left;
        }

        header .carte {
            float: none;
            text-align: left;
        }

    .cartePhone {
        float: none;
        text-align: left;
    }

    .carteform {
        float: none;
        text-align: left;
    }

    header .btn {
        display: none;
        background: none;
        float: none;
        margin-top: 0;
        padding-left: 0;
        width: 100%;
    }

        header .btn a {
            display: inline-block;
            text-align: left;
            width: 260px;
        }
}

@media (max-width: 520px) {
    .coindroit {
        height: auto;
        min-height: 36px;
    }

    header.centreRepresentative p.nom {
        bottom: 20px;
        left: 100px;
    }

    header.centreRepresentative #logo-ruche {
        margin-top: 62px;
        margin-bottom: 24px;
    }

        header.centreRepresentative #logo-ruche img {
            width: 76px;
        }
}

@media (max-width: 440px) {
    header .carte {
        background-position: center top;
        background-size: 100% auto;
        height: 146px;
        width: 260px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
    }

    .ReplaceCard .cartePhone {
        text-align: left;
        display: inline-block;
        top: -24px;
        background: url(/Content/images/imageamartphonecard.png) no-repeat center;
        background-size: 100% auto;
        height: 156px;
        padding: 10px;
        width: 277px;
    }

    .ReplaceCard .carteform {
        background-position: center top;
        background-size: 100% auto;
        height: 146px;
        width: 260px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
    }

    .cartePhone p {
        line-height: 1em;
        margin: 0;
        padding: 0 42px;
    }

    #logo {
        height: 68px;
        margin-bottom: 0;
    }

    #logophone {
        height: 68px;
        margin-bottom: 0;
    }

    #logophone {
        display: inline-block;
        height: 66px;
        margin-bottom: 6px;
        width: 100%;
        padding: 0 45px;
        padding-top: 20px;
        text-align: left;
    }

    .carte form, .carteform {
        padding-left: 0;
        padding-right: 46px;
    }

        .carte form input[type=text], .carte form input[type=password], .carteform input[type=text], .carteform input[type=password] {
            max-width: 100%;
            font-size: 12px;
            margin: 2px 0 0;
            padding: 1px 2px;
        }

        .carte form input[type=submit], .carteform input[type=submit] {
            right: 0;
        }

    .cartePhone p.nom {
        font-size: 12px;
        font-weight: 300;
        line-height: 24px;
        margin-top: 0px;
        text-transform: uppercase;
        padding: 0 43px;
    }

    .carte form p, .carteform p {
        font-size: 12px;
    }

    .carte p.nom {
        margin-top: 6px;
    }

    .carteform p.nom {
        font-size: 12px;
        font-weight: 300;
        line-height: 24px;
        margin-top: 0px;
        text-transform: uppercase;
    }
}

@media (min-width: 767px) {
    nav ul li.haschild:hover ul.child {
        display: block;
    }
}

@media (min-width: 992px) {

    nav > ul > li.first.haschild {
        width: 11%;
    }

    nav > ul > li.Home {
        width: 11%;
    }

    nav > ul > li.accumuler, nav > ul > li.appmobile {
        width: 13%;
    }

    nav > ul > li.recherche {
        width: 13%;
    }

    nav > ul > li.emplacement {
        width: 14%;
    }

        nav > ul > li.emplacement a {
            background: none;
        }

    nav > ul > li.employes, nav > ul > li.point {
        width: 11%;
    }

    nav > ul > li.promotion {
        width: 13%;
    }

    nav > ul > li.haschild {
        width: 13%;
    }

    nav > ul > li.contact, nav > ul > li.about, nav > ul > li.last {
        width: 10%;
    }
}

@media (max-width: 991px) AND (min-width: 768px) {
    nav > ul {
        background: url(/Content/images/separator-horizontal-blanc.png) repeat-x center;
        background-position: 0 55px;
    }

        nav > ul > li {
            width: 25%;
        }

            nav > ul > li.Fifth > a {
                background: none;
            }

            nav > ul > li.haschild, nav > ul > li.contact, nav > ul > li.about, nav > ul > li.last {
            }
}

@media (max-width: 767px) {
    nav > ul {
        display: none;
        background: url(/Content/images/separator-horizontal-blanc.png) repeat-x center top;
    }

        nav > ul.open {
            display: block;
        }

        nav > ul > li {
            padding: 6px 10px;
            text-align: left;
        }

            nav > ul > li > a {
                background: none;
                height: auto;
                margin: 6px 0;
            }

    nav ul li a strong {
        display: inline-block;
    }

    nav ul li ul.child {
        margin-top: 6px;
        position: relative;
        top: auto;
        -webkit-border-top-right-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topright: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }
}

@media (max-width: 767px) {
    #banniere {
        display: none;
    }
}

@media (max-width: 992px) {
    #content .btn a.right {
        float: none;
    }
}

@media (max-width: 640px) {
    #content .btn a {
        min-width: 0;
    }
}

@media (min-width: 768px) {
    .boitecarte {
        float: right;
    }
}

@media (max-width: 767px) {
    .btnxl a .tooltip {
        position: static;
    }

        .btnxl a .tooltip .tooltext {
            right: 0;
            left: 0;
            bottom: 100%;
            width: auto;
        }

            .btnxl a .tooltip .tooltext .triangle {
                left: 50%;
                margin-left: -16px;
            }
}

@media (max-width: 767px) {
    .emphasize .tooltip {
        position: static;
    }

        .emphasize .tooltip .tooltext {
            right: 0;
            left: 0;
            bottom: 100%;
            width: auto;
        }

            .emphasize .tooltip .tooltext .triangle {
                left: 50%;
                margin-left: -16px;
            }
}

@media (max-width: 767px) {
    .searchpartenaire {
        left: 0;
        position: relative;
        width: 100%;
        padding-top: 2px;
        border-radius: 10px;
    }

    .listepartenaire .result {
        width: 100%;
    }

    .searchpartenaire .btnxl a {
        width: auto;
    }
}

@media (max-width: 992px) ANd (min-width: 768px) {
    .searchpartenaire .btnxl a {
        font-size: 18px;
        line-height: 20px;
        padding-right: 56px;
    }

        .searchpartenaire .btnxl a .icon {
            right: 10px;
            top: 14px;
        }
}

@media (max-width: 640px) {
    .listepartenaire .result thead {
        display: none;
    }

    .listepartenaire .result td img {
        max-width: 100%;
    }

    .listepartenaire .result td {
        display: inline-block;
    }

        .listepartenaire .result td[align=right] {
            float: right;
        }

    .searchpartenaire .btnxl a {
        font-size: 22px;
    }
}

@media ( max-width: 640px) {
    #carousel .item ul {
        text-align: center;
    }

        #carousel .item ul li {
            float: none;
            width: 25%;
        }
}

@media (max-width: 992px) {
    #map-partenaire {
        height: 240px;
    }
}

@media (max-width: 767px) {
    #map-partenaire {
        height: 160px;
    }
}

@media (min-width: 1200px) {
    .listeforfait .item.last {
        float: none;
        margin-left: 0;
    }
}

@media (max-width: 991px) AND ( min-width: 768px) {
    .listeforfait .item.last {
        float: none;
        margin-left: 0px;
    }
}

@media (max-width: 1200px) AND (min-width: 992px) {
    .listeforfait .item:nth-child(n+4) {
        margin-top: -55px;
    }

    .listeforfait .item:nth-child(8n) {
        margin-left: 0;
    }

    .listeforfait .item:nth-child(6n+1) {
        margin-left: 120px;
    }
}

@media (max-width: 991px) {
    .listeforfait .item:nth-child(n+3) {
        margin-top: -55px;
    }

    .listeforfait .item:nth-child(8n) {
        margin-left: 0;
    }

    .listeforfait .item:nth-child(5n+1) {
        margin-left: 120px;
    }
}

@media (max-width: 767px) {
    .listeforfait .item:nth-child(5n+1) {
        margin-left: 0;
    }

    .listeforfait .item:nth-child(4n+1) {
        margin-left: 120px;
    }
}

@media (max-width: 639px) {
    .listeforfait .item:nth-child(4n+1) {
        margin-left: 0;
    }

    .listeforfait .item:nth-child(2n+1) {
        margin-left: 120px;
    }

    .listeforfait .item:nth-child(n+1) {
        margin-top: -55px;
    }
}

@media (max-width: 420px) {
    .listeforfait .item:nth-child(n+1) {
        margin-left: 0;
        margin-top: 0;
    }
}

@media ( max-width: 767px) {
    .forfait .boite {
        clear: both;
    }
}

@media ( max-width: 480px) {
    .forfait p.titre .tooltip {
        position: static;
    }

        .forfait p.titre .tooltip .tooltext {
            display: none;
            position: absolute;
            bottom: 40px;
            right: 0;
            left: 0;
            width: auto;
            z-index: 21;
        }
}

@media (max-width: 360px) {
    #content .activation .btn a.submit.right {
        float: left;
    }

    #content .activation .btn a.gris {
        clear: both;
        float: left;
    }
}

@media (max-width: 992px) AND (min-width: 768px) {
    #content .activation table.form td {
        display: block;
    }

    table.points.responsive td:before {
        padding-right: 10px;
        float: left;
        text-align: left;
    }
}

@media (max-width: 640px ) {
    #content .activation table.form td {
        display: block;
    }

    table.points.responsive td:before {
        padding-right: 10px;
        float: left;
        text-align: left;
    }
}

@media ( max-width: 480px) {


    #login {
        background-position: center center;
        -ms-transform: translate(0px,0px); /* IE 9 */
        -webkit-transform: translate(0px,0px); /* Safari */
        transform: translate(0px,0px);
        margin-top: 0;
    }

        #login .carte {
            width: 320px;
        }

    .instruction {
        font-size: 10px;
        font-weight: 700;
    }

    #login p.titre {
        font-size: 14px;
        margin: 0;
    }

    #login .carte p img {
        height: 30px;
    }

    #login .carte form {
        padding: 6px;
    }

    #login .carte input[type=text], #login .carte input[type=password] {
        font-size: 14px;
        margin-top: 6px;
        padding: 2px 4px;
        width: 226px;
    }

    #login .carte form button {
        background-size: 100% auto;
        right: 0;
        top: 20px;
        height: 42px;
        width: 36px;
    }

    /* The card is 320px wide here and the Google widget is a fixed 304x78, which does not fit
       inside the card and form padding. Scaling it down is the only lever: the widget has no
       narrower variant except "compact", which is taller still. The wrapper carries the scaled
       height so that what follows it in the flow keeps its place.

       The top margin that puts the widget under the card is deliberately left to the base rule:
       carte.png keeps its aspect, so at 320px wide it is painted 203px tall instead of 326px, and
       the form above it loses very nearly the same 120px. The two cancel out. */
    #login .carte.carte-captcha .staff-recaptcha {
        height: 66px;
        margin-bottom: 2px;
    }

        #login .carte.carte-captcha .staff-recaptcha .g-recaptcha {
            transform: scale(0.85);
            transform-origin: top center;
        }
}

/* LEG-614 - the staff sign-in pages (_LayoutLogIn: StaffLogIn, StaffForgotPassword,
   StaffPasswordReset) on a phone. Every rule is scoped to body.bglogin so that Pair/Confirm, which
   also draws #login .carte but inside _Layout, is left alone, and nothing here applies above 480px,
   so the desktop page is unchanged.

   The html element is painted #655a56 (top of this file) for the portal footer. These pages have a
   white body only 100% of the first screen tall, so whatever runs past it - the reCAPTCHA under the
   card, or most of the page once the keyboard has shrunk the viewport - was drawn on a dark brown
   band. The page background is white behind the whole document instead. */
html:has(> body.bglogin) {
    background-color: #fff;
}

@media (max-width: 480px) {
    /* The fr/en tab is 90x35 on top of the page; a smaller one gives the form back some height. */
    body.bglogin .langue {
        transform: scale(0.8);
        transform-origin: top center;
    }

    body.bglogin #login {
        padding: 34px 12px 0;
    }

        /* The hive is 155x186. At its natural size it alone pushed the inputs under the keyboard. */
        body.bglogin #login > p:first-child img {
            height: 120px;
        }

        /* The card fits the screen with the 12px side margins above. carte.png is 515x326 and is
           painted at the full width of the box, so the box takes the same proportions: its height
           is the height of the artwork, drop shadow included, instead of a fixed 326px that left an
           empty band under the card on a phone. The form fills the box, so that the reCAPTCHA can be
           placed from its bottom edge, which is the bottom edge of the artwork at any width. */
        body.bglogin #login .carte {
            box-sizing: border-box;
            display: inline-flex;
            flex-direction: column;
            width: 100%;
            max-width: 360px;
            min-height: 0;
            aspect-ratio: 515 / 326;
            padding: 16px 16px 0;
        }

            body.bglogin #login .carte form {
                flex: 1 0 auto;
            }

            /* 16px, because iOS zooms the page in on any focused input below that and never zooms
               back out - which is what left the card wider than the screen and the OK button cut
               in half once the e-mail field had been tapped. The width follows the card, leaving
               room for the OK button on the right. */
            body.bglogin #login .carte input[type=text], body.bglogin #login .carte input[type=password] {
                box-sizing: border-box;
                width: calc(100% - 46px);
                max-width: 280px;
                font-size: 16px;
                padding: 3px 6px;
            }

            /* Right under the artwork, still inside the form so that form.serialize() keeps
               carrying g-recaptcha-response. Taken out of the flow so that its place no longer
               depends on how tall the form's content is; the card's bottom margin keeps its room. */
            body.bglogin #login .carte.carte-captcha {
                margin-bottom: 86px;
            }

                body.bglogin #login .carte.carte-captcha .staff-recaptcha {
                    position: absolute;
                    top: 100%;
                    left: -16px;
                    right: -16px;
                    height: 78px;
                    margin: 4px 0 0;
                }

                    body.bglogin #login .carte.carte-captcha .staff-recaptcha .g-recaptcha {
                        transform: none;
                    }

                body.bglogin #login .carte.carte-captcha .StaffLoginErrorMessage {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    right: 0;
                    margin: 88px 0 0;
                }
}

/* The Google widget is a fixed 304x78 and has no narrower variant except "compact", which is
   taller still. Below 360px it no longer fits the card, so it is scaled down; the checkbox stays
   a comfortable target. */
@media (max-width: 359px) {
    /* The artwork is under 190px tall here, so the card's content gives up a little height. */
    body.bglogin #login .carte {
        padding-top: 8px;
    }

        body.bglogin #login .carte p img {
            height: 26px;
        }

        body.bglogin #login .carte form p a {
            font-size: 14px;
        }

    body.bglogin #login .carte.carte-captcha {
        margin-bottom: 74px;
    }

        body.bglogin #login .carte.carte-captcha .staff-recaptcha {
            height: 66px;
        }

            body.bglogin #login .carte.carte-captcha .staff-recaptcha .g-recaptcha {
                transform: scale(0.85);
                transform-origin: top center;
            }

        body.bglogin #login .carte.carte-captcha .StaffLoginErrorMessage {
            margin-top: 76px;
        }
}

/* A phone with the keyboard and the password bar open has well under 600px of height left. The
   hive shrinks further so that the inputs stay above the keyboard. */
@media (max-width: 480px) and (max-height: 600px) {
    body.bglogin #login {
        padding-top: 28px;
    }

        body.bglogin #login > p:first-child img {
            height: 64px;
        }
}

@media (max-width: 640px) {
    #map-fiche {
        height: 180px;
    }
}

@media (max-width: 420px) {
    .fiche .logo {
        float: none;
    }
}

@media (max-width: 520px) {
    ul.promotion li .boite img {
        width: 100px;
    }
}

@media (min-width: 992px) {
    .listepromo .item:nth-child(6n-2) {
        margin-left: 161px;
    }

    .listepromo .item:nth-child(n+4) {
        margin-top: -26px;
    }
}

@media (max-width: 991px) AND (min-width: 768px) {
    .listepromo .item:nth-child(n+3) {
        margin-top: -26px;
    }

    .listepromo .item:nth-child(6n-2) {
        margin-left: 0;
    }

    .listepromo .item:nth-child(3n) {
        margin-left: 161px;
    }
}

@media (max-width: 767px) AND (min-width: 520px) {
    .listepromo .item:nth-child(n+2) {
        margin-top: -26px;
    }

    .listepromo .item:nth-child(3n) {
        margin-left: 0;
    }

    .listepromo .item:nth-child(2n) {
        margin-left: 161px;
    }
}

@media (max-width: 520px) {
    .listepromo .item {
        float: none;
    }

        .listepromo .item:nth-child(n+1) {
            margin-top: 26px;
        }
}

@media (max-width: 640px) {
    table.resultat td {
        text-align: left;
    }
}

@media (max-width: 992px) {
    #content .btn.plus a {
        min-width: 0;
        width: 100%;
        max-width: 320px;
    }
}

@media (max-width: 767px) {
    .transaction table.resultat td {
        padding: 6px 4px;
    }
}

@media only screen and (max-width: 640px) {

        table.responsive thead {
            display: none;
        }

        table.responsive td {
            padding: 6px 4px;
            position: relative;
            white-space: normal;
            text-align: left;
        }

            table.responsive td:before {
                content: attr(data-title);
                display: inline-block;
                font-weight: 700;
                padding-right: 10px;
                text-align: left;
                white-space: nowrap;
                width: 45%;
            }
}

@media (max-width: 640px) {

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

    #transaction .sommaire {
        width: auto;
    }

    #transaction .btn.xl a {
        width: auto !important;
    }

    #content .bgruchejaune .boitemembre button, #content .bgruchejaune .boitemembre button:hover {
        background-size: 52px;
        height: 69px;
    }

    .boitemembre {
        height: 176px;
        padding: 10px;
        width: 280px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

    .customerPrivilegeView {
        margin: auto;
        width: 280px;
    }

    .separator.xl {
        height: 40px;
    }

    .boitemembre img {
        height: 75px !important;
        margin-bottom: 4px !important;
    }

    .boitemembre .card-viewer-details {
        margin-top: 7px;
        height: 63px;
    }

    .boitemembre p.nom {
        height: 22px !important;
        font-size: 18px !important;
    }

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

    .boitemembre .argent strong {
        font-size: 15px !important;
    }

    #transaction .modal-content {
        border-radius: 0;
        width: auto;
    }

    #transaction .boitemembre {
        background-size: 112%;
        margin: 20px auto 0;
        padding-top: 0;
        width: 260px;
    }

    .bgruchejaune .separator.xl {
        width: 260px;
    }

    #content .bgruchejaune form .boitemembre div {
        padding-top: 14px;
        padding-right: 42px;
        position: relative;
    }

    #content .bgruchejaune .boitemembre input[type=text] {
        font-size: 14px;
    }

    #content .bgruchejaune .boitemembre input[type=submit], #content .bgruchejaune .boitemembre input[type=submit]:hover {
        background-size: 100% auto;
        height: 62px;
        top: -6px;
        width: 52px;
    }

    .ActionMenuButton a {
        max-width: 140px !important;
        font-size: 18px !important;
    }

    .ActionMenuButton.refund a {
        max-width: 300px !important;
    }

    .ActionMenuButton:last-child:nth-child(odd) a {
        max-width: 288px !important;
    }

    h3 {
        font-size: 23px !important;
    }
}

@media ( max-width: 480px) {
    .sommaire table td.cash_Summary_Title {
        font-size: 18px;
    }

    .sommaire table td.cash_Summary_Card_Title {
        font-size: 15px;
    }

    div.cash_Summary_AppliedPromotions div.cash_Summary_AppliedPromotions_Title {
        font-size: 15px;
    }

    .sommaire table td.cash_Summary_Card_Subtitle {
        font-size: 12px;
    }

    .sommaire table td {
        font-size: 14px;
    }

        .sommaire table td.cash_Summary_Exclusif_Title, .sommaire table td.cash_Summary_Freebees_Title {
            font-size: 15px;
        }

        .sommaire table td.cash_Summary_Exclusif, .sommaire table td.cash_Summary_Freebees {
            font-size: 16px;
        }


        .sommaire table td.lastcashSummaryExclusif,
        .sommaire table tbody tr td.lastcashSummaryFreebees {
            font-size: 16px;
            font-weight: 700;
            text-align: right;
            padding-left: 10px;
            min-width: 80px;
        }

    .boitepromo .noresponsive {
        display: none;
        width: 0 !important;
    }

    .boitepromo table td .more, .boitepromo table td .less {
        display: inline-block;
    }

    .boitepromo table td .pt20pt {
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .boite-check-search {
        height: 530px;
    }
}

@media (max-width: 767px) {
    .fiche-agent .borderside {
        border-left: none;
        border-right: none;
        border-top: 1px solid #c39a19;
        border-bottom: 1px solid #c39a19;
        margin: 10px 15px 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 640px) {
    .fiche-agent table thead {
        display: none;
    }

    .fiche-agent table td {
        display: block;
    }
}

@media (max-width: 480px) {
    #content .paiement .btn .gris, #content .paiement .btn input[type=submit] {
        font-size: 20px;
        width: 49%;
    }
}

@media (max-width: 640px) {
    .paiement table.result td.first:before {
        display: none;
    }

    .paiement table.result td.first {
        font-size: 18px;
    }

    .paiement table.responsive tr.odd {
        background-color: #f3f2f2;
    }

    .paiement table.responsive td:before {
        float: left;
    }

    .paiement table.responsive tr.total {
        text-align: right;
    }

        .paiement table.responsive tr.total td {
            display: inline-block;
        }
}

@media (max-width: 992px) AND (min-width: 768px) {
    .ess .checkbox .chosen-container, .ess .checkbox input[type=text] {
        margin-top: 6px;
    }
}

@media (max-width: 640px) {
    .ess .checkbox .chosen-container, .ess .checkbox input[type=text] {
        margin-top: 6px;
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .ess .boite .fright {
        float: right;
    }
}

@media (max-width: 360px) {
    #content .membersettings .btn a.submit.right {
        float: left;
    }

    #content .membersettings .btn a.gris {
        clear: both;
        float: left;
    }
}

@media (max-width: 767px) {
    #map-ess {
        height: 250px;
    }
}

@media (max-width: 640px) {
    #map-ess {
        height: 180px;
    }
}

@media (max-width: 767px) {
    .buzz ul.share li.first, .buzz p {
        display: block;
        float: none;
    }
}

@media (max-width: 460px) {
    .buzz ul.share li.first, .buzz p {
        font-size: 20px;
        height: auto;
        line-height: 40px;
        float: none;
    }
}

@media ( max-width: 992px) {
    .prefoot .colonne {
        float: left;
        width: 33.3333%;
    }

        .prefoot .colonne.aide {
            background: none;
        }

        .prefoot .colonne.last {
            display: none;
            padding-top: 10px;
            width: 100%;
        }
}

@media ( max-width: 640px) {
    .prefoot .colonne {
        background: none;
        float: none;
        padding-top: 10px;
        width: 100%;
        min-height: 0;
    }

    .sharebox {
        height: auto !important;
    }

    .prefoot .colonne.last {
        display: inline-block;
        padding-top: 10px;
        width: 100%;
    }

    .prefoot .colonne.first {
        padding-top: 0;
    }
}

@media ( max-width: 992px) {
    .sharebox object {
        height: 100%;
    }
}

@media (max-width: 992px) {
    footer ul.menu li {
        padding: 10px;
    }

        footer ul.menu li.separate {
            clear: both;
            padding-left: 0;
        }
}

@media (max-width: 767px) {
    footer .gauche {
        background: none;
    }
}

@media (max-width: 480px) {
    footer ul.menu li {
        padding: 6px 0;
        width: 100%;
    }
}

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

@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}

@media ( min-width: 992px ) {
    #myModal .modal-dialog {
        width: 940px;
    }
}

@media ( max-width: 991px ) AND (min-width: 768px) {
    #myModal .modal-dialog {
        width: 750px;
    }
}

@media (max-width: 440px) {
    .LoginErrorMessage {
        position: relative;
        float: left;
        margin: 5px 15px;
        width: 250px;
        top: 0;
    }

    .instruction {
        font-size: 10px;
        font-weight: 700;
    }

    .LoginFormErrorMessage {
        display: inline-block;
        float: left;
        position: relative;
        bottom: 0;
        right: 0;
        width: auto;
    }

    .StaffForgotPasswordFormMessage {
        width: auto;
        float: left;
    }

    .StaffForgotPasswordMessage {
        margin-top: 60px;
    }
}

@media (max-width: 480px) {
    #UnderConstruction {
        background-position: center center;
        padding: 10px 0;
    }

        #UnderConstruction .facebookLikeBox {
            width: 300px !important;
        }

        #UnderConstruction img {
            width: 300px;
        }

        #UnderConstruction span {
            width: 300px;
        }

        #UnderConstruction p.titre {
            font-size: 30px;
            margin: 0;
        }

    .wallet-container {
        padding-right: 2px;
    }

    .wallet img {
        width: 30px;
        height: 30px;
    }

    .wallet p.PartnerName {
        font-size: 12px;
        line-height: 34px;
    }

    .wallet p.Balance {
        font-size: 13px;
        line-height: 33px;
    }

    @media (min-width: 480px) and (max-width: 767px) {
        #UnderConstruction span {
            width: 500px;
        }

        #UnderConstruction .facebookLikeBox {
            width: 500px !important;
        }
    }
}

@media (max-width: 640px) {
    .WebGridDisplay td {
        text-align: left;
        border: none;
        text-align: left;
    }

        .WebGridDisplay td.hidden-xs, .WebGridDisplay th.hidden-xs {
            display: none;
        }
}

@media (max-width: 992px) {
    #pointsDiv.border-right-grey {
        border-right: 0px;
    }

    #informationsDiv.border-left-grey {
        border-left: 0px;
    }
}

.searchpromotion {
    background: #e7b930;
    float:right !important;
    -ms-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    min-height: 540px;
    max-width: 100%;
}

/* ReSharper disable All */

.searchpromotion p.titre {
        color: #fff;
        font-size: 20px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .searchpromotion input[type=text] {
        width: 100%;
    }

    .searchpromotion .chosen-container {
        margin-bottom: 10px;
    }

    .searchpromotion .btnxl {
        width: 100%;
    }

        .searchpromotion .btnxl a {
            cursor: pointer;
            font-size: 26px;
            line-height: 28px;
            position: relative;
            padding-right: 70px;
        }

            .searchpromotion .btnxl a strong {
                display: block;
            }

            .searchpromotion .btnxl a .icon {
                position: absolute;
                right: 16px;
                top: 25px;
            }

.FP-Cell {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 10px;
    vertical-align: middle;
}

    .FP-Cell .FP-Box {
        width: 780px;
        height: 250px;
        position: relative;
        cursor: pointer;
        -webkit-box-shadow: -3px 3px 23px 0px rgba(50, 50, 50, 0.6);
        -moz-box-shadow: -3px 3px 23px 0px rgba(50, 50, 50, 0.6);
        box-shadow: -3px 3px 23px 0px rgba(50, 50, 50, 0.6);
        border-radius: 10px 10px 10px 10px;
    }



.FP-Background {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 250px;
    width: 780px;
    background: url(/Content/images/featuredpromotionbg.png) no-repeat;
    max-width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 12px 12px 12px 12px;
}

.FP-Flyer {
    z-index: 2;
    position: absolute;
    top: 0;
    height: 250px;
    width: 780px;
    max-width: 100%;
    background-position: center;
}

.FP-SharePart {
    position: absolute;
    height: 50px;
    width: 300px;
    top: 5px;
    right: 5px;
    z-index: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .FP-SharePart table {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .FP-SharePart td {
        margin: 0 !important;
        padding: 0 !important;
        direction: rtl;
        max-width:150px;
        text-align: right !important;
    }

.FP-TitleOpaque {
    position: absolute;
    display: none;
    height: 50px;
    width: 780px;
    background: #FFF;
    bottom: 0px;
    z-index: 10;
}

.FP-TitleFade {
    position: absolute;
    height: 50px;
    width: 780px;
    background: #000;
    opacity: 0.6;
    bottom: 0px;
    z-index: 11;
}

.FP-TitleBar {
    position: absolute;
    height: 50px;
    width: 780px;
    bottom: 0px;
    z-index: 20;
    padding: 0;
    vertical-align: middle;
    font-size: 28px;
    color: #e7b930;
}

    .FP-TitleBar .FP-TitleText {
        vertical-align: middle;
        height: 50px;
        line-height: 45px;
          text-overflow: ellipsis;
          display: -webkit-box;
          display: -moz-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          -o-text-overflow: ellipsis;
          overflow: hidden;
    }

    .FP-TitleBar .FP-RewardPoints {
        vertical-align: middle;
        height: 50px;
        text-align: right;
        line-height: 47px;
        padding-right: 20px;
    }

.FP-Description {
    position: relative;
    background-color: rgba(0, 0, 0, 0.8);
    width: 780px;
    display: none;
    color: #FFF;
    padding-left: 30px;
    padding-top: 3px;
    padding-right: 23px;
    padding-bottom: 20px;
    -webkit-box-shadow: -3px 3px 23px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: -3px 3px 23px 0px rgba(50, 50, 50, 0.6);
    box-shadow: -3px 3px 23px 0px rgba(50, 50, 50, 0.6);
    top: -10px;
    padding-top: 12px;
    margin-bottom: -10px;
}

    .FP-Description .FP-ValidUntil {
        text-align: right;
        font-size: 13px;
        color: #F7C338;
        margin-top: 5px;
    }

    .FP-Description .FP-Description-Text {
        text-align: justify;
        text-align-last: left;
        color: #FFF;
        font-size: 19px;
        padding: 15px 10px;
    }

.FP-LocationLink{
    float: left;
}

    .FP-LocationLink a {
        color: #428bca;
        text-decoration: none;
    }


.SelectAccountform .boxjaune {
    margin-top: 0 !important;
}

/* ReSharper disable All */

.SelectAccountform .boxjaune.title {
    margin-top: 0 !important;
    -webkit-box-shadow: 0 0 19px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 19px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 19px 0 rgba(50, 50, 50, 0.75);
}

.SelectAccountPartContent {
    max-height: 350px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.SelectAccount-checkbox-boite {
    padding: 0 !important;
    max-height: 305px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.SelectAccount-checkbox-boite ul.liste {
    list-style: none;
    margin: 0px;
    display: inline-block;
    padding-left: 0px;
    width: 100%;
    max-width: 100%;
}

.UserRow {
    padding: 10px;
}
/*WebGrid
--------------------------------*/
.webgrid-container
{
    clear: both;
}

.webgrid-container input[type="checkbox"]
{
    margin: 0px;
}

.wg-reorder-up, .wg-reorder-down, .wg-cmd-delete, .wg-cmd-edit
{
    outline: none;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: auto;
}

.wg-reorder-up, .wg-reorder-down
{
    float: left;
}

.wg-btn
{
    margin-right: 5px;
    float: left;
}

.wg-btn-create, .wg-btn-reorder, .wg-btn-saveorder
{
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.wg-reorder-up
{
    background: transparent url(/Content/images/ui-icons_enable_256x240.png) no-repeat scroll -112px 0px;
}

.wg-reorder-down
{
    background: transparent url(/Content/images/ui-icons_enable_256x240.png) no-repeat scroll -96px 0px;
}

.wg-cmd-delete
{
    background: transparent url(/Content/images/ui-icons_enable_256x240.png) no-repeat scroll -16px 0px;
}

.wg-cmd-edit
{
    background: transparent url(/Content/images/ui-icons_enable_256x240.png) no-repeat scroll;
}

.wg-btn-create
{
    background: transparent url(/Content/images/ui-icons_enable_256x240.png) no-repeat scroll -32px 0px;
}

.wg-btn-reorder
{
    background: transparent url(/Content/images/ui-icons_enable_256x240.png) no-repeat scroll -80px -0px;
}

.wg-btn-saveorder
{
    background: transparent url(/Content/images/ui-icons_enable_256x240.png) no-repeat scroll -80px -113px;
}

.webgrid-container a.disable
{
    cursor: default;
    text-decoration: none;
}

.webgrid-container a.wg-btn.disable, .webgrid-container a.wg-btn.disable:hover, .webgrid-container a.wg-btn.disable:active, .webgrid-container a.wg-btn.disable:visited
{
    color: #888888 !important;
}

.disable.wg-reorder-up, .disable.wg-reorder-down, .disable.wg-cmd-delete, .disable.wg-cmd-edit, .disable.wg-btn-create, .disable.wg-btn-reorder, .disable.wg-btn-saveorder
{
    background-image: url(/Content/images/ui-icons_disable_256x240.png);
}

.webgrid-container thead
{
    border: 1px solid #c9c9c9;
}

.webgrid-container th, .webgrid-container th a
{
    color: #4D4D4D;
    text-decoration: none;
}

.webgrid-container thead
{
    background-color: #eeeeee; /*#585878 lighter*/
}

.webgrid-container .auto-field-row
{
    background-color: #dbdbdb;
}
.header-name-row th, .header-name-row .wg-df-icon
{
    min-width: 16px;
}

.header-name-row .wg-df-2icon
{
    min-width: 32px;
}

.header-name-row .wg-df-small
{
    min-width: 64px;
}

.header-name-row .wg-df-medium
{
    min-width: 128px;
}

.header-name-row .wg-df-large
{
    min-width: 256px;
}

.webgrid-container td.tx-footer-Blank  
{
    border: none;
}
.webgrid-container td,
.webgrid-container th
{
    border: solid 1px #c8c8c8;
}


.webgrid-container td a
{
    color: #2973B0;
    text-decoration: none;
}

.webgrid-container tr.alt
{
    background-color: #F7F6F7;
}

.webgrid-container tfoot td.wg-footer-cell
{
    font-weight: bold;
    text-align: right;
    border-width: 1px 0px 0px 0px;
    padding: 5px 0px;
}

.webgrid-container tfoot td a
{
    font-weight: normal;
    text-decoration: none;
    font-size: 0.95em;
    margin-left: 2px;
}

.webgrid-container .wg-paginate-layout
{
    border: none;
    border-collapse: collapse;
    margin: auto;
    width: auto;
}

.webgrid-container .wg-paginate-layout td
{
    border: none;
    padding: 0px 1px;
    vertical-align: middle;
}

.wg-page-first, .wg-page-prev, .wg-page-next, .wg-page-last
{
    text-indent: 90px;
    display: block;
    width: 10px;
    height: 8px;
}
.wg-page-first
{
    background: url(/Content/themes/base/images/ui-icons_enable_256x240.png) no-repeat scroll 0px -32px transparent;
}
.wg-page-prev
{
    background: url(/Content/themes/base/images/ui-icons_enable_256x240.png) no-repeat scroll -16px -32px transparent;
}
.wg-page-next
{
    background: url(/Content/themes/base/images/ui-icons_enable_256x240.png) no-repeat scroll -32px -32px transparent;
}
.wg-page-last
{
    background: url(/Content/themes/base/images/ui-icons_enable_256x240.png) no-repeat scroll -48px -32px transparent;
}
.wg-page-first.disable, .wg-page-prev.disable, .wg-page-next.disable, .wg-page-last.disable
{
    background-image: url(/Content/themes/base/images/ui-icons_disable_256x240.png);
}
.wg-page-current
{
    background-color: #C3C3C3;
}

.webgrid-empty
{
    text-align: center;
    height: 100px;
}
.webgrid-empty 
td{
    text-align:center;
    font-size: 20px;
}

.wg-icon-hdr, .wg-icon-column
{
    width: 16px;
    height: 16px;
    margin: auto;
}

.wg-icon-column
{
    float: left;
    margin-right: 2px;
}

.wg-hidden
{
    display: none;
}

.wg-sorticon
{
    font-size: 10px;
    padding: 0px 2px;
}

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

.wg-col-center
{
    text-align: center !important;
}

.wg-col-center th
{
    text-align: center !important;
}

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

.wg-hdr-nowrap
{
    white-space: pre;
}

.wg-col-nowrap
{
    white-space: nowrap;
}

th .ui-multiselect-checkboxes
{
    text-align: left;
}

.ui-multiselect-checkboxes input[type=checkbox]
{
    margin-right: 6px;
}

.webgrid-container .ui-multiselect.ui-widget
{
    background: white;
}

.ui-multiselect-checkboxes label
{
    text-align: left;
}

.webgrid-container a.disable, .webgrid-container a.disable:hover, .webgrid-container a.disable:active, .webgrid-container a.disable:visited
{
    cursor: default;
    text-decoration: none;
    color: gray;
}

/* Layout
-------------------------------------------------*/
.table-layout > tbody > tr > td
{
    border: none;
}

.table-layout > tbody > tr > td.label
{
    padding-right: 30px;
    white-space: nowrap;
}

.table-layout tr td
{
    padding: 0px 10px 10px 0px;
}

.table-layout tr.label td
{
    padding: 0px 10px 2px 0px;
    font-size: 1.1em;
}

.table-layout td.icon
{
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.tm-icon, .table-layout td.icon div.tm-icon
{
    background: url(/Content/themes/base/images/ui-icons_enable_256x240.png) no-repeat scroll -16px -16px transparent;
    width: 16px;
    height: 16px;
    float: right;
}

.table-layout td input[type="text"],
.table-layout td input[type="password"]
{
    width: 99%;
    font-size: 1em;
    padding: 2px;
}

.table-layout td .date-picker input[type="text"]
{
    width: 12.25em;
}

.table-layout td select
{
    width: 101%;
}

.table-layout td select option
{
    min-height: 1.25em;
}

/* Image Uploader
-------------------------------------------------*/
.image-uploader .qq-uploader
{
    width: auto;
}

.image-uploader .image img
{
    margin-bottom: 10px;
}

.image-uploader .uploader .qq-upload-button
{
    float: left;
    margin-right: 10px;
    width: auto;
    text-decoration: none;
    background: -moz-linear-gradient(center top , #ADD946, #8BB527) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADD946), to(#8BB527));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD946', endColorstr='#8BB527');
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #4D4D4D;
    display: inline-block;
    font-family: Helvetica, Verdana, Arial;
    margin: 0 2px;
    outline: medium none;
    padding: 5px 17px 5px;
}

.image-uploader .uploader .qq-upload-button:hover
{
    cursor: pointer;
}

.firefox .image-uploader .uploader .qq-upload-button:hover
{
    cursor: default;
}

.image-uploader .qq-upload-list
{
    display: none;
}

.image-uploader .clear
{
    clear: both;
}

.image-uploader .image-note
{
    color: #C9C9C9;
    display: block;
    font-size: 0.85em;
}

/* ListBoxTranfer
------------------------------*/

.listbox-transfer select
{
    width: 200px;
    height: 150px;
}
.listbox-transfer select option
{
    padding: 1px 1px 1px 5px;
}
.listbox-transfer table td
{
    border: 0px;
}

.listbox-transfer .rlbButton
{
    direction: ltr;
}

.listbox-transfer .rlbNoButtonText
{
    margin: 0 0 5px 6px;
    padding: 0;
}

.listbox-transfer .rlbButton
{
    cursor: pointer;
    display: block;
    height: 21px;
    line-height: 15px;
    margin: 0 7px 5px 3px;
    padding-right: 5px;
    position: relative;
    text-decoration: none;
    width: auto;
}

.listbox-transfer .rlbButton .rlbButtonTL, .listbox-transfer .rlbButton .rlbButtonTR, .listbox-transfer .rlbButton .rlbButtonBL, .listbox-transfer .rlbButton .rlbButtonBR
{
    background-image: url(/Content/themes/base/images/rlbButtonNormal.png);
}

.listbox-transfer .rlbNoButtonText .rlbButtonTL, .listbox-transfer .rlbNoButtonText .rlbButtonTR, .listbox-transfer .rlbNoButtonText .rlbButtonBL, .listbox-transfer .rlbNoButtonText .rlbButtonBR
{
    width: auto;
}
.listbox-transfer .rlbButtonAreaLeft .rlbButtonTL, .listbox-transfer .rlbButtonAreaLeft .rlbButtonTR, .listbox-transfer .rlbButtonAreaLeft .rlbButtonBL, .listbox-transfer .rlbButtonAreaLeft .rlbButtonBR, listbox-transfer .rlbButtonAreaRight .rlbButtonTL, .listbox-transfer .rlbButtonAreaRight .rlbButtonTR, .listbox-transfer .rlbButtonAreaRight .rlbButtonBL, .listbox-transfer .rlbButtonAreaRight .rlbButtonBR
{
    width: 100%;
}

.listbox-transfer .rlbButtonBR
{
    background-position: 100% 100%;
    display: inline-block;
    right: -4px;
}
.listbox-transfer .rlbButtonTL
{
    background-position: 0 0;
    left: -4px;
}
.listbox-transfer .rlbButtonTR
{
    background-position: 100% 0;
    bottom: 4px;
    overflow: visible;
    right: 0;
}
.listbox-transfer .rlbButtonBL
{
    background-position: 0 100%;
    right: 0;
    top: 4px;
}

.listbox-transfer .rlbButtonTL, .listbox-transfer .rlbButtonTR, .listbox-transfer .rlbButtonBL, .listbox-transfer .rlbButtonBR
{
    display: inline-block;
    position: relative;
}
.listbox-transfer .rlbButton
{
    cursor: pointer;
    line-height: 15px;
    text-decoration: none;
}

.listbox-transfer .rlbNoButtonText .rlbButtonText
{
    font-size: 0;
    padding-left: 18px;
    width: 0;
}

.listbox-transfer .rlbButtonText
{
    background: url(/Content/themes/base/images/rlbSprite.png) no-repeat scroll 0 0 transparent;
}

.listbox-transfer.rlbButtonText
{
    background-color: transparent;
    display: inline-block;
    line-height: 15px;
    padding-left: 20px;
    padding-top: 3px;
    position: relative;
    text-align: left;
    z-index: 1;
}

.listbox-transfer .rlbButtonText
{
    background-position: 0 -75px;
}
.listbox-transfer .state-listbox
{
    display: none;
}

.addlist-button
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -75px #D1D1D1;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.addlist-button:hover, .removelist-button:hover
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -75px #DCE6F0;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.removelist-button
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -100px #D1D1D1;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.removelist-button:hover
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -100px #DCE6F0;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.removelist-button-view
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll -200px -100px #D1D1D1;
    border: 1px solid #969696;
    cursor: default;
    height: 24px;
    width: 23px;
}
.addlist-button-view
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll -200px -75px #D1D1D1;
    border: 1px solid #969696;
    cursor: default;
    height: 24px;
    width: 23px;
}

.add-all-list-button 
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -125px #D1D1D1;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.remove-all-list-button
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -150px #D1D1D1;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.add-all-list-button:hover 
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -125px #DCE6F0;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.remove-all-list-button:hover
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll 0 -150px #DCE6F0;
    border: 1px solid #969696;
    cursor: pointer;
    height: 24px;
    width: 23px;
}

.add-all-list-button-view
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll -200px -125px #D1D1D1;
    border: 1px solid #969696;
    cursor: default;
    height: 24px;
    width: 23px;
}
.remove-all-list-button-view
{
    background: url(/Content/themes/base/images/rlbSprite.PNG) no-repeat scroll -200px -150px #D1D1D1;
    border: 1px solid #969696;
    cursor: default;
    height: 24px;
    width: 23px;
}

.header-label 
{
    font-weight: bold;
}

/* FANCY-BUTTON
------------------------------*/
.fancy-button
{
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Verdana, Arial;
    margin: 0 2px;
    outline: medium none;
    padding: 0px 10px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}
.fancy-button.greenlarge,
.fancy-button.greylarge
{
    line-height: 40px;
}
.fancy-button:hover
{
    text-decoration: none;
}
.fancy-button a em
{
    display: block;
    float: left;
    height: 28px;
    width: 8px;
}
.fancy-button.greenlarge a em
{
    height: 43px;
    width: 9px;
}
.fancy-button.greenlarge
{
    height: 43px;
    font-size: 1.2em;
    background: -moz-linear-gradient(center top , #ADD946, #8BB527) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADD946), to(#8BB527));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD946', endColorstr='#8BB527');
    color: #4D4D4D;
    margin-top: -10px; 
    margin-left: 2px; 
    padding-left: 23px; 
    padding-right: 23px;
}
.fancy-button.greylarge
{
    height: 43px;
    font-size: 1.2em;
    background: -moz-linear-gradient(center top , #E9E9E9, #B0B0B0) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#B0B0B0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#B0B0B0');
    color: #4D4D4D;
    margin-top: -10px; 
    margin-left: 2px; 
    padding-left: 23px; 
    padding-right: 23px;
}
.fancy-button.greenlargelogin
{
    height: 38px;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 2px 1px rgba(255, 255, 255, 0.4);
    line-height: 37px;
    text-align: center;
    background: -moz-linear-gradient(center top , #ADD946, #8BB527) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADD946), to(#8BB527));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD946', endColorstr='#8BB527');
    color: #4D4D4D;
    margin-top: -10px; 
    margin-left: 2px; 
    padding-left: 23px; 
    padding-right: 23px;
}
.fancy-button.greenlarge a,
.fancy-button.greylarge a
{
	text-decoration: none;
	color: #4D4D4D;
}
.fancy-button.grey a em.fancy-button-left
{
    background: url(/Content/themes/base/images/grey_button_left.png) no-repeat scroll;
}
.fancy-button.grey
{
    background: -moz-linear-gradient(center top , #E9E9E9, #B0B0B0) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#B0B0B0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#B0B0B0');
    color: #4D4D4D;
    padding: 5px 20px;
}
.fancy-button.grey a
{
	text-decoration: none;
    color: #4D4D4D;
}
.fancy-button.grey a em.fancy-button-right
{
    background: url(/Content/themes/base/images/grey_button_right.png) no-repeat scroll;
}
.fancy-button.blue a em.fancy-button-left
{
    background: url(/Content/themes/base/images/blue_button_left.png) no-repeat scroll;
}
.fancy-button.blue
{
    background: -moz-linear-gradient(center top , #BDEDFF, #80CFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDEDFF), to(#80CFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDEDFF', endColorstr='#80CFFF');
    color: #4D4D4D;
    padding: 5px 20px;
}
.fancy-button.red
{
    background: -moz-linear-gradient(center top , #FFC7C7, #FF0000) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC7C7), to(#FF0000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC7C7', endColorstr='#FF0000');
    color: #4D4D4D;
    padding: 5px 20px;
}
.fancy-button.blue:active,
.fancy-button.blue span:active
{
    background: #BDEDFF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDEDFF), to(#BDEDFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDEDFF', endColorstr='#BDEDFF');
}
.fancy-button.red:active,
.fancy-button.red span:active
{
    background: #FFC7C7;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC7C7), to(#FFC7C7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDEDFF', endColorstr='#BDEFFC7C7DFF');
}
.fancy-button.green:active,
.fancy-button.greenlarge:active,
.fancy-button.greenlargelogin:active
{
    background: #ADD946;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADD946), to(#ADD946));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD946', endColorstr='#ADD946');
}
.fancy-button.red:active
{
    background: #E9E9E9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#E9E9E9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#E9E9E9');
}
.fancy-button.grey:active,
.fancy-button.greylarge:active
{
    background: #E9E9E9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#E9E9E9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#E9E9E9');
}
.fancy-button.red a
{
	text-decoration: none !important;
	color: #4D4D4D;
}
.fancy-button.blue a
{
	text-decoration: none !important;
	color: #4D4D4D;
}
.fancy-button.blue a em.fancy-button-right
{
    background: url(/Content/themes/base/images/blue_button_right.png) no-repeat scroll;
}
.fancy-button.green a em.fancy-button-left
{
    background: url(/Content/themes/base/images/green_button_left.png) no-repeat scroll;
}
.fancy-button.green
{
    background: -moz-linear-gradient(center top , #ADD946, #8BB527) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADD946), to(#8BB527));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD946', endColorstr='#8BB527');
    color: #4D4D4D;
    padding: 5px 20px;
}
.fancy-button.green a
{
	text-decoration: none;
	color: #4D4D4D;
}
.fancy-button.green a em.fancy-button-right
{
    background: url(/Content/themes/base/images/green_button_right.png) no-repeat scroll;
}

.fancy-button.greenlarge a em.fancy-button-left
{
    background: url(/Content/themes/base/images/green_large_button_left.png) no-repeat scroll;
}
.fancy-button.greenlarge a em.fancy-button-right
{
    background: url(/Content/themes/base/images/green_large_button_right.png) no-repeat scroll;
}

.disabled-fb
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}
.disabled-fb.fancy-button.red:active
{
    background: -moz-linear-gradient(center top , #BDEDFF, #80CFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDEDFF), to(#80CFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDEDFF', endColorstr='#80CFFF');
}
.disabled-fb.fancy-button.blue:active
{
    background: -moz-linear-gradient(center top , #BDEDFF, #80CFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDEDFF), to(#80CFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDEDFF', endColorstr='#80CFFF');
}
.disabled-fb.fancy-button.green:active
{
    background: -moz-linear-gradient(center top , #ADD946, #8BB527) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ADD946), to(#8BB527));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD946', endColorstr='#8BB527');
}

.msie7 .fancy-button a{
    text-decoration: none;
}
 
/*----- For IE7 ------*/
.msie7 .fancy-button
{
    display: inline;
}

/* Round Container
------------------------------*/
table.round-container td
{
    border: 0px none;
    padding: 0px 0px;
}

table.round-container .top .top-left
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_left_top.png) no-repeat scroll left top;
    height: 21px;
    width: 21px;
}

table.round-container .top .top-middle
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_middle_top.png) repeat-x scroll left center;
    height: 21px;
}

table.round-container .top .top-right
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_right_top.png) no-repeat scroll left top;
    height: 21px;
    width: 21px;
}

table.round-container .middle .middle-left
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_left_middle.png) repeat-y scroll left top;
    width: 21px;
}

table.round-container .middle .middle-middle
{
    background-color: #ffffff;
}

table.round-container .middle .middle-right
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_right_middle.png) repeat-y scroll left top;
    width: 21px;
}

table.round-container .bottom .bottom-left
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_left_bottom.png) no-repeat scroll left top;
    height: 21px;
    width: 21px;
}

table.round-container .bottom .bottom-middle
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_middle_bottom.png) repeat-x scroll left center;
    height: 21px;
}

table.round-container .bottom .bottom-right
{
    background: url(/Content/themes/base/images/RoundContainer/round_grey_right_bottom.png) no-repeat scroll left top;
    height: 21px;
    width: 31px;
}

/* Slide Show
------------------------------*/
.slide_show
{
    width: 200px;
}
.slide_show .slides_container
{
    display: none;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 200px;
}
.slide_show .slides_container a
{
    display: block;
}
.slide_show ol, .slide_show ul
{
    list-style: none outside none;
    margin: -20px 10px 0px 0px;
}
.slide_show .pagination
{
    float: right;
}
.slide_show .pagination li
{
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.slide_show .pagination li a
{
    background-image: url(/Content/themes/base/images/pagination.png);
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.slide_show .pagination li.current a
{
    background-position: 0 -12px;
}

/* Widget Container
-------------------------------------------------*/
.widget-container
{
    border: 1px solid #dddddd;
    margin-bottom: 15px;
}

.widget-container h6
{
    background: #dddddd; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dddddd'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dddddd)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #f5f5f5,  #dddddd); /* for firefox 3.6+ */
    color: #424549;
    height: 34px;
    line-height: 34px;
    padding: 0px 15px;
}

.widget-container .content
{
    padding: 10px;
    overflow: auto;
}
.daterangepicker {
  /* ReSharper disable All */
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
  .daterangepicker.opensleft:before {
    right: 9px; }
  .daterangepicker.opensleft:after {
    right: 10px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 9px; }
  .daterangepicker.opensright:after {
    left: 10px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -7px;
      border-bottom: initial;
      border-top: 7px solid #ccc; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center;
      min-width: 32px; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: #eee;
      border-color: transparent;
      color: inherit; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px; }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
    .daterangepicker .input-mini.active {
      border: 1px solid #08c;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative; }
    .daterangepicker .daterangepicker_input i {
      position: absolute;
      left: 8px;
      top: 8px; }
  .daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
  .daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
    .ranges li:hover {
      background: #08c;
      border: 1px solid #08c;
      color: #fff; }
    .ranges li.active {
      background: #08c;
      border: 1px solid #08c;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
      .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
      .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }

.daterangepicker {
    height: auto;
    border: 1px solid #c39a19;
}

.daterangepicker:before {
    border-bottom: 7px solid #c39a19;
}

.daterangepicker .btn-sm {
    width: 100%;
    border: 0;
    height: 24px;
    outline: 0;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
}

.daterangepicker .applyBtn {
    background-color: #FCF874;
    margin-bottom: 4px;
}

.daterangepicker .cancelBtn {
    background-color: #CACACA;
}

 .daterangepicker .ranges li {
    background: #f5f5f5;
    border: 1px solid #ababab;
    color: #423834;
 }

 .ranges li.active {
    background: #c39a19;
    border: 1px solid #c39a19;
    color: #fff;
}

  .daterangepicker .input-mini {
      outline: 0;
     border: 1px solid #c39a19;
     -ms-border-radius: 4px;
     border-radius: 4px;
 }

 .daterangepicker .input-mini.active {
     border: 1px solid #c39a19;
     -ms-border-radius: 4px;
     border-radius: 4px;
 }

.daterangepicker td.in-range {
    background-color: #E8D9A9;
    border-color: transparent;
    color: #000;
    -ms-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.end-date, .daterangepicker td.start-date {
    background-color: #c39a19;
    border-color: transparent;
    color: #fff;
}

.daterangepicker td.end-date {
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

input.form-daterange {
    height: 32px;
}
.number-pb {
    position: relative;
    height: 3px;
    background-color: #ddd;
    margin: 10px 0 25px 0;
}

    .number-pb .number-pb-shown {
        position: absolute;
        background-color: #176785;
        background-image: linear-gradient(to right, #C6A313, #FFD317);
        top: -1px;
        left: 0;
        height: 5px;
        -moz-box-shadow: 0 0 3px 0 #423834;
        -webkit-box-shadow: 0 0 3px 0 #423834;
        box-shadow: 0 0 3px 0 #423834;
    }

    .number-pb .number-pb-num {
        position: absolute;
        background-color: #fff;
        left: 0;
        top: 0.75em;
        padding: 0 5px;
        min-width: 20px;
        font-weight: bold;
        color: #423834;
        width: 100%;
        text-align: center;
    }

.number-pb-shown.dream {
    background-image: linear-gradient(to right, #0e153a, #1d2b64, #f8cdda);
    -moz-box-shadow: 0 0 3px 0 #f8cdda;
    -webkit-box-shadow: 0 0 3px 0 #f8cdda;
    box-shadow: 0 0 3px 0 #f8cdda;
}

.number-pb-shown.sun {
    background-image: linear-gradient(to right, #0f1b58, #e0a681, #e5e9bf);
    -moz-box-shadow: 0 0 3px 0 #e5e9bf;
    -webkit-box-shadow: 0 0 3px 0 #e5e9bf;
    box-shadow: 0 0 3px 0 #e5e9bf;
}
/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:PaymentFont;src:url(/Content/fonts/PaymentFont-1.2.5/fonts/paymentfont-webfont.eot);src:url(/Content/fonts/PaymentFont-1.2.5/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(/Content/fonts/PaymentFont-1.2.5/fonts/paymentfont-webfont.woff) format('woff2'),url(/Content/fonts/PaymentFont-1.2.5/fonts/paymentfont-webfont.woff) format('woff'),url(/Content/fonts/PaymentFont-1.2.5/fonts/paymentfont-webfont.ttf) format('truetype'),url(/Content/fonts/PaymentFont-1.2.5/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/Content/fonts/fontawesome-webfont.eot?v=4.4.0);src:url(/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),url(/Content/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),url(/Content/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'),url(/Content/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),url(/Content/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}