/* Minification failed. Returning unminified contents.
(4649,17): run-time error CSS1033: Expected closing bracket, found 'Style'
(4649,22): run-time error CSS1031: Expected selector, found ']'
(4649,22): run-time error CSS1025: Expected comma or open brace, found ']'
(7483,25): run-time error CSS1030: Expected identifier, found ','
(7483,35): run-time error CSS1031: Expected selector, found ')'
(7483,35): run-time error CSS1025: Expected comma or open brace, found ')'
(7630,1): run-time error CSS1019: Unexpected token, found '}'
(9319,23): run-time error CSS1039: Token not allowed after unary operator: '-font-text'
(13494,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13510,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13526,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15973,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(15974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15995,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18755,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18763,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(18764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18771,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18783,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(18784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18885,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18895,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18905,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18915,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19288,23): run-time error CSS1046: Expect comma, found '0'
(19288,27): run-time error CSS1046: Expect comma, found '/'
(19861,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19869,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19877,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19885,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21743,41): run-time error CSS1046: Expect comma, found '0'
(21743,45): run-time error CSS1046: Expect comma, found '/'
(21745,33): run-time error CSS1046: Expect comma, found '0'
(21745,37): run-time error CSS1046: Expect comma, found '/'
(21786,39): run-time error CSS1046: Expect comma, found '0'
(21786,43): run-time error CSS1046: Expect comma, found '/'
(21788,31): run-time error CSS1046: Expect comma, found '0'
(21788,35): run-time error CSS1046: Expect comma, found '/'
(22377,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22401,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22425,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(22449,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(22450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*-- Polices de caractères --*/
@font-face {
    font-family: "Open Sans";
    src: url("");
    src: url("") format("embedded-opentype"),url("") format("truetype");
}
@font-face {
    font-family: "Open Sans";
    font-weight: bold;
    src: url("");
    src: url("") format("embedded-opentype"),url("") format("truetype");
}
@font-face {
    font-family: "fa-brands-400";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("") format("truetype"), url("") format("woff"), url("") format("woff2");
}
@font-face {
    font-family: "fa-regular-400";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("") format("truetype"), url("") format("woff"), url("") format("woff2");
}
@font-face {
    font-family: "fa-solid-900";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("") format("truetype"), url("") format("woff"), url("") format("woff2");
}
@font-face {
    font-family: "fa-brands-400";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("") format("truetype"), url("") format("woff"), url("") format("woff2");
}
@font-face {
    font-family: "fa-solid-900";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("") format("truetype"), url("") format("woff"), url("") format("woff2");
}
@font-face {
    font-family: "la-brands-400";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("") format("truetype"), url("") format("woff"), url("") format("woff2");
}

@font-face {
    font-family: "la-regular-400";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("la-regular-400.ttf") format("truetype"), url("la-regular-400.woff") format("woff"), url("la-regular-400.woff2") format("woff2");
}

@font-face {
    font-family: "la-solid-900";
    font-weight: bold;
    src: url("") format("embedded-opentype"), url("") format("svg"), url("la-solid-900.ttf") format("truetype"), url("la-solid-900.woff") format("woff"), url("la-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    src: url("Montserrat-Light.ttf");
    src: url("Montserrat-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight: normal;
    src: url("Montserrat-Regular.ttf");
    src: url("Montserrat-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight:500;
    src: url("Montserrat-Medium.ttf");
    src: url("Montserrat-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    src: url("Montserrat-SemiBold.ttf");
    src: url("Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
    font-family: "Montserrat";
    font-weight: bold;
    src: url("Montserrat-Bold.ttf");
    src: url("Montserrat-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "fontello";
    src: url("");
    src: url("") format("truetype");
}

.icon-vrbo {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    font-variant: normal;
}

.content-switch-vrbo {
    margin-top: 20px!important;
}

.content-switch-vrbo input:not(:checked) ~ .toggle-switch-handle {
    left: 7px !important
}

.content-switch-vrbo input:checked ~ .toggle-switch-handle {
    left: 28px !important;
}

/*.menuRestaurant .nav-pills > li i {
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 22px;
}*/

/*-- Forçage affichage scrollbar navigateur mac --*/
html .apple-os-planning ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}
html.apple-os-planning ::-webkit-scrollbar-thumb {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.VisibleOnlyDMS {
    color: red;
    font-size: 14px;
}

/*-- Fix CON-17265 --*/
#ModalConfirm > .div-tabs {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
}

.div-tabs .tabs-container{
    position: relative;
}
.master-product-details-page-content-wrap > a.save-special-offer {
    margin-bottom: 0 !important;
}

/*-- Styles génériques --*/
body#Body:not(.is-in-modal) {
    min-width: 1004px;
}
html,
body,
.aspnet-form,
.master-global-wrap {
    color: #203148;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    height: 100%;
    text-rendering: optimizeLegibility;
}
body.dialog {
    height: auto;
}
body.apple-os{
    overflow:initial!important;
}
a, a:visited, a:focus, a:active, a:hover {
    outline: none !important;
    text-decoration:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:"Montserrat";
}
input, select, textarea {
    font-weight:300 !important;
}
iframe {
    -webkit-overflow-scrolling: touch;
}
.no-click {
    pointer-events: none;
}
.blue-button-disabled {
    background-color: #89A6FE !important;
}
.green-button-disabled {
    background-color: rgba(0, 164, 109, .5)
}
.red-button-disabled {
    background-color: #EF5654 !important;
}
i.la-ticket-alt.rotate {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Dropdown de sélection de l'oi dans une mini TDR */

.dropDown-name-oi {
    display: inline-flex;
}

.dropDown-name-oi .selectize-input {
    padding-top: 0 !important;
}

.dropDown-name-oi .item {
    font-size: 20px !important;
    color: #000 !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

.rounded-box .section .selectize-control.single.bg-primary .selectize-input,
.bg-primary:not(.selectize-control) {
    background-color: #00263b;
}
.bg-transparent {
    background-color: transparent !important;
}
.bg-myc {
    background-color: #f6f8fc;
}
.bg-add-MyC {
    background-color: #fff;
}
.bg-white {
    background-color: #fff;
}
.bg-blue {
    background-color: rgba(77,124,254,1) !important;
}
.bg-green {
    background-color: #00a46d !important;
}
a.bg-green {
    background-color: #00a46d !important;
}
.bg-gray {
    background-color: #d9d9d9 !important;
}
a.bg-gray {
    background-color: #aaa !important;
}
.bg-red {
    background-color: rgba(242,41,24,1) !important;
}
.bg-light-red {
    background-color: rgba(242,41,24,.2) !important;
}
.bg-light-blue {
    background-color: rgba(77,124,254,.2);
}
.bg-light-bluegrey {
    background-color: #34495E;
}
.bg-light-green {
    background-color: rgba(0,164,109,.2);
}
.bg-yellow {
    background-color: rgba(255,165,0,1) !important;
}
.bg-light-yellow {
    background-color: rgba(255,165,0,.2) !important;
}
.bg-orange {
    background-color: #ffa500 !important;
}
.bg-dark-blue {
    background-color: #34495e;
}
.color-dark-blue {
    color: #00263b;
}
.color-green {
    color: #00a46d !important;
}
.color-red {
    color: rgba(242,41,24,1) !important;
}
.color-yellow {
    color: rgba(255,165,0,1);
}
.color-yellow-private-sale {
    color: #fda921 !important;
}
.color-white {
    color: #fff;
}
.color-gray {
    color: #868ba0;
}
.color-light-gray {
    color: #90969c;
}
.color-inactive {
    color: #e6e4da;
}
.color-orange {
    color: #ffa500;
}
.color-orange-google {
    color: #e7711b;
}
a.color-white:hover, 
a.color-white:visited, 
a.color-white:focus {
    color: #e0e0e0;
}
.box-shadow-dashboard {
    border-bottom: 1px solid #ebecf2;
}
.box-shadow-dashboard .page-sub-title {
    font-size: 19px;
}
.box-shadow-dashboard .nav-tabs > li > a {
    padding: 15px 10px 18px;
}
.box-shadow-dashboard textarea.form-control {
    height: 120px;
}
.border-spacing-custom {
    border-spacing: 0 5px !important;
}
.border-spacing-h-5 {
    border-spacing: 5px 0 !important;
}
.border-spacing-v-15 {
    border-spacing: 0 15px !important;
}
.round-border {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    line-height: 28px;
}
.b-rad-22 {
    border-radius: 22px;
}
.b-rad-25 {
    border-radius:25px;
}
.b-rad-left {
    border-radius:20px 0 0 20px;
}
.b-rad-right {
    border-radius: 0 20px 20px 0;
}
.checkbox label {
    font-size: 14px;
}
.co-radiobox input {
    margin: 0 5px;
    vertical-align: middle;
}
.co-radiobox label {
    margin: 0;
    vertical-align: middle;
}
.cursor-default {
    cursor: default !important;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-text {
    cursor: text!important;
}
.cursor-move {
    cursor: move;
}
.w-border-1 {
    border-width: 1px !important;
}
.d-none,
.d-block.d-none {
    display: none;
}
.d-table-cell.d-none {
    display: none !important;
}
.d-block {
    display: block;
}
.d-inline {
    display: inline;
}
.d-inline-block {
    display: inline-block;
}
.d-inline-flex {
    display: inline-flex;
}
.d-flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.d-content {
    display:contents;
}
.d-flex.flex-direction-cols {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.d-flex-columns {
    display:flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.d-flex-row {
    display: flex;
    flex-direction: row;
}
.d-flex-row.align-items-center {
    align-items: center;
}
.d-flex-row.justify-content-center {
    justify-content: center;
}
.d-inline-forced {
    display: inline !important;
}
.d-table {
    display: table;
}
.d-table-row {
    display: table-row;
}
.d-table-cell {
    display: table-cell;
    vertical-align: top;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #ebecf2;
}
.l-h-initial {
    line-height: initial !important;
}
.l-h-24 {
    line-height: 24px;
}
.l-h-26 {
    line-height: 26px;
}
.l-h-40 {
    line-height:40px;
}
.l-h-50 {
    line-height: 50px;
}
.justify-content-space-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.justify-content-center {
    justify-content: center;
    -webkit-justify-content: center;
}
.justify-content-space-evenly {
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
}
.align-items-center{
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex-item-0{
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.flex-item-1 {
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.absolute{
    position:absolute;
}
.relative{
    position: relative;
}
.datepicker-trigger {
    cursor: pointer;
    color: rgba(77,124,254,1);
}
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}
.text-center {
    text-align: center;
}
.w-auto{
    width:auto;
}
.f-size-10 {
    font-size: 10px;
}
.f-size-11 {
    font-size: 11px;
}
.f-size-12 {
    font-size: 12px !important;
}
.f-size-13 {
    font-size: 13px !important;
}
.f-size-14 {
    font-size: 14px !important;
}
.f-size-15 {
    font-size: 15px !important;
}
.f-size-16 {
    font-size: 16px;
}
.f-size-18 {
    font-size: 18px;
}
.f-size-19 {
    font-size: 19px;
}
.f-size-20 {
    font-size: 20px;
}
.f-size-22 {
    font-size: 22px;
}
.f-size-24 {
    font-size: 24px;
}
.f-size-26 {
    font-size: 26px !important;
}
.f-size-28 {
    font-size: 28px;
}
.f-size-30 {
    font-size: 30px;
}
.f-size-32 {
    font-size: 32px;
}
.f-size-40 {
    font-size: 40px;
}
.f-size-45 {
    font-size: 45px;
}
.f-bigger {
    font-size: 1.1em;
}
.f-italic {
    font-style:italic;
}
.f-bold {
    font-weight: normal;
}
.f-no-bold {
    font-weight: 300;
}

.f-weight-600 {
    font-weight: 600;
}

.f-upper-first::first-letter {
    text-transform: uppercase;
}
.f-montserrat {
    font-family: "Montserrat";
}
.f-fontawesome {
    font-family: 'Font Awesome 5 Free'
}
.text-underline {
    text-decoration: underline !important;
}
.min-h-20 {
    min-height: 20px;
    height: auto;
}
.min-h-230 {
    min-height: 230px;
}
.h-auto{
    height:auto;
}
.h-20 {
    height: 20px;
}
.h-40 {
    height: 40px;
}
.h-50 {
    height: 50px;
}
.h-70 {
    height: 70px;
}
.h-80 {
    height: 80px;
}
.h-260 {
    height: 260px !important;
}
.h-300 {
    height: 300px !important;
}
.h-340 {
    height: 340px;
}
.h-430 {
    height: 430px;
}
.h-500 {
    height: 500px;
}
.h-100-p {
    height: 100%;
}
.lh-40 {
    line-height: 40px;
}
.lh-initial {
    line-height: initial;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-left {
    margin-left: 0 !important;
}
.no-margin-right {
    margin-right: 0 !important;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.m-auto {
    margin: auto !important;
}
.m-autocenter {
    margin: 0 auto;
}
.h-margin-neg-15 {
    margin-right: -15px;
    margin-left: -15px;
}
.h-margin-neg-20 {
    margin-right: -20px !important;
    margin-left: -20px !important;
}
.m-bottom-0 {
    margin-bottom: 0px !important;
}
.m-bottom-5 {
    margin-bottom: 5px;
}
.m-bottom-10 {
    margin-bottom: 10px;
}
.m-bottom-15 {
    margin-bottom: 15px !important;
}
.m-bottom-20 {
    margin-bottom: 20px;
}
.m-bottom-25 {
    margin-bottom: 25px !important;
}
.m-bottom-30 {
    margin-bottom: 30px;
}
.m-bottom-35 {
    margin-bottom: 35px;
}
.m-bottom-40 {
    margin-bottom: 40px;
}
.m-bottom-45 {
    margin-bottom: 45px;
}
.m-bottom-50 {
    margin-bottom: 50px;
}
.m-bottom-100 {
    margin-bottom: 100px;
}
.m-bottom-150 {
    margin-bottom: 150px;
}
.m-lr-auto {
    margin-left:auto;
    margin-right:auto;
}
.m-left-5 {
    margin-left: 5px;
}
.m-left-10 {
    margin-left: 10px;
}
.m-left-15 {
    margin-left: 15px;
}
.m-left-20 {
    margin-left: 20px;
}
.m-left-25 {
    margin-left: 25px;
}
.m-left-30 {
    margin-left: 30px;
}
.m-left-40 {
    margin-left: 40px;
}
.m-right-3 {
    margin-right: 3px;
}
.m-right-5 {
    margin-right: 5px;
}
.m-right-6 {
    margin-right: 6px;
}
.m-right-7 {
    margin-right: 7px;
}
.m-right-10 {
    margin-right: 10px;
}
.m-right-15 {
    margin-right: 15px;
}
.m-right-17 {
    margin-right: 17px;
}
.m-right-20 {
    margin-right: 20px;
}
.m-right-25 {
    margin-right: 25px;
}
.m-right-30 {
    margin-right: 30px;
}
.m-right-40 {
    margin-right: 40px;
}
.m-top-neg-1 {
    margin-top: -1px;
}
.m-top-neg-60 {
    margin-top: -60px;
}
.m-top-0 {
    margin-top: 0 !important;
}
.m-top-2 {
    margin-top: 2px;
}
.m-top-3 {
    margin-top: 3px;
}
.m-top-5 {
    margin-top: 5px;
}
.m-top-7 {
    margin-top: 7px;
}
.m-top-10 {
    margin-top: 10px;
}
.m-top-12 {
    margin-top: 12px;
}
.m-top-15 {
    margin-top: 15px;
}
.m-top-17 {
    margin-top: 17px;
}
.m-top-20 {
    margin-top: 20px;
}
.m-top-25 {
    margin-top: 25px;
}
.m-top-27 {
    margin-top: 27px;
}
.m-top-30 {
    margin-top: 30px;
}
.m-top-35 {
    margin-top: 35px;
}
.m-top-40 {
    margin-top: 40px;
}
.m-top-50 {
    margin-top: 50px;
}
.m-top-80 {
    margin-top: 80px;
}
.m-15 {
    margin:15px;
}
.m-20 {
    margin: 20px;
}
.no-border {
    border: 0 !important;
}
.no-border-spacing {
    border-spacing: 0 !important;
}
.no-border-radius,
div.add-panel-plus div.no-border-radius div {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.no-border-top {
    border-top: 0 !important;
}
.no-border-bottom {
    border-bottom: 0 !important;
}
.no-border-right {
    border-right: 0 !important;
}
.no-border-left {
    border-left: 0 !important;
}
.border-top {
    border-top: 1px solid #ebecf2;
}
.border-bottom {
    border-bottom: 1px solid #ebecf2;
}
.no-no-wrap{
    white-space:initial;
}
.o-auto {
    overflow: auto;
}
.o-hidden {
    overflow: hidden;
}
.no-padding {
    padding: 0;
}
.p-0{
    padding: 0px;
}
.p-5{
    padding: 5px;
}
.p-10 {
    padding: 10px;
}
.p-15 {
    padding: 15px;
}
.p-20 {
    padding: 20px !important;
}
.p-25 {
    padding: 25px;
}
.p-bottom-0 {
    padding-bottom: 0 !important;
}
.p-bottom-5 {
    padding-bottom: 5px;
}
.p-bottom-10 {
    padding-bottom: 10px;
}
.p-bottom-15 {
    padding-bottom: 15px;
}
.p-bottom-20 {
    padding-bottom: 20px;
}
.p-bottom-25 {
    padding-bottom: 25px;
}
.p-bottom-30 {
    padding-bottom: 30px;
}
.p-bottom-40 {
    padding-bottom: 40px;
}
.p-bottom-45 {
    padding-bottom: 45px;
}
.p-left-0 {
    padding-left: 0 !important;
}
.p-left-1 {
    padding-left: 1px;
}
.p-left-2 {
    padding-left: 2px;
}
.p-left-3 {
    padding-left: 3px;
}
.p-left-4 {
    padding-left: 4px;
}
.p-left-5 {
    padding-left: 5px;
}
.p-left-10 {
    padding-left: 10px;
}
.p-left-15 {
    padding-left: 15px;
}
.p-left-18 {
    padding-left: 18px;
}
.p-left-20 {
    padding-left: 20px;
}
.p-left-25 {
    padding-left: 25px;
}
.p-left-30 {
    padding-left: 30px;
}
.p-left-40 {
    padding-left: 40px;
}
.p-left-45 {
    padding-left: 45px;
}
.p-left-50 {
    padding-left: 50px;
}
.p-right-0 {
    padding-right: 0 !important;
}
.p-right-5 {
    padding-right: 5px;
}
.p-right-10 {
    padding-right: 10px;
}
.p-right-15 {
    padding-right: 15px;
}
.p-right-20 {
    padding-right: 20px;
}
.p-right-25 {
    padding-right: 25px;
}
.p-right-30 {
    padding-right: 30px;
}
.p-right-40 {
    padding-right: 40px;
}
.p-right-45 {
    padding-right: 45px;
}
.p-top-0 {
    padding-top: 0 !important;
}
.p-top-5 {
    padding-top: 5px;
}
.p-top-8 {
    padding-top: 8px;
}
.p-top-10 {
    padding-top: 10px;
}
.p-top-15 {
    padding-top: 15px;
}
.p-top-20 {
    padding-top: 20px;
}
.p-top-25 {
    padding-top: 25px;
}
.p-top-30 {
    padding-top: 30px;
}
.p-top-40 {
    padding-top: 40px;
}
.p-top-45 {
    padding-top: 45px;
}
.p-top-50 {
    padding-top: 50px;
}
.p-top-60 {
    padding-top: 60px;
}
.p-top-95 {
    padding-top: 95px;
}
.p-top-200 {
    padding-top: 200px;
}
.pos-relative {
    position: relative !important;
}
.pos-absolute {
    position: absolute;
}
.pos-fixed {
    position: fixed;
}
.pos-sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}
.opacity-01{
    opacity:0.1;
}
.opacity-02{
    opacity:0.2;
}
.opacity-03{
    opacity:0.3;
}
.opacity-04{
    opacity:0.4;
}
.opacity-05{
    opacity:0.5;
}
.opacity-06{
    opacity:0.6;
}
.opacity-07{
    opacity:0.7;
}
.opacity-08{
    opacity:0.8;
}
.opacity-09{
    opacity:0.9;
}
.opacity-1{
    opacity:1;
}
.required-field-legend {
    color: #f00;
    font-size: 12px;
}
.t-align-right {
    text-align: right !important;
}
.t-align-left {
    text-align: left !important;
}
.t-align-center {
    text-align: center !important;
}
.v-align-middle,
.table .v-align-middle {
    vertical-align: middle;
}
.v-align-top {
    vertical-align: top !important;
}
.v-align-bottom {
    vertical-align: bottom;
}
.v-align-txtbottom {
    vertical-align: text-bottom;
}
.v-align-sub {
    vertical-align: sub;
}
.v-align-txttop {
    vertical-align: text-top;
}
.w-20 {
    width: 20px;
}
.w-35 {
    width: 35px;
}
.w-50 {
    width: 50px;
}
.w-60 {
    width: 60px;
}
.w-70 {
    width: 70px;
}
.w-75 {
    width: 75px;
}
.w-80 {
    width: 80px;
}
.w-90 {
    width: 90px;
}
.w-100 {
    width: 100px;
}
.w-110 {
    width: 110px;
}
.w-120 {
    width: 120px;
}
.w-135 {
    width: 135px;
}
.w-140{
    width: 140px;
}
.w-150 {
    width: 150px;
}
.w-155 {
    width: 155px;
}
.w-160 {
    width: 160px;
}
.w-170 {
    width: 170px;
}
.w-180 {
    width: 180px;
}
.w-200 {
    width: 200px;
}
.w-220 {
    width: 220px;
}
.w-230 {
    width: 230px;
}
.w-250 {
    width: 250px;
}
.w-255 {
    width: 255px;
}
.w-260 {
    width: 260px;
}
.w-270 {
    width: 270px;
}
.w-300 {
    width: 300px !important;
}
.w-330 {
    width: 330px;
}
.w-350 {
    width: 350px;
}
.w-360 {
    width: 360px;
}
.w-390 {
    width: 390px;
}
.w-400 {
    width: 400px;
}
.w-415 {
    width: 415px;
}.w-440 {
    width: 440px;
}
.w-450 {
    width: 450px;
}
.w-500 {
    width: 500px;
}
.w-515 {
    width: 515px;
}
.w-550 {
    width: 550px;
}
.w-565 {
    width: 565px;
}
.w-585 {
    width: 585px;
}
.w-600 {
    width: 600px;
}
.w-650 {
    width: 650px;
}
.w-700 {
    width: 700px;
}
.w-750 {
    width: 750px;
}
.w-1-p {
    width: 1%;
}
.w-2-p {
    width: 2%;
}
.w-3-p {
    width: 3%;
}
.w-4-p {
    width: 4%;
}
.w-5-p {
    width: 5%;
}
.w-6-p {
    width: 6%;
}
.w-7-p {
    width: 7%;
}
.w-8-p {
    width: 8%;
}
.w-9-p {
    width: 9%;
}
.w-10-p {
    width: 10%;
}
.w-11-p {
    width: 11%;
}
.w-12-p {
    width: 12%;
}
.w-13-p {
    width: 13%;
}
.w-14-p {
    width: 14%;
}
.w-15-p {
    width: 15%;
}
.w-16-p {
    width: 16%;
}
.w-17-p {
    width: 17%;
}
.w-18-p {
    width: 18%;
}
.w-19-p {
    width: 19%;
}
.w-20-p {
    width: 20%;
}
.w-21-p {
    width: 21%;
}
.w-22-p {
    width: 22%;
}
.w-23-p {
    width: 23%;
}
.w-24-p {
    width: 24%;
}
.w-25-p {
    width: 25%;
}
.w-26-p {
    width: 26%;
}
.w-27-p {
    width: 27%;
}
.w-28-p {
    width: 28%;
}
.w-29-p {
    width: 29%;
}
.w-30-p {
    width: 30%;
}
.w-31-p {
    width: 31%;
}
.w-32-p {
    width: 32%;
}
.w-33-p {
    width: 33%;
}
.w-34-p {
    width: 34%;
}
.w-35-p {
    width: 35%;
}
.w-36-p {
    width: 36%;
}
.w-37-p {
    width: 37%;
}
.w-38-p {
    width: 38%;
}
.w-39-p {
    width: 39%;
}
.w-40-p {
    width: 40%;
}
.w-41-p {
    width: 41%;
}
.w-42-p {
    width: 42%;
}
.w-43-p {
    width: 43%;
}
.w-44-p {
    width: 44%;
}
.w-45-p {
    width: 45%;
}
.w-46-p {
    width: 46%;
}
.w-47-p {
    width: 47%;
}
.w-48-p {
    width: 48%;
}
.w-49-p {
    width: 49%;
}
.w-50-p {
    width: 50%;
}
.w-51-p {
    width: 51%;
}
.w-52-p {
    width: 52%;
}
.w-53-p {
    width: 53%;
}
.w-54-p {
    width: 54%;
}
.w-55-p {
    width: 55%;
}
.w-56-p {
    width: 56%;
}
.w-57-p {
    width: 57%;
}
.w-58-p {
    width: 58%;
}
.w-59-p {
    width: 59%;
}
.w-60-p {
    width: 60%;
}
.w-61-p {
    width: 61%;
}
.w-62-p {
    width: 62%;
}
.w-63-p {
    width: 63%;
}
.w-64-p {
    width: 64%;
}
.w-65-p {
    width: 65%;
}
.w-66-p {
    width: 66%;
}
.w-67-p {
    width: 67%;
}
.w-68-p {
    width: 68%;
}
.w-69-p {
    width: 69%;
}
.w-70-p {
    width: 70%;
}
.w-71-p {
    width: 71%;
}
.w-72-p {
    width: 72%;
}
.w-73-p {
    width: 73%;
}
.w-74-p {
    width: 74%;
}
.w-75-p {
    width: 75%;
}
.w-76-p {
    width: 76%;
}
.w-77-p {
    width: 77%;
}
.w-78-p {
    width: 78%;
}
.w-79-p {
    width: 79%;
}
.w-80-p {
    width: 80%;
}
.w-81-p {
    width: 81%;
}
.w-82-p {
    width: 82%;
}
.w-83-p {
    width: 83%;
}
.w-84-p {
    width: 84%;
}
.w-85-p {
    width: 85%;
}
.w-86-p {
    width: 86%;
}
.w-87-p {
    width: 87%;
}
.w-88-p {
    width: 88%;
}
.w-89-p {
    width: 89%;
}
.w-90-p {
    width: 90%;
}
.w-91-p {
    width: 91%;
}
.w-92-p {
    width: 92%;
}
.w-93-p {
    width: 93%;
}
.w-94-p {
    width: 94%;
}
.w-95-p {
    width: 95%;
}
.w-96-p {
    width: 96%;
}
.w-97-p {
    width: 97%;
}
.w-98-p {
    width: 98%;
}
.w-99-p {
    width: 99%;
}
.w-100-p {
    width: 100%;
}
.w-100-vw {
    width: 100vw;
}
.w-auto-forced {
    width: auto !important;
}
.w-min-initial {
    min-width:initial;
}
.w-min-50 {
    min-width: 170px;
}
.w-min-170 {
    min-width: 170px;
}
.w-min-180 {
    min-width: 180px;
}
.w-min-200 {
    min-width: 200px;
}
.w-max-300 {
    max-width: 300px;
}
.w-max-600 {
    max-width: 600px;
}
.w-max-800 {
    max-width: 800px;
}
.w-max-970 {
    max-width: 970px;
}
/*--
.w-max-1140 {
    max-width: 1140px;
}
.w-max-1180 {
    max-width: 1180px;
}
.w-max-screen {
    max-width: 1160px;
}
    --*/

.max-w-110{
    max-width:110px;
}

.min-w-220{
    min-width:220px;
}

.min-w-260{
    min-width:260px;
}

.float-none {
    float: none;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.stroked{
    text-decoration:line-through;
}
.no-bold {
    font-weight: 300 !important;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-italic {
    font-style: italic;
}
.text-initial {
    text-transform: initial;
}
.text-cut {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: inherit;
}
.no-wrap {
    white-space: nowrap;
}
.shadowed-white-box {
    background: #fff;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, .5);
}
.no-event {
    pointer-events: none;
}
.z-index-1 {
    z-index: 1;
}
.label-legend {
    font-family: "Montserrat";
    font-size: 12px;
}
.no-color {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}
.image-preview img {
    max-width: 100% !important;
    max-height: 100% !important;
}
.center-vertically {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
.black-and-white {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}
.clear {
    clear: both;
}
.item-status {
    max-width: 100px;
    border-radius: 13px;
    text-align: center;
    color: #FFF;
    font-size:12px;
    font-weight: normal;
    padding: 3px;
}
/*-- Gestion du colspan pour les tables gérées en CSS --*/
.table-colspan {
    display: block;
    overflow: visible;
    white-space: nowrap;
    width: 1px;
    max-width: 1px;
    margin-top: 10px;
}
.table-colspan .d-table-cell {
    display: inline-block;
    margin-right: 10px;
}
.table-colspan .d-table-cell.w-100-p {
    width: auto;
}
.table-colspan .d-table-cell .form-control {
    margin-top: 0;
}
.table-joined {
    display: inline;
    overflow: visible;
    white-space: nowrap;
}
.table-joined .d-table-cell {
    display: inline-block;
    padding-right: 10px;
    margin-top: 10px;
}
.table-joined .d-table-cell.w-100-p {
    width: auto;
}
.table-joined .d-table-cell .form-control {
    margin-top: 0;
}
/*-- PlaceHolders --*/
[contentEditable=true]:empty:not(:focus):before {
    color: #8f8f8f;
    content: attr(placeholder);
    font-size: 14px;
}
body font[size="7"] {
    font-size: 14px !important;
}
input::-moz-placeholder {
    font-style: italic;
    font-weight: 300;
}
input::-webkit-input-placeholder {
    font-style: italic;
    font-weight: 300;
}
textarea::-moz-placeholder {
    font-style: italic;
}
textarea::-webkit-input-placeholder {
    font-style: italic;
}
/*--- Customizations - Bootstrap ---*/
body label, body select {
    font-weight: normal;
    font-family: "Montserrat";
    color: #00263b;
}
body select {
    border-color: #ebecf2;
    padding: 0 8px;
    height: 40px;
    line-height:40px;
    border-radius:20px;
}
body input[type=radio],
body input[type=radio] + label {
    margin: 0;
    vertical-align: middle;
}
body input[type=radio] + label,
span[disabled=disabled] + label {
    margin-left: 5px;
    margin-right: 10px;
    line-height: 15px;
    height:initial;
}

/* Inputs dates en readonly : apparence normale */
.rounded-date-choice input[readonly],
.input-date input[readonly] {
    background: transparent;
    cursor: default;
}

/*-- Tabs --*/

.master-content-wrap .nav-tabs {
    width: calc(100% - 190px);
}

.nav-tabs {
    font-size: 13px;
    font-weight: normal;
    border: none;
    display: inline-block;
}
.nav-tabs.notification-tabs {
    width: 55%;
    max-width: 820px;
}
.nav-tabs > li {
    float: none;
    display: inline-block;
    padding: 10px 0;
}
    a,
    .nav-tabs > li > a,
    .nav-tabs > li.link-new-cal > a {
        color: rgba(77,124,254,1);
        font-family: "Montserrat";
        font-weight: normal;
    }
    a,
    .nav-tabs > li > a,
    .nav-tabs > li.link-new-cal > a > i {
        color: rgba(77,124,254,1);
    }

a[disabled] {
    color: rgba(0,0,0,.5);
    cursor: not-allowed;
    pointer-events: none;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background: none;
    border-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: none;
    color: rgba(77,124,254,1);
    background-color: rgba(77,124,254,.2);
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin-right: 0;
}
a#lbSaveTop {
    margin-bottom: 0;
}
.las.la-save.m-right-3.f-size-18.v-align-sub {
    top: -2px;
    position: relative;
}
.subscription-tabs .list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 25px;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
    .subscription-tabs .list .item {
        border: 2px solid #fff;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        background-color:#fff;
    }
        .subscription-tabs .list .item .link,
        .subscription-tabs .list .item .link:active,
        .subscription-tabs .list .item .link:visited {
            background: #fff;
            font-family: "Montserrat";
            font-weight: 300;
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            font-weight: normal;
            height: 46px;
            line-height: 46px;
            border-radius: 23px;
            color: #00263b;
        }
        .subscription-tabs .list .item.active .link,
        .subscription-tabs .list .item:hover .link,
        .subscription-tabs .list .item:hover .link:active,
        .subscription-tabs .list .item:hover .link:visited {
            color: #fff;
            background: #00263b;
            text-decoration: none;
        }
/*-- Alertes --*/
body .alert {
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 15px;
    text-shadow: none;
}
body .alert strong {
    font-size: 12px;
    margin-right: 5px;
}
/* - Danger (red) - */
body .alert-danger {
    background: #ffdede;
    color: rgba(242,41,24,1);
}
/* -  Success (green) - */
body .alert-success {
    background: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
/* - Warning (orange) - */
body .alert-warning {
    background: #f2dede;
    border-color: #ebccd1;
    color: #b94a48;
}
/*-- Buttons --*/
body .btn,
body .btn:hover,
body .btn:active,
body .btn:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    background-color: rgba(77,124,254,1);
    color: #fff;
}
    body .btn:focus {
        outline: 0;
        color: #fff;
    }
body .btn a {
    color: #fff;
}
/* - Lists items commands (smaller) - */
body .btn.page-list-item-btn,
body .btn.page-list-item-btn:focus {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
}
body .btn.page-list-item-btn.no-margin-top {
    margin-top: 0 !important;
}
body .btn.page-list-item-btn.no-margin {
    margin: 0 !important;
}
body .btn.page-list-item-btn.m-right-5 {
    margin-right: 5px !important;
}
body .btn.page-list-item-btn.m-bottom-10 {
    margin-bottom: 10px !important;
}
body .btn.page-list-item-btn.m-left-10 {
    margin-left: 10px !important;
}
body .btn.page-list-item-btn.m-left-15 {
    margin-left: 15px !important;
}
body .btn.page-list-item-btn.p-top-15 {
    padding-top: 15px !important;
}
body .btn.page-list-item-btn.p-bottom-15 {
    padding-bottom: 15px !important;
}
/* - Danger (red) - */
body .btn-danger,
body .btn-danger:hover {
    background: rgba(242,41,24,1);
}   
body .btn-danger[disabled] {
    color: #fff;
}
/* - Default (gray) - */
body .btn-default {
    background: #e0e0e0;
}
/* - Info / Primary (blue) - */
body .btn-info,
body .btn-primary {
    background: rgba(77,124,254,1);
}
body .btn-primary i {
    color: #fff;
}
body .btn-white,
body .btn-white:hover,
body .btn-white:active,
body .btn-white:focus {
    background: #fff !important;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    color: rgba(77,124,254,1);
}
body .btn-info:hover,
body .btn-primary:hover {
    background: rgba(77,124,254,.95);
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: rgba(77,124,254,1);
    border: none;
}
/* - Warning (yellow) - */
body .btn-warning,
body .btn-warning:focus {
    background: rgba(255,165,0,1);
}
    body .btn-warning:hover {
        background: rgba(255,165,0,.95);
    }
/* - Warning-red - */
body .btn-warning-red,
body .btn-warning-red:focus {
    background: rgba(242,41,24,1);
    
}
body .btn-warning-red:hover {
    background: #d13f32;
}
    body .btn-warning-red.active,
    body .btn-warning-red.active:focus,
    body .btn-warning-red.active:hover {
        background: #fff;
        color: #00263b;
    }
/* - MyC - */
body .btn-myc,
body .btn-myc:hover,
body .btn-myc:focus {
    background: none;
    border: 2px solid #fff;
    color: #fff;
    line-height:36px;
}
body .btn-myc:hover {
    border-color: #c5cde2;
}
body .btn-nav-product {
    background: #fff;
    color: #00263b;
    font-size: 12px;
}
body .btn-nav-product:hover {
    background: #e0e0e0;
}
body .btn-search,
body .btn-search:hover,
body .btn-search:hover:focus {
    background: rgba(77,124,254,1);
    color: #fff !important;
    font-weight: normal !important;
}
body .btn-search-warning,
body .btn-search-warning:hover,
body .btn-search-warning:hover:focus {
    background: rgba(255,165,0,1);
    font-weight: normal !important;
}
body .btn-search-inline,
body .btn-search-inline:hover {
    height: 40px;
    line-height: 20px;
    border: none;
    padding-top: 10px;
    font-family: "Montserrat";
    font-weight:300;
    font-weight: normal !important;
}
body .btn-MyC-return,
body .btn-MyC-return:hover,
body .btn-MyC-return:focus {
    background-color: transparent !important;
    border: 2px solid #c5cde2;
    color: #c5cde2 !important;
    font-size: 14px;
    text-decoration: none !important;
    width: auto;
    line-height:36px;
}
    body .btn-MyC-return label,
    body .btn-MyC-return:hover label,
    body .btn-MyC-return:focus label {
        color: #c5cde2;
        line-height: 14px;
        font-family: "Montserrat";
        font-weight: normal;
        line-height:36px;
    }
    body .btn-MyC-return i,
    body .btn-MyC-return:hover i,
    body .btn-MyC-return:focus i {
        color: #c5cde2;
        line-height: 36px;
        margin-right: 5px;
        height: 36px;
        vertical-align: top;
    }
/* - alt-default - */
body .btn-alt-default,
body .btn-alt-default:focus,
body .btn-alt-default[disabled] {
    background: transparent;
    border: 1px solid #ebecf2;
    padding: 0 15px;
    color: rgba(77,124,254,1);
}
body .btn-alt-default:not([disabled]):hover {
    background: #ebecf2;
    color: rgba(77,124,254,1);
}
body .btn-alt-default[disabled] {
    color: rgba(52, 152, 219, .5);
}
/* - alt-danger - */
body .btn-alt-danger {
    background-color: rgba(242,41,24,1);
    border-color: rgba(242,41,24,1);
    color: #fff;
    font-size: 14px;
}
body .btn-alt-danger:hover {
    background-color: rgba(242,41,24,1);
    border-color: rgba(242,41,24,1);
    color: #fff;
    opacity:.8;
}
body .btn-alt-danger[disabled] {
    color: #fff;
}
/* - alt-success - */
body .btn-alt-success,
body .btn-alt-success:focus,
body .btn-alt-success[disabled] {
    background: #00a46d;
    border: 1px solid #00a46d;
    padding: 0 15px;
    color: #fff;
}
body .btn-alt-success:not([disabled]):hover {
    background: #008055;
    border-color: #008055;
    color: #fff;
}
body .btn-alt-success[disabled] {
    color: rgba(255, 255, 255, .5);
}
/* - rounded - */
body .btn-rounded,
body .btn-rounded:hover {
    font-size: 14px;
    font-family: "Montserrat";
    padding: 2px 10px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    background-color: rgba(77,124,254,1);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
body .btn-rounded:focus {
    text-transform: none;
}
.btn-circle{
    height:40px;
    width:40px;
    text-align:center;
    padding:0 !important;
}
.btn-circle i {
    height: 40px;
    line-height: 40px;
}
.btn-copy-paste {
    height: 40px;
    width: 40px;
    background-color: rgba(77,124,254,1);
    line-height: 40px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.lb-save-top {
    position: absolute;
    top: -20px;
    right: 0px;
}

.color-blue, .color-blue:hover {
    color: rgba(77,124,254,1);
}
/* Toggle-switch */
.toggle-switch-w {
    font-size: 0;
    cursor: pointer;
    white-space: nowrap;
}
.toggle-switch-w-website-templates {
    cursor: initial;
    margin: 15px 0;
}
.toggle-switch,
.toggle-switch-label {
    cursor: pointer;
    margin: 0;
    vertical-align: middle;
}
.toggle-switch-label {
    font-size: 14px;
    font-weight: normal;
    padding: 0 10px 0 5px;
    text-align: right;
}
.toggle-label.w-170 {
    padding: 0px;
    width: 100%;
    display: block;
    font-weight: 500;
    padding-bottom: 3px;
}
.toggle-switch ~ .toggle-switch-label {
    padding: 0 5px 0 10px;
    text-align: left;
}
.toggle-switch {
    background: linear-gradient(to top, #e0e0e0, #fff);
    border-radius: 13px;
    -webkit-box-shadow: inset 0 -2px #fff, inset 0 2px rgba(0, 0, 0, .12);
    box-shadow: inset 0 -2px #fff, inset 0 2px rgba(0, 0, 0, .12);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 22px !important;
    line-height:initial;
    padding: 3px;
    position: relative;
    width: 45px;
    z-index: 1;
}
.toggle-switch.website-templates-toggle-switch {
    width: 500px;
    height:40px !important;
}
.toggle-switch input {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

.content-switch input,
.switch-with-check input {
    opacity: 0;
    position: absolute;
}

.toggle-switch-bg {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    background: #34495e;
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 8px 2px rgba(0, 0, 0, .32);
    box-shadow: inset 0 0 8px 2px rgba(0, 0, 0, .32);
    -webkit-transition: opacity .15s ease-out, background .15s ease-out;
    -moz-transition: opacity .15s ease-out, background .15s ease-out;
    -o-transition: opacity .15s ease-out, background .15s ease-out;
    transition: opacity .15s ease-out, background .15s ease-out;
}
    .toggle-switch-bg.bg-green {
        background-color: #00a46d !important;
    }
    .toggle-switch-bg.bg-red {
        background-color: rgba(242,41,24,1) !important;
    }
.toggle-switch.website-templates-toggle-switch .toggle-switch-bg {
    background: #ffffff;
}
.toggle-switch-bg-classic {
    background: #cdcdcd;
}
.toggle-switch-color-off .toggle-switch input:not(:checked) ~ .toggle-switch-bg {
    background: #db3f3f;
}
.toggle-switch-color-on .toggle-switch input:checked ~ .toggle-switch-bg {
    background: #00a46d;
}
.toggle-switch-bg:before {
    background: rgba(0, 0, 0, .25);
    content: '';
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    width: 45%;
    z-index: 1;
}
.toggle-switch-handle,
.toggle-switch-first-on .toggle-switch input:checked ~ .toggle-switch-handle{
    background: linear-gradient(to bottom, #fff, #ededed);
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .32);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .32);
    height: 16px;
    left: 7px;
    position: absolute;
    top: 6px;
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    transition: left .15s ease-out;
    width: 16px;
    z-index: 2;
}
.website-templates-toggle-switch-handle {
    background-color: #00263b;
    border-radius: 23px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .32);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .32);
    height: 36px;
    left: 2px;
    position: absolute;
    top: 4px;
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    transition: left .15s ease-out;
    width: 250px;
    z-index: 2;
}
.toggle-switch-first-on .toggle-switch input:not(:checked) ~ .toggle-switch-handle,
.toggle-switch-w:not(.toggle-switch-first-on) .toggle-switch input:checked ~ .toggle-switch-handle,
.toggle-switch-second-on .toggle-switch input:checked ~ .toggle-switch-handle {
    left: 28px;
}
.toggle-switch-w:not(.toggle-switch-first-on) .toggle-switch input:checked ~ .website-templates-toggle-switch-handle {
    left: 248px;
}
.toggle-switch-handle:before {
    background: linear-gradient(to bottom, #ececec, #fff);
    border-radius: 6px;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1);
    content: '';
    height: 10px;
    left: 50%;
    margin: -5px 0 0 -5px;
    position: absolute;
    top: 50%;
    width: 10px;
}
.website-templates-toggle-switch-handle-left-text {
    position: absolute;
    color: #000000;
    z-index: 3;
    left: 0px;
    width: 50%;
    font-size: 14px;
}
.website-templates-toggle-switch-handle-right-text {
    position: absolute;
    color: #00263b;
    z-index: 3;
    right: 0px;
    font-size: 14px;
    width: 50%;
}
.website-templates-toggle-switch-handle-right-text.active,
.website-templates-toggle-switch-handle-left-text.active {
    color: #ffffff;
}
/*-- Fixation horizontale et verticale --*/
tr.fix-y td > div, tr.fix-y th > div {
    top: inherit;
}
div.fix-y,
tr.fix-y,
tr.fix-y td > div,
tr.fix-y th > div,
div.fix-x {
    position: relative;
}
div.fix-y, tr.fix-y, tr.fix-y td > div, tr.fix-y th > div {
    z-index: 101;
}
tr.fix-y{
    z-index: 9!important;
}
/*-- form-control, dropdown et listes Selectize --*/
input[type="file"] {
    height: auto !important;
}
body .form-control.h-auto, .list-oi-item .global-item.h-auto {
    height: auto;
}
body .form-control {
    border-color: #ebecf2;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 15px;
    font-family: "Montserrat";
    font-weight: 300 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
body .form-control.p-right-40 {
    padding-right:40px;
}
#divVirtualEpt .form-control {
    font-weight: normal !important;
}
    body .form-control[type="radio"],
    body .form-control[type="checkbox"] {
        width: initial;
        border: none;
        box-shadow: none;
        transition: initial;
        height: 20px;
        margin-top: 10px;
    }
body .form-control[readonly].bg-white {
    background-color: #FFF;
}
body .selectize-control input, body .selectize-control .item, body .selectize-control .option {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
}
body select.selectized {
    visibility: hidden;
}
body .selectize-dropdown-content {
    text-align: left;
    background-color: #fff;
}
body div.selectize-control.single:not(.multi) .selectize-input:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 15px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f107';
    border: none;
    right: 15px;
    top: 15px;
    font-weight: normal;
}
.age-block > .selectize-control.single > .selectize-input.items.full.has-options.has-items > .item {
    left: -4px;
    position: relative;
}
body .table-data-mini div.selectize-control.single:not(.multi) .selectize-input:after {
    top: 15px;
}
body .be-container div.selectize-control.single:not(.multi) .selectize-input:after {
    top: 16px;
}
body div.selectize-control.single .selectize-input.dropdown-active:after {
    content: '\f106';
}
/*-- Champs personnalisés --*/
body .input-group-addon {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-left: 0 !important;
}
.input-group-addon i.las,
.input-group-addon em.las {
    font-size: 18px;
}
.filter-panel .input-group-addon i.las,
.filter-panel .input-group-addon em.las {
    color: rgba(77,124,254,1);
}
body .input-amount {
    width: 120px;
}
body .input-number {
    width: 70px;
}
body .input-percentage,
body .input-amount{
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ebecf2;
    background-color: #fff;
    padding: 2px;
    display: flex;
}

body #divConditionsOfSale .input-percentage,
body #divConditionsOfSale .input-amount {
    line-height: inherit;
    display: inline-block;
}
    body .input-percentage input,
    body .input-amount input {
        height: 34px;
        line-height: 34px;
        vertical-align: top;
        border: none;
        background-color: transparent;
        width: calc(100% - 34px) !important;
        padding-right: 0;
    }
    body #divConditionsOfSale .input-percentage input,
    body #divConditionsOfSale .input-amount input {
        width: 90px !important;
    }
    body .input-percentage .input-group-addon,
    body .input-amount .input-group-addon {
        border-radius: 100% !important;
        padding: 0;
        height: 34px;
        line-height: 34px;
        width: 34px;
        border: none;
        display: inline-block;
    
    }
body .input-date {
    width: 150px;
}
body .smart-checkbox {
    font-size: 24px;
    cursor: pointer;
}
body .table-selectable .smart-checkbox {
    float: right;
}
body .empty-photo {
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #777;
}
/*-- Modals --*/
.modal {
    background-color: rgba(0,38,59,.85);
}
.modal-header .close {
    color: #fff;
    opacity: .6;
}
.modal-header .close:hover {
    opacity: 1;
}
#ModalConfirm, #Modal-Edit, #Modal-rename, .modal-dialog, .modal {
    z-index: 12050;
}
/*-- Panels --*/
/* - All - */
body .panel > .panel-heading {
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
}
body .panel.checkbox-list-container .panel-body {
    padding-bottom: 5px;
}
.panel-group .panel+.panel {
    margin-top: 0;
}
/* - Danger (red) - */
body .panel-danger {
    border-color: rgba(242,41,24,1);
}
body .panel-danger > .panel-heading {
    background-color: rgba(242,41,24,1);
}
body .panel-info-danger {
    background-color: rgba(240, 19, 19, 0.2);
    border: 1px solid rgba(242,41,24,1);
    border-radius: 0;
    color: #d00303;
    font-family: "Montserrat";
    font-weight: 300;
    text-align: left;
}
/* - Primary (blue) - */
body .panel-primary {
    border-color: rgba(77,124,254,1);
}
body .panel-primary > .panel-heading {
    background: rgba(77,124,254,1);
}
/* - Success (green) - */
body .panel-success {
    border-color: #27ae60;
}
body .panel-success > .panel-heading {
    background-color: #27ae60;
}
/* - Warning (orange) - */
body .panel-warning {
    border-color: #ffc334;
}
body .panel-warning > .panel-heading {
    background-color: #ffc334;
}
body .panel-info-warning {
    background-color: rgba(241, 196, 15, .5);
    border: 1px solid rgba(255,165,0,1);
    border-radius: 0;
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
    text-align: left;
}
/* - Square (coins carrés) - */
body .panel-square {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(52, 73, 94, .3);
    box-shadow: 0 1px 2px 0 rgba(52, 73, 94, .3);
}
/*-- Tables --*/
body .table > thead > tr > th {
    font-size: 13px;
}
body .table > tbody > tr > td {
    font-size: 16px;
    vertical-align: middle;
}
body .table > tbody > tr > td.f-size-14 {
    font-size: 14px !important;
}
body .table > tbody > tr > td.f-size-18 {
    font-size: 18px !important;
}
body .table.no-margin {
    margin: 0;
}
/*-- Tooltips --*/
body .tooltip-inner {
    white-space: nowrap;
    max-width: 600px;
    background: #34495e;
}
body .tooltip.in {
    z-index: 1050;
}
/*--- Customizations - Colorbox ---*/
#cboxOverlay {
    background: #123f52;
}
#cboxLoadedContent {
    margin-bottom: 30px;
}
#cboxError {
    padding: 250px;
}
#cboxTitle,
#cboxCurrent,
#cboxPrevious,
#cboxNext {
    font-size: 16px;
}
#cboxCurrent {
    left: 30px;
}
#cboxNext {
    left: 90px;
}
#cboxClose {
    bottom: -4px;
    font-size: 20px;
}
/*--- Customizations - Selectize ---*/
.selectize-control.single,
.selectize-control.single:active {
    cursor: pointer !important;
    line-height: 0;
}
.selectize-input {
    font-size: 14px;
    min-height: 40px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ebecf2;
    margin-top: 5px;
    border-radius: 15px;
}
.selectize-control.multi .selectize-input.has-items {
    padding: 10px;
}

.selectize-control.single .selectize-input {
    max-height: 40px;
    min-height: 40px;
    background-image: none;
    background: #ffffff;
    padding-top: 10px;
    box-shadow:none;
    line-height:40px;
    padding:0 30px 0 15px;
    border-radius:20px;
    margin-top:0;
}
.table-data .selectize-control.single .selectize-input {
    max-height: 40px;
    min-height: 40px;
    line-height: 40px;
}
    .selectize-control.single .selectize-input.input-active,
    .selectize-control.single .selectize-input.input-active input {
        cursor: pointer;
    }
.selectize-control.single .selectize-input:after {
    right: 10px;
}
.selectize-control.multi .selectize-input > div {
    padding: 5px 10px;
    border: 0;
}
.selectize-control.multi .selectize-input [data-value] {
    background: rgba(77,124,254,1);
    margin: 0 5px 5px 0;
    border-radius: 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.selectize-control.multi .selectize-input [data-value] .remove {
    padding: 5px 0 0 0;
    width: 22px;
    font-size: 16px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-left: 0;
}
.selectize-control.multi .selectize-input [data-value] .remove:hover {
    background: rgba(71,114,234,.1);
}
.selectize-input.not-full > input {
    min-width: 350px !important;
}
/* ClockPicker */
.input-clock-picker {
    background-color: #FFF;
    cursor: pointer;
}
.disabled .input-clock-picker,
.disabled .i-clock-picker.input-group-addon {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #dfdfdf;
}
.clockpicker {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ebecf2;
    padding: 2px;
    display: inline-flex;
}
    .clockpicker input {
        height: 34px;
        line-height: 34px;
        border: none;
        width: calc(100% - 34px) !important;
        background-color: transparent;
        padding-left:10px;
        padding-right:5px;
    }
    .clockpicker input.w-80 {
        width:80px!important;
        text-align: center;
    }
    .clockpicker i.input-group-addon {
        height: 34px;
        text-align: center;
        font-size: 18px;
        padding: 0;
        cursor: pointer;
        width: 34px;
        line-height: 34px;
        border-radius: 100% !important;
        border: none;
    }
/* Correction effacement partiel des placeholders */
.selectize-control.single .selectize-input.not-full > input {
    min-width: 250px !important;
}
/* Correction effacement partiel des placeholders */
/* - Active - */
.selectize-control.multi .selectize-input > div.active {
    border: 0;
}
.selectize-control.multi .selectize-input [data-value].active {
    background: rgba(71,114,234,.1);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* - Disabled - */
.selectize-control .selectize-input.disabled,
.selectize-control .selectize-input.disabled * {
    opacity: 1;
    cursor: not-allowed !important;
}
.selectize-control.single .selectize-input.disabled {
    background: #eee;
}
.selectize-control.single .selectize-input.disabled:after {
    display: none;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
    color: #000;
}
.selectize-control.multi .selectize-input [data-value].disabled {
    opacity: .5;
    cursor: default;
}
.selectize-dropdown > .selectize-dropdown-content > .option > span,
.selectize-control > .selectize-input > .item > span {
    font-style: italic;
    font-size: 0.8em;
    font-weight: 300;
}
.div-choice-activity-type .selectize-dropdown > .selectize-dropdown-content > .option > span {
    font-style: normal;
    font-size: inherit;
    font-weight: inherit;
}
/* - QuickChange - */
.quick-change .selectize-control.single .selectize-input {
    margin-right: 15px;
}
/*--- Customization intl-tel ---*/
.intl-tel-input {
    width: 100%;
}
.intl-tel-input input[type=tel] {
    z-index: 1;
}
.intl-tel-input .country-list {
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.intl-tel-input .flag-dropdown,
.intl-tel-input .flag-dropdown .country-list {
    width: 100%;
}
/* - validation.aspx - */
.div-validation-number .intl-tel-input {
    width: auto;
}
/*-- Wizard --*/
.wizard div.first-choice-activity {
    padding: 15px;
}
    .wizard div.first-choice-activity > div.d-table-cell {
        font-family: "Montserrat";
        font-size: 14px;
        font-weight:normal;
        cursor: pointer;
        background: transparent !important;
        border: none;
        padding: 0;
    }
.wizard div.first-choice-activity > div.d-table-cell.bg-blue,
.wizard div.first-choice-activity > div.d-table-cell:hover {
    color: #0881ca;
}
.wizard div.first-choice-activity > div.d-table-cell > div {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background: #fff;
    font-size: 50px;
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.wizard div.first-choice-activity > div.d-table-cell[data-id="4C6D4DFE-FEF4-4D24-B859-455A28532625"] > div {
    padding: 17px 30px;
}
.wizard div.first-choice-activity > div.d-table-cell.bg-blue > div,
.wizard div.first-choice-activity > div.d-table-cell:hover > div {
    background: #0881ca;
    color: #fff;
}
.wizard div.div-choice-activity-type {
    position: relative;
    margin-bottom: 30px;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi > div.selectize-input,
.wizard div.div-choice-activity-type > .activity-list-type-name-oi div.selectize-dropdown-content > div {
    min-height: 45px;
    padding: 12px 5px 10px 0;
    text-align: left;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi > div.selectize-input:after {
    right: 15px;
    top: 0;
    font-weight: normal;
    vertical-align: middle;
    position: static;
    height: 100%;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi > div.selectize-input:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f002";
    vertical-align: middle;
    margin: 0 15px;
    position: static;
    height: 100%;
    background: transparent;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi > div.selectize-input > div[data-value],
.wizard div.div-choice-activity-type > .activity-list-type-name-oi > div.selectize-input > input {
    width: 79% !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi > div.selectize-input > div[data-value] + input {
    width: 1px !important;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi > div.selectize-input > input {
    padding-top: 2px;
    line-height: 20px !important;
}
.wizard.m-autocenter.o-hidden.rounded-box.createAccount-panel {
    width: 700px;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi div.selectize-dropdown-content > div {
    padding: 15px 5px 15px 40px;
}
.wizard div.div-choice-activity-type > .activity-list-type-name-oi div.selectize-dropdown {
    width: 100% !important;
}
.createOi div.first-choice-activity {
    display: none !important;
}
.wizard .RblActTourist .btn,
.createOi .RblActTourist .btn {
    margin: 5px;
}
    .wizard .RblActTourist .btn:hover {
        background-color: rgba(71,114,234,.1);
        color: #00263b;
    }
#DivActivityTypeList label {
    line-height: 40px !important;
}
.wizard .btn.btn-success {
    margin-right: 0;
}
.wizard-error {
    margin-right: 15px;
    color: #f00;
}
#ValidationSummary1 {
    text-decoration: underline;
}
#ValidationSummary1 i {
    margin-right: 10px;
}
#ValidationSummary1 ul {
    list-style: none;
}
#ValidationSummary1 ul li {
    padding: 5px 0 5px 25px;
}
#bodyWizard .ui-autocomplete {
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    padding: 10px 15px;
    list-style: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#bodyWizard .ui-autocomplete li,
#bodyWizard .ui-autocomplete li a {
    cursor: pointer;
    padding: 5px 0;
}
.modalCode {
    display: none;
    position: absolute;
    z-index: 12040;
    width: 350px;
    text-align: center;
    margin: auto;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.select-type-oi {
    min-width: 300px;
}
/*-- Login --*/
.login-body {
    background: #fff no-repeat center fixed;
    background-size: cover;
    color: #00263b;
}
.login-top-bar-w {
    /*background: #00263b;*/
    height: 100px;
    /*border-bottom: 1px solid rgba(221, 221, 221, 0.2);*/
    position: relative;
    z-index: 10;
}
.login-top-bar {
    padding: 15px;
    position: relative;
}
    .login-top-bar > a.btn-myc {
        border-radius: 20px;
        margin-top: 15px;
        position: absolute;
        right: 15px;
        height: 40px;
        line-height: 38px;
        padding: 0 15px;
        background: rgba(0,0,0,.2);
        border: 2px solid #fff;
    }
.ud-panel-login {
    display: block;
    width: 525px;
    margin: auto;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.ud-panel-login > div.p-bottom-35 {
    padding-bottom: 35px;
}
.ud-panel-login .pswd-w [data-lastpass-icon-root] {
    display:none;
}

.link-bottom-modal {
    background: #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    align-content: center;
    padding: 0;
    border-radius: 0 0 15px 15px;
    margin-top: 20px;
    text-transform: uppercase;
}

.login-title {
    font-size: 22px;
    margin-bottom: 25px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 20px !important;
}
.login-flag-list {
    cursor: pointer;
}
    .login-flag-list a {
        color: #00263b;
        font-size: 0.6em;
    }
    .login-flag-list img {
        height: 18px;
        transform: none !important;
    }
    .login-flag-list span {
        display: inline-block;
        margin-left: 5px;
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 13px;
        color: #00263b;
        text-transform: capitalize;
    }

.login-flag-list ul.dropdown-menu {
    margin: 0;
    padding: 0;
    min-width: 55px;
}
.login-flag-list ul.dropdown-menu li, .login-flag-list ul.dropdown-menu li > a {
    margin: 0;
    padding: 2px;
}
.login-flag-list ul.dropdown-menu li:hover {
    background-color: #f5f5f5;
}
.login-label-col {
    height: 40px;
    padding-top: 0;
    padding-right: 0;
    text-align: left;
}
.login-label-col label {
    line-height:initial;
}
    .login-label-col a {
        font-family: "Montserrat";
        font-weight: normal;
    }
.ud-panel-login .info-signup,
.ud-panel-login .sign-up-div,
.wizard .sign-up-div {
    text-align: center;
    font-family: "Montserrat";
    font-weight: 300;
}
.ud-panel-login .info-signup {
    background: #fdffbd;
    padding: 20px 30px;
}
.ud-panel-login .sign-up-div,
.wizard .sign-up-div {
    padding: 20px;
    background-color: #f6f8fc;
    border-radius: 0 0 15px 15px;
}
    .ud-panel-login .sign-up-div a,
    .wizard .sign-up-div a {
        font-weight: normal;
    }
/*-- Wizard --*/

.createAccount-panel {
    position: absolute!important;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    -o-transform: translate(-50%, -50%)!important;
    -webkit-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
}

.wizard {
    position: relative;
    max-width: 740px;
    -webkit-transform: translate(0, 20%);
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    background: #ebecf2;
    z-index: 10;
}
.wizard.email {
    width: 550px;
}
    .wizard .wizard-title {
        height: 65px;
        background: #fff;
        position: relative;
        padding: 20px 0;
        border-bottom: 1px solid #ebecf2;
    }
    .wizard .wizard-title .wizard-title-action {
        font-weight: normal;
        font-family: "Montserrat";
        font-size: 14px;
        position: absolute;
        float: left;
        margin-left: 15px;
        color: rgba(77,124,254,1);
        text-transform: uppercase;
    }
.wizard .wizard-title .wizard-title-action > a > label {
    color: rgba(77,124,254,1);
    font-weight: normal;
}
    .wizard .wizard-title .wizard-title-text {
        font-family: "Montserrat";
        font-size: 19px;
        text-transform: uppercase;
        color: #00263b;
        font-weight: normal;
    }
.wizard .wizard-content {
    position: relative;
}
    .wizard .wizard-content .section {
        text-align: center;
    }
        .wizard .wizard-content .section .page-sub-subtitle {
            text-align: center;
            font-weight: normal !important;
        }
        .subtitle-address {
            text-align: start !important;
        }
#panelNameTel > .d-table.w-100-p.m-top-5.m-autocenter > d-table-cell v-align-middle w-30-p > lael {
    text-align: start !important;
}
.wizard .wizard-content .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(217, 225, 239, 0.8);
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px;
    z-index: 2;
}
.wizard .wizard-content .input-group {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.wizard .wizard-content .panel-email input::-moz-placeholder {
    font-style: normal;
}
.wizard .wizard-content .panel-email input::-webkit-input-placeholder {
    font-style: normal;
}
.wizard .wizard-content .panel-email .panel-agreement {
    background: #f6f8fc;
}
    .wizard .wizard-content .panel-email .title-mail-step {
        color: #fff;
        text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
        font-family: "Montserrat";
        font-weight: 300;
    }
.wizard .wizard-content .panel-email .title-mail-step > p:first-of-type {
    font-size: 44px;
    font-weight: normal;
}
.wizard .wizard-content .panel-email .title-mail-step > p:last-of-type {
    font-size: 16px;
    margin: 0 0 45px;
}
.createOi .page-sub-title {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    color: #00263b;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 2px;
}
.wizard .wizard-content .panel-address input.form-control {
    margin-bottom: 10px !important;
}
.wizard .wizard-content .panel-establishment .establishment-w .establishment {
    background:#fff;
    padding: 20px;
}
.wizard .wizard-content .panel-establishment .establishment-w .establishment .oi-photo,
.wizard .wizard-content .panel-establishment .establishment-w .establishment .oi-infos{
    display:inline-block;
    vertical-align:middle;
}
.wizard .wizard-content .panel-establishment .establishment-w .establishment .oi-photo{
    width:128px;
    margin-right:20px;
}
.wizard .wizard-content .panel-establishment .establishment-w .establishment .oi-photo .image{
    width:100%;
}
#DivAddPhoto {
    position:relative;
}
.right-side-photos #DivAddPhoto {
    position: initial;
}
.photo-btns {
    position: absolute;
    right: 20px;
    top: 8px;
}
#divPages .photo-btns {
    position: absolute;
    right: 0;
    top: -50px;
}
#ButtonAddPhoto,
#CellGallery a,
#BtnAddPhoto {
    background-color: transparent;
    color: rgba(77,124,254,1);
    padding-right: 0;
}
button#btnAddProduct:disabled {
    pointer-events: auto;
}
.div-repeater-photos {
    padding: 0 15px 15px 15px !important;
}
.wizard .wizard-content .panel-establishment .establishment-w .establishment .oi-infos .title {
    font-size: 15px;
    font-weight: normal;
}
.wizard .wizard-content .panel-establishment .a-establishment{
    width:48%;
    display:inline-block;
    vertical-align:middle;
}
.wizard .wizard-content .panel-establishment .a-establishment:first-of-type{
    margin-right:3%;
}
.wizard .btn-default {
    background: #f6f8fc;
    color:#00263b;
}
.wizard .input-group-addon {
    background: rgba(77,124,254,1);
    color: #fff;
    font-size: 13px;
    border: none;
}
.wizard .input-group .input-group-addon {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.wizard .input-group .form-control {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.wizard #ValidatorMail[style*="display: inline"],
.wizard #RequiredMail[style*="display: inline"] {
    display: inline-block !important;
}
/* Cache le message d'erreur par défaut lors de la creation d'un compte avec un mauvais mail */
.hidden-error {
    display: none !important;
}
/* Affiche le message d'erreur */
.show-error {
    display: inline-block !important;
}
#bodyWizard .ui-effects-wrapper {
    -webkit-transform: translate(0, 20%) !important;
    -moz-transform: translate(0, 20%) !important;
    -ms-transform: translate(0, 20%) !important;
    -o-transform: translate(0, 20%) !important;
    transform: translate(0, 20%) !important;
}
#bodyWizard .ui-effects-wrapper .wizard {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}
#bodyWizard .panelLoading {
    max-width: 100%;
}
    #bodyWizard .panelLoading .body-loader {
        background: #fff;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
        color: #00263b;
        text-align: center;
        padding: 30px 20px;
        width: 600px;
        height: 260px;
    }
#bodyWizard .panelLoading .body-loader > div {
    padding: 10px;
    font-family: "Montserrat";
    font-size: 26px;
    text-transform: uppercase;
}
#bodyWizard .panelLoading .body-loader > div > i {
    font-size: 50px;
}
    #bodyWizard .panelLoading .body-loader > div:last-of-type {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 14px;
        text-transform: none;
    }
#ModalCGU {
    max-width: 95%;
    max-height: 95%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: auto;
}
/*-- PasswordReminder --*/
.password-reminder-body {
    font-family: "Montserrat";
    color: #00263b;
    font-weight: normal;
}
.password-reminder-top-bar {
    background: #34495e;
    padding: 20px;
}
.password-reminder-content {
    padding: 20px;
}
.password-reminder-content .alert {
    margin-top: 0;
}
.password-reminder-title-bar {
    font-size: 22px;
    margin-bottom: 5px;
}
/*-- Subscription.ascx --*/
.SubDiv .abos-w{
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.SubDiv .abos-w .col-abo {
    padding: 0;
    display: flex;
    flex-direction: column;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border-right: 1px solid #ebecf2;
}
.SubDiv .abos-w .col-abo:last-child {
    border-right: none;
}
.SubDiv .abos-w .col-abo .head{
    position:relative;
    height: 262px;
}

.SubDiv .abos-w .col-abo .head .sub-name{
    border-bottom:1px solid #ebecf2;
    height:80px;
    font-weight:normal;
}
    .SubDiv .abos-w .col-abo .head .div-pop,
    .SubDiv .abos-w .col-abo .head .div-sponsored {
        padding: 2px 4px 2px 35px;
        margin-left: -35px;
        display: block;
    }
.SubDiv .abos-w .col-abo .head .div-pop{
    background: rgba(255,165,0,1);
}
.SubDiv .abos-w .col-abo .head .div-sponsored{
    background: #5c7287;
}
    .SubDiv .abos-w .col-abo .head .img {
        position: relative;
        vertical-align: middle;
        max-width: 55px;
        display: inline-block;
    }
    .SubDiv .abos-w .col-abo .head .content-top-sub {
        width: calc(100% - 60px);
        text-align: left;
    }
.SubDiv .abos-w .col-abo .head .price-w {
    display: inline-block;
    margin: 0;
    line-height: 20px;
    position: relative;
}
    .SubDiv .abos-w .col-abo .head .subscribe-w {
        position: absolute;
        width: 100%;
        bottom: 15px;
    }
.SubDiv .abos-w .col-abo .head .price-w .description-price {
    right: -20px;
    top: 0;
    line-height: 14px;
    text-decoration: line-through;
    text-transform: lowercase;
}
.SubDiv .abos-w .col-abo .head .price-w .description-price.basic{
    right:-42px;
}
.SubDiv .abos-w .col-abo .head .price-w .amount{
    font-size:32px;
    font-weight:normal;
}
.SubDiv .abos-w .col-abo .infos{
    border-top: 1px solid #ebecf2;
    flex: 1;
}
    .SubDiv .abos-w .col-abo .infos .infos-list-w .title-w .symbol {
        background: #00a46d;
        font-size: 27px;
        font-family: "Montserrat";
        font-weight: 300;
        width: 30px;
        height: 30px;
        display: inline-block;
        line-height: 28px;
        border-radius: 50%;
    }
.SubDiv .abos-w .col-abo .infos .infos-list-w .infos-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
    .SubDiv .abos-w .col-abo .infos .infos-list-w .infos-list .item {
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 14px;
        width: 100%;
    }
.SubDiv .abos-w .col-abo .infos .infos-list-w .infos-list .item:first-child{
    padding-top:0;
}
.SubDiv .abos-w .col-abo .infos .infos-list-w .infos-list .item:last-child{
    padding-bottom:0;
}
.SubDiv .abos-w .col-abo .learn-more {
    font-family: "Montserrat";
    display: block;
    height: 40px;
    line-height: 40px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: normal;
    color: rgba(77,124,254,1);
    background-color: rgba(77,124,254,.2);
}
.SubDiv .abos-w .col-abo:first-child .learn-more {
    border-radius: 0 0 0 15px;
}
.SubDiv .abos-w .col-abo:last-child .learn-more {
    border-radius: 0 0 15px 0;
}
.SubDiv .abos-popup-w .modal-c {
    position: absolute;
    margin: auto;
    width: 992px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 9px 6px 6px 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    background: transparent;
}
.SubDiv .abos-popup-w .modal-c .part-left{
    background:#34495e;
    border-radius:6px 0 0 6px;
    display: flex;
    flex-direction: column;
}
.SubDiv .abos-popup-w .modal-c .part-left .div-pop,
.SubDiv .abos-popup-w .modal-c .part-left .div-sponsored{
    padding: 4px 8px;
    margin-left:auto;
    margin-right:auto;
    background: #5c7287;
}
.SubDiv .abos-popup-w .modal-c .part-left .div-pop{
    background: rgba(255,165,0,1);
}
.SubDiv .abos-popup-w .modal-c .part-left .img{
    max-width: 185px;
    margin: 0 auto;
}
.SubDiv .abos-popup-w .modal-c .part-left .price-w{
    display: inline-block;
    margin: 0;
    line-height: 20px;
    margin: 0 auto;
}
.SubDiv .abos-popup-w .modal-c .part-left .price-w .amount {
    font-size: 50px;
}
.SubDiv .abos-popup-w .modal-c .part-right{
    border-radius:0 6px 6px 0;
    display: flex;
    flex-direction: column;
    background: #fff;
}
    .SubDiv .abos-popup-w .modal-c .part-right .infos .title-w .symbol {
        background: #00a46d;
        font-size: 27px;
        font-family: "Montserrat";
        font-weight: 300;
        width: 30px;
        height: 30px;
        display: inline-block;
        line-height: 28px;
        border-radius: 50%;
    }
.SubDiv .abos-popup-w .modal-c .part-right .infos .infos-list{
    padding:0;
    margin:0;
    list-style:none;
}
.SubDiv .abos-popup-w .modal-c .part-right .infos .infos-list .item{
    border-top:1px solid #ebecf2;
    padding:30px 0;
}
.SubDiv table {
    border-collapse: collapse;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    margin: auto;
}
.SubDiv table .trHead {
    height: 180px;
}
.SubDiv table td {
    padding: 10px 0;
    height: 100%;
    border: 1px solid #ebecf2;
    background: #fff;
    text-align: center;
}
.SubDiv table .trHead td {
    background: #34495e;
    color: #fff;
    padding: 15px 12px;
    position: relative;
    border-width: 0 0 0 0;
    vertical-align: top;
    padding-top: 43px;
}
.SubDiv table .trHead td[data-id*=PLATINUM],
.SubDiv table .trHead td[class*=current] {
    vertical-align: middle;
    padding-top: 10px;
}
.SubDiv table .trHead td .div-arrow {
    display: none;
    position: absolute;
    height: 20px;
    width: 20px;
    background: inherit;
    border: 1px solid #ebecf2;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -12px;
    margin-left: -10px;
    left: 50%;
}
    .SubDiv table .trHead td.selected {
        background: #fff;
        color: #00263b;
        border-width: 0 0 2px 0;
        border-bottom-color: #dadee2;
    }
.SubDiv table .trHead td.selected .div-arrow {
    display: block;
    border-width: 0 2px 2px 0;
}
.SubDiv table .trHead td.current:not([data-id*=PLATINUM]) {
    background: #00A8E4 !important;
}
.SubDiv table td.first img {
    max-width: 99%;
    max-height: 99%;
}
.SubDiv table .trHead td > p:first-child {
    text-transform: uppercase;
    font-family: "Montserrat";
    font-size: 1.4em;
}
.SubDiv table .trHead td > p:first-of-type {
    font-size: 1.2em;
    font-weight: normal;
}
.SubDiv table .trHead td[data-id*="PLATINUM"] > p:first-of-type > p {
    margin-top: 30px;
    font-weight: 300;
}
.SubDiv p.p-amount,
.divChoose p.p-amount {
    font-family: "Montserrat";
    font-size: 2.9em;
    margin: auto;
    margin-bottom: 10px;
}
.SubDiv p.p-amount > span.span-amount,
.divChoose p.p-amount > span.span-amount {
    font-size: 0.3em;
    text-align: left;
    padding-left: 5px;
    line-height: 15px;
}
.SubDiv p.p-amount > span.span-amount > label,
.divChoose p.p-amount > span.span-amount > label {
    color: inherit;
}
.SubDiv table .trHead td .div-pop {
    display: none;
    position: absolute;
    top: -10px;
    background: rgba(255,165,0,1);
    color: #fff;
    width: 70%;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 2px;
    min-width: 130px;
    margin-left: -35%;
    left: 50%;
}
.SubDiv table .trHead td .div-soon,
.SubDiv table .trHead td .div-sponsored {
    display: none;
    position: absolute;
    top: -10px;
    background: #5c7287;
    color: #fff;
    width: 70%;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 2px;
    min-width: 130px;
    margin-left: -35%;
    left: 50%;
}
.SubDiv table .trHead td.disabled {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    pointer-events: none;
    cursor: default;
}
.SubDiv table .trHead td span.span-desc-subscription {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 18px;
    background: inherit;
    color: #FFC000;
}
.SubDiv table .tr-infos-sub td {
    border-width: 0 1px 0 1px;
}
    .SubDiv table .tr-infos-sub td > div:not(:first-child) > div:not([class*="div-desc-platinum"]) {
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        text-align: center;
        height: 100%;
        color: #00263b;
    }
.SubDiv table .tr-infos-sub td > div > div > .la-check-circle,
.SubDiv table .tr-infos-sub td > div > div > .la-times-circle {
    font-size: 1.9em;
}
.SubDiv table .tr-infos-sub td > div > div > div > p {
    margin-bottom: 0;
}
.SubDiv table .tr-infos-sub td > div:not(:first-child) > div + div {
    border-left: 1px solid #ebecf2;
}
.SubDiv table .tr-infos-sub td > div:not(:first-child) > div > div:first-of-type {
    font-size: 1.1em;
    font-weight: normal;
}
    .SubDiv table .tr-infos-sub td > div:not(:first-child) > div > div:not(:first-of-type) {
        font-family: "Montserrat";
        font-weight: 300;
    }
.SubDiv table .tr-infos-sub .div-desc-platinum {
    text-align: center;
    font-family: "Montserrat";
    position: absolute;
    width: 100%;
}
.SubDiv table .tr-infos-sub .div-desc-platinum > p > a.btn.btn-success {
    font-size: 14px;
    text-transform: uppercase;
}
.SubDiv table .tr-info-general td {
    padding: 20px 0 10px;
    text-align: center;
    font-size: 26px;
    font-family: "Montserrat";
    font-weight: 300;
    border-width: 0 1px 0 1px;
}
.SubDiv table td.first span.span-info-sup {
    color: rgba(242,41,24,1);
    font-style: italic;
}
.SubDiv table td.first > div > div > [class*=sg-icon-] {
    font-size: 2em;
}
.SubDiv table td > i.las.la-check,
.SubDiv table td > i.las.la-times {
    font-size: 1.8em;
}
.SubDiv .btn {
    cursor: pointer;
}
.SubDiv .btn-myc,
.SubDiv .btn-myc:hover {
    cursor: not-allowed;
    color: #c5cde2;
}
.SubDiv .btn-subscribe {
    min-width: 135px;
}
.SubDiv table .tr-all-sub-included td,
.SubDiv table .tr-info-lbg td {
    border-width: 0 1px 0 1px;
}
.SubDiv table .tr-info-lbg td > div,
.SubDiv .div-subs-included {
    position: relative;
    padding: 20px 15px;
    text-align: center;
}
.SubDiv table .tr-info-lbg td > div {
    border-bottom: 1px solid #ebecf2;
}
.SubDiv .div-subs-included {
    border-top: 1px solid #ebecf2;
}
.SubDiv .div-subs-included i {
    color: #00a46d;
}
    .SubDiv .div-subs-included i.la-plus-circle,
    .SubDiv table .tr-info-lbg td > div > i.la-plus-circle {
        position: absolute;
        color: #00263b;
        font-size: 1.4em;
        background: #fff;
    }
.SubDiv .div-subs-included i.la-plus-circle {
    top: -10px;
}
.SubDiv table .tr-info-lbg td > div > i.la-plus-circle {
    bottom: -10px;
}
.SubDiv .div-subs-included > p {
    font-family: "Montserrat";
    font-weight: 300;
    color: #00263b;
    font-size: 1em;
    text-align: left;
}
    .SubDiv .div-subs-included > p:first-of-type {
        font-size: 1.2em;
        font-weight: normal;
        color: #00263b;
        margin-bottom: 15px;
    }
.SubDiv .sub-opacity {
    opacity: .5;
}
/*-- Options d'abonnement --*/
.subs-options-item-w {
    display: inline-block;
    margin: 0 20px 30px 0;
    padding-top: 45px;
    text-align: center;
    width: 260px;
    vertical-align: top;
}
.subs-options-item-box {
    position: relative;
    margin-bottom: 10px !important;
    height:400px !important;
}
.subs-options-item-box .subs-options-item-description {
    text-align: left !important;
}
.subs-options-item-box .subs-options-item-description ul {
    padding-inline-start: 20px;
}
.subs-options-item-logo {
    height: 90px;
    left: 50%;
    position: absolute;
    top: -45px;
    transform: translateX(-50%);
}
.subs-options-item-box:hover .subs-options-item-logo,
.subs-options-item-box.hovered .subs-options-item-logo {
    height: 50px;
    top: -25px;
}
.subs-options-item-box:hover .subs-options-item-bg,
.subs-options-item-box.hovered .subs-options-item-bg {
    background: none !important;
    height: 214px;
}
.subs-options-item-box:hover .subs-options-item-bg,
.subs-options-item-box.hovered .subs-options-item-bg {
    background: none !important;
    margin-top: 0;
}
.subs-options-item-box:not(:hover):not(.hovered) .subs-options-item-summary {
    background: none !important;
    height: 160px;
    padding: 55px 15px 15px 15px;
}
.subs-options-item-summary {
    height: 140px;
    padding: 35px 15px 15px 15px;
    border-radius: 15px 15px 0 0;
    background: #00263b;
}
.subs-options-item-name {
    color: #00263b;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.subs-options-item-resume {
    color: #9aa1aa;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
}
.subs-options-item-box:hover .subs-options-item-name,
.subs-options-item-box:hover .subs-options-item-resume,
.subs-options-item-box.hovered .subs-options-item-name,
.subs-options-item-box.hovered .subs-options-item-resume {
    color: #fff;
}
.subs-options-item-bg {
    background: transparent center top no-repeat;
    background-size:cover;
    height: 170px;
    padding: 15px;
    margin-top: 24px;
}
/* Illustration SmartConnect */
.subs-option-smart-connect .subs-options-item-bg {
    background-size: 90%;
    background-position: center 10%;
}
/* Illustration Multi-comptes */
.subs-option-multi-users .subs-options-item-bg {
    background-position: center center;
}
.btn.subs-options-btn {
    display: block;
    width: 100%;
}
.subs-options-item-w.selected .btn.subs-options-btn {
    background: rgba(242,41,24,1);
}
.subs-options-item-w.selected .btn.subs-options-btn[data-sub-options-payment-manager] {
    background: #ffa500;
}
.link-menu.subs-options-btn {
    cursor: pointer;
}
.subs-options-btn span {
    font-size: .8em;
    text-transform: uppercase;
    vertical-align: bottom;
}
.subs-options-item-description-w {
    color: #00263b;
    display: none;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
}
.subs-options-item-box:hover .subs-options-item-description-w,
.subs-options-item-box.hovered .subs-options-item-description-w {
    display: block;
}
.subs-options-item-description {
    margin-bottom: 20px;
}
.subs-options-item-description a {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}
.subs-options-item-more {
    cursor: pointer;
    margin-top: 15px;
    font-size : 16px;
}
.hovered + .subs-options-item-more span:first-child,
:not(.hovered) + .subs-options-item-more span:last-child {
    display: none;
}
.activate-modify-paymentmanager {
    /*position: absolute;*/
    top: -66px;
    z-index: 2;
    right: 20px;
}
/*-- /Options d'abonnement --*/
/*-- Encaissement --*/
.cashing-actions-w {
    color: #00263b;
    display: inline-block;
    font-family: "Montserrat";
    font-weight: 300;
    line-height: normal;
    margin-left: 25px;
    vertical-align: top;
    width: 540px;
}
#divVirtualEpt .cashing-actions-w {
    width: 760px;
    margin-left: 0;
}
.cashing-intro-w {
    background: transparent url("") 20px bottom no-repeat;
    padding: 45px 0 160px 70px;
}
.cashing-intro-title {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px;
}
.cashing-intro-description,
.cashing-intro-configuration {
    font-size: 16px;
}
.cashing-intro-description {
    margin-bottom: 15px;
}
.cashing-intro-description img {
    height: 16px;
    margin-top: -3px;
}

.cashing-multi-box-w .cashing-box {
    margin-bottom: 0;
}
.cashing-box.cashing-box-blue {
    margin-top: 45px;
    background: #d7ebff;
    border: 2px solid #3b95ec ;
}
#panelCongratulations {
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.cashing-box.cashing-box-green {
    margin-top: 45px;
    background: #e6f7f1;
    border: 2px solid #01a46d ;
}
.cashing-box.cashing-box-red {
    margin-top: 45px;
    background: rgba(242,41,24,.1);
    border: 2px solid #EA2424;
}
.cashing-box.cashing-box-grey {
    margin-top: 45px;
    background: rgba(52,73,94,.1);
    border: 2px solid #34495E;
}
.cashing-box .input-group {
    display: inline-table;
    margin-top: 15px;
    width: 150px;
}
.cashing-box .input-group-addon,
.cashing-mode .input-group-addon {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border: none;
}
.cashing-box em {
    display: block;
    margin-bottom: 15px;
    font-style:normal;
    font-size:16px;
}
.cashing-box-input-label {
    font-weight: normal;
}
.cashing-box-legend {
    margin-top: 15px;
    margin-bottom: 15px;
}
.cashing-box-title {
    text-align:center;
}
.cashing-box-title label {
    font-size: 15px;
    font-weight: normal;
    padding: 5px 0 8px 5px;
}
.cashing-document-img-w {
    display: block;
    margin-bottom: 15px;
}
.cashing-box [data-photo-uploader="wrapper"],
.cashing-document-delete {
    display: inline-block;
    vertical-align: middle;
}
.cashing-document-delete {
    color: #f00;
    font-size: 12px;
    font-weight: normal;
    margin-left: 15px;
}
#haShowHidePaymentManagerInfo {
    cursor: pointer;
    display: block;
    font-family: "Montserrat";
    margin-top: 40px;
    overflow: hidden;
    background-color: rgba(77,124,254,1);
    color:#fff;
    padding:0 15px;
    height: 46px;
    line-height:46px;
    text-align:center;
}
#haShowHidePaymentManagerInfo span:last-child,
#haShowHidePaymentManagerInfo.opened span:first-child {
    display: none;
}
#haShowHidePaymentManagerInfo span:first-child,
#haShowHidePaymentManagerInfo.opened span:last-child {
    display: inline-block;
}
/*-- /Encaissement --*/
/*-- Bank Details --*/
.bankDetails .line-account-address {
    margin-bottom:20px;
}
.bankDetails .line-account-address .page-sub-subtitle {
    font-size: 16px !important;
    font-weight:normal;
}
.bankDetails .divLock {
    color: #B6B8BA;
    font-style: italic;
    font-size: 12px;
}
    .bankDetails .divLock.stripe-power > a {
        font-style: normal;
        color: #00263b;
    }
.bankDetails .divLock > i {
    color: black;
}
.bankDetails .divLock.stripe-power > a > span {
    font-size: 14px;
    font-weight: normal;
}
.bankDetails > .d-table-cell:first-of-type {
    padding-right: 25px;
}
.bankDetails > .d-table-cell:not(:first-of-type) {
    border-left: 1px solid #ebecf2;
    padding-left: 25px;
}
.bankDetails .bank-details-title {
    font-size: 18px;
    margin-bottom: 15px;
    font-family: "Montserrat";
}
.bankDetails .page-sub-title{
    font-family: "Montserrat";
    font-size:20px;
}
.bankDetails .page-sub-title .img.stripe-img{
    margin-left:8px;
}
.bankDetails .bank-details.payment-mean-w{
}
.bankDetails .bank-details.payment-mean-w .btn-group{
    width:100%;
}
    .bankDetails .bank-details.payment-mean-w .btn-group .payment-mean .btn-default {
        font-family: "Montserrat";
        font-weight: normal;
        color: #00263b;
        padding: 25px 20px;
        font-size: 16px;
        text-align: left;
        width: 100%;
        background: #fff;
        border: 1px solid #ebecf2;
        height: auto;
        line-height: inherit;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
.bankDetails .bank-details.payment-mean-w .btn-group .payment-mean:first-child .btn-default{
    border-bottom:none;
}
.bankDetails .bank-details.payment-mean-w .btn-group .payment-mean .tick-box{
    width: 20px;
    height: 20px;
    border: 1px solid #c1c1c3;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position:relative;
}
.bankDetails .bank-details.payment-mean-w .btn-group .payment-mean .tick-box.active:after{
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3A91D6;
    content: "";
    position: absolute;
}
.bankDetails .bank-details.payment-mean-w .btn-group .payment-mean .btn-default input[type="radio"]{
    margin-right:20px;
}
.bankDetails .bank-details.payment-mean-w .btn-group .payment-mean .btn-default .img{
    margin-left: 36px;
    margin-top: 5px;
}
.bankDetails .payment-form.sepa .validate {
    width: 100%;
}
.bankDetails .card-payment-bg {
    background-color: #ECF0FC;
    padding: 30px;
    max-width:700px;
}
    .bankDetails .card-payment-bg button {
        border: 0 !important;
    }
.bankDetails .payment-form.card #card-errors-container,
#modal-card-errors-container {
    align-items: center;
    background-color: rgba(242,41,24,.2);
    padding: 10px;
    color: rgba(242,41,24,1);
    border: 2px solid rgba(242,41,24,1);
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: 300;
    margin-bottom: 30px;
}
    #modal-card-errors-container {
        margin-bottom: 0;
    }
.bankDetails #card-element,
.bankDetails #iban-element {
    background-color: #ffffff;
    padding: 10px 15px 0 15px;
    border: 1px solid #ebecf2;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}
.stripe-terms-elloha {
    display: flex;
}
    .stripe-terms-elloha > div {
        font-size: 14px;
        line-height: 18px;
        font-family: "Montserrat";
        font-weight: 300;
        color: #00263b;
    }
.btn-valid-payment-sub-sepa {
    color: #ffffff;
    background-color: #386FE6 !important;
}
.bankDetails #button-payment-submit {
    width: 100%;
    background-color: rgba(77,124,254,1);
    color: #ffffff;
    border: none;
}
.bankDetails #button-payment-submit:focus {
    border: none;
    outline: none;
}
.bankDetails #button-payment-submit:disabled {
    background-color: rgba(56, 111, 230, .5);
    color: rgba(255, 255, 255, .5)
}
.bankDetails .payment-form .wording {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 12px;
    color: #00263b;
    line-height: 19px;
}
#cbStripeTermsElloha {
    min-height: 15px;
    min-width: 15px;
    position: absolute;
}
.credit-card-form {
    table-layout: fixed;
    max-width: 700px;
}
.credit-card-change-commands {
    max-width: 700px;
    display: flex;
}
.btn-sub-cancel,
.btn-edit-bank-details {
    width: 50%;
}
#ValidateSubmitContainer {
    display: flex;
}
.credit-card-summary .btn-edit-bank-details {
    max-width: 130px;
}
.payment-method-summary {
    display: flex;
}
.credit-card-change-commands #button-change-payment-method-submit {
    width: 50%;
    text-align: center;
    background-color: #4E7CFE;
    padding: 0;
    color: #ffffff;
    cursor: pointer;
    height:40px;
    line-height:40px;
    border-radius: 20px;
}
    .credit-card-change-commands #button-change-payment-method-submit:hover {
        background-color: #89A6FE;
    }
.credit-card-change-commands #button-change-payment-method-cancel,
#button-payment-cancel {
    width: 50%;
    text-align: center;
    background-color: #EA2424;
    color: #ffffff;
    cursor: pointer;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}
        .credit-card-change-commands #button-change-payment-method-cancel:hover,
        #button-payment-cancel:hover {
            background-color: #EF5654;
        }
input.nameForCB::placeholder,
input.coupon-textbox::placeholder {
    font-size: 16px;
    color: #A8B4C5;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
    font-style: normal;
}
.nameForCB {
    text-transform: uppercase;
}
.divChoose {
    padding: 15px;
    color: #fff;
    text-align: center;
    background: #34495e;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 26px;
}
.div-no-choose {
    background-color: #ebf0fc;
    color: #4F7442;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    padding: 10px !important;
}
.div-no-choose button i {
    color: rgba(77,124,254,1);
}
.bankDetails hr {
    border-color: #ddd;
}
.bankDetails .img-padlock {
    width: 25px;
    vertical-align: bottom;
}
.divChoose p {
    display: inline-block;
    vertical-align: middle;
}
.divChoose > div > p:first-of-type {
    font-size: 0.6em;
    font-family: "Montserrat";
    font-weight: normal;
    margin-right: 15px;
    margin-bottom: 0;
}
.divChoose p.p-amount{
    font-size:1.5em;
    margin-bottom: 0;
}
.divChoose p.price-w{
    font-family: "Montserrat";
    line-height: 20px;
    position:relative;
}
.divChoose p.price-w .amount{
    font-size:44px;
}
.divChoose p.price-w span:not(.amount){
    font-size:16px;
}
.divChoose p.price-w label{
    color:#fff;
}
.divChoose p.price-w .description-price{
    position: absolute;
    top: 0;
    right: -24px;
    text-decoration:line-through;
    text-transform:lowercase;
    line-height: 14px;
}
.divChoose p.price-w .description-price span{
    font-size:12px!important;
}
.divChoose p.price-w .description-price.basic{
    right: -55px;
}
/*--- Loader ---*/
.panelLoading {
    display: none;
    position: fixed;
    z-index: 20000;
    top: 50%;
    left: 50%;
    max-width: 315px;
}
.loader-bg {
    background: #123f52;
    opacity: .6;
}
.loader-w {
    height: 100px;
    width: 20%;
    text-align: center;
    padding: 1em;
    margin: 0 auto 1em;
    display: inline-block;
    vertical-align: top;
}
.loader-w svg {
    width: 50px;
    height: 50px;
}
.loader-w svg rect {
    fill: #ddd;
    -moz-animation: rectAnim1 1.2s ease infinite;
    -o-animation: rectAnim1 1.2s ease infinite;
    -webkit-animation: rectAnim1 1.2s ease infinite;
    animation: rectAnim1 1.2s ease infinite;
    -webkit-animation-delay: -.8s;
    -moz-animation-delay: -.8s;
    -o-animation-delay: -.8s;
    animation-delay: -.8s;
}
.loader-w svg rect:first-of-type {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    -o-animation-delay: -1.2s;
    animation-delay: -1.2s;
}
.loader-w svg rect:last-of-type {
    -webkit-animation-delay: -.4s;
    -moz-animation-delay: -.4s;
    -o-animation-delay: -.4s;
    animation-delay: -.4s;
}
rect[Attributes Style] {
    x: 8px;
    y: 7.02781677246094px;
    width: 4px;
    height: 15.9443664550781px;
    fill: rgb(51, 51, 51);
    opacity: 0.2;
}
.loader-inner label {
    font-family: "Montserrat";
    color: #fff;
    font-size: 16px;
}
@-webkit-keyframes rectAnim1 {
    0%, 100% {
        opacity: 1;
        height: 20px;
        y: 5px;
    }
    50% {
        opacity: .2;
        height: 10px;
        y: 10px;
    }
}
@keyframes rectAnim1 {
    0%, 100% {
        opacity: 1;
        height: 20px;
        y: 5px;
    }
    50% {
        opacity: .2;
        height: 10px;
        y: 10px;
    }
}
@-moz-keyframes rectAnim1 {
    0%, 100% {
        opacity: 1;
        height: 20px;
        y: 5px;
    }
    50% {
        opacity: .2;
        height: 10px;
        y: 10px;
    }
}
/*--- Paginations tableaux ---*/
.table-pager {
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #ebecf2;
}
div#divSend div.table-pager {
    margin-bottom: -20px;
}
.pager-span {
    height: 90%;
    vertical-align: middle;
}
.select-pager {
    padding: 4px 4px 4px 0;
    min-width: 55px;
}
.table-pager div.pull-left {
    margin-top: 14px;
}
/*--- User control Tooltip ---*/
.tooltip-trigger {
    vertical-align: middle;
}
.las.la-question-circle.fa-2x.tooltip-trigger {
    font-size: 18px;
}
.popover-content li {
    list-style-position: inside;
}
/*--- Page Master ---*/
.master-global-wrap {
    table-layout: fixed;
    width: 100%;
}
.master-top-row .d-table-cell.master-top-bar-tools {
    border-bottom: 1px solid #ebecf2;
    color: #203148;
    position: relative;
    z-index:11;
    width: 100%;
}
.master-menu-column {
    width: 200px;
    position: relative;
}
#DisableBackdrop {
    width: 100%;
    height: 100%;
    background-color: #1F3249;
    opacity: 0.6;
    position: absolute;
    top: 0;
}
div.overlayErrorSubscription {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(52, 73, 94, .8);
    z-index: 1000;
}
div.overlayErrorSubscription div.overlayErrorSubscriptionMessage {
    background: #fff;
    padding: 65px 60px;
    width: 620px;
    margin: 70px auto 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.overlayErrorSubscription div.overlayErrorSubscriptionMessage > h1 {
    font-family: "Montserrat";
    font-size: 24px;
    color: #00263b;
    width: 100%;
    text-align: center;
    margin: 0 0 45px;
    text-transform: uppercase;
}
    div.overlayErrorSubscription div.overlayErrorSubscriptionMessage > p {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 16px;
        color: #00263b;
        margin: 0 0 30px;
    }
div.overlayErrorSubscription div.overlayErrorSubscriptionMessage > p:last-child {
    margin-bottom: 0;
}
div.overlayErrorSubscription div.overlayErrorSubscriptionMessage > p > a {
    color: rgba(77,124,254,1);
    text-decoration: none;
    cursor: pointer;
}
.master-menu-column.mini-menu {
    width: 60px;
    z-index: 15;
}
#Main-menu {
    min-width: 60px;
}
.div-succes-record {
    width: 100%;
    padding: 20px;
    color: #fff;
    background: #00a46d;
    top: 250px;
    z-index: 20000;
    font-size: 18px;
}
.div-succes-record > span.text-message-record {
    width: 100%;
    text-align: center;
}
/*-- SignUp --*/
.sign-up-modal {
    overflow-y: auto;
}
.sign-up-banner-w {
    height: 70px;
    color: #fff;
    font-size: 0;
    background: #27ae60;
}
.sign-up-step {
    padding: 7px 14px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    border: 2px solid #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.sign-up-modal .sign-up-step {
    border-color: #585858;
}
.sign-up-step-text {
    font-size: 20px;
    text-transform: uppercase;
    margin-right: 15px;
}
.sign-up-step-current {
    color: #27ae60;
    background: #fff;
}
.sign-up-step-separator {
    width: 30px;
    height: 6px;
    border-top: 2px solid #fff;
}
.sign-up-nav {
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: 0;
    width: 100%;
}
.sign-up-nav-content {
    margin-left: 200px;
    padding: 20px;
    color: #fff;
    background: #1D2D3C;
}
.sign-up-nav-progress span {
    vertical-align: middle;
    font-weight: normal;
}
.sign-up-step-info {
    padding-top: 20px;
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
}
    .sign-up-step-info span {
        color: #203148;
        font-size: 24px;
        font-weight: normal;
        text-transform: none;
    }
.sign-up-product-tabs-overlay {
    height: 130px;
}
.sign-up-modal-title {
    font-size: 24px;
    font-weight: normal;
}
.sign-up-modal-steps-w {
    margin: 0 auto 25px;
    padding: 20px 30px;
    background: #f2f2f2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.sign-up-modal-step-separator {
    margin-left: 19px;
    height: 20px;
    border-left: 2px solid #585858;
}
.sign-up-tab a {
    color: #c2c2c2;
}
/*-- Unboarding --*/
.div-onboarding-head {
    height: 50px;
    text-align: center;
    line-height:50px;
}
.div-onboarding-head .main-div-onboarding {
    display: inline-block;
    position: relative;
    color: #fff;
}
.div-onboarding-head .main-div-onboarding > span {
    height: 100%;
}
.div-onboarding-head .main-div-onboarding > span.f-bold {
    color: #fff;
}
.partner-onboarding.div-onboarding-head .main-div-onboarding {
    padding-left: 0;
    font-size: 16px;
    font-family: "Montserrat";
    font-weight: 300;
}
.div-title-quick-list {
    background-image: url("") !important;
    background-repeat: no-repeat;
    background-position: left !important;
    background-size: cover !important;
    text-align: center;
    padding: 15px 0 0 !important;
    text-transform: none !important;
}
.div-title-quick-list > img {
    display: inline-block;
    vertical-align: middle;
}
.div-title-quick-list .span-onboarding-underline {
    padding: 12px 0;
}
.quicklist-list {
    padding: 0 10px;
}
.quicklist-list .div-items-quick-list,
.div-global-quick-list-Abo {
    width: 800px;
}
.quicklist-list .div-items-quick-list {
    padding: 20px;
    margin-top: 10px;
}
.div-global-quick-list-Abo {
    height: 150px;
    background-image: url("");
    background-size: 100%;
    margin-top: 20px;
    padding: 50px 40px 40px;
}
.div-global-quick-list-Abo > div > div > p {
    text-transform: uppercase;
    font-size: 18px;
    color: #3f4650;
}
    .div-global-quick-list-Abo > div > div > p > a {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 14px;
        text-transform: none;
    }
.quicklist-list .div-global-quick-list {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .5);
}
.quicklist-list .div-global-quick-list + .div-global-quick-list {
    margin-left: 20px;
}
    .quicklist-list .div-global-quick-list .top {
        width: 100%;
        height: 150px;
        position: relative;
        text-align: center;
        background-color: #00263b;
    }
.quicklist-list .div-global-quick-list .top > div {
    height: 100%;
    width: 100%;
    background-size: 228px 150px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.quicklist-list .div-global-quick-list .top > div.description {
    background-image: url("");
}
.quicklist-list .div-global-quick-list .top > div.calendar {
    background-image: url("");
}
.quicklist-list .div-global-quick-list .top > div.product {
    background-image: url("");
}
.quicklist-list .div-global-quick-list .top > div.abo {
    background-image: url("");
}
.quicklist-list .div-global-quick-list .top.onboarding-opacity > div {
    opacity: 0.2;
}
.quicklist-list .div-global-quick-list .top > i {
    position: absolute;
    font-size: 26px;
    height: 60px;
    width: 60px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    left: 38%;
    top: 30%;
    cursor: pointer;
}
    .quicklist-list .div-global-quick-list .top > i.bg-white {
        color: #00263b;
    }
.quicklist-list .div-global-quick-list .top > i.bg-green {
    color: #fff;
}
.quicklist-list .div-global-quick-list .top > i:before {
    line-height: 58px;
}
.quicklist-list .div-global-quick-list .bottom {
    width: 100%;
    height: 95px;
    padding: 10px 15px;
    background: #fff;
}
.quicklist-list .div-global-quick-list .bottom > p {
    text-align: center;
}
.quicklist-list .div-global-quick-list .bottom > p:first-of-type,
.info-increase-sales > div > div:last-of-type > p:first-of-type {
    color: #3f4650;
    text-transform: uppercase;
    font-size: 16px;
}
.quicklist-list .div-global-quick-list .bottom > p:first-of-type {
    height: 44px;
}
    .quicklist-list .div-global-quick-list .bottom > p:last-of-type,
    .info-increase-sales > div > div:last-of-type > p:last-of-type {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 14px;
        color: rgba(77,124,254,1);
    }
.quicklist-list .div-global-quick-list .bottom > p:last-of-type a + a {
    margin-left: 20px;
}
.quicklist-list .div-global-quick-list .bottom > p:last-of-type > label {
    color: #aeaeae;
    margin-top: -20px;
}
.quicklist-list .info-abo-ql {
    width: 800px;
    padding: 0 140px;
    margin: -10px auto 25px;
}
.quicklist-list .info-abo-ql span {
    width: 225px;
    vertical-align: middle;
    margin-right: 15px;
}
.quicklist-list .info-abo-ql img {
    vertical-align: baseline;
}
.quicklist-list .pub-elloha {
    width: 800px;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 26px;
    margin: auto;
}
.quicklist-list .pub-elloha img {
    max-width: 100%;
}
.quicklist-list .pub-elloha > div {
    display: table;
}
.quicklist-list .pub-elloha > div:first-of-type {
    height: 115px;
}
.quicklist-list .pub-elloha > div > div {
    display: table-cell;
    vertical-align: middle;
}
.div-title-increase-sales {
    text-transform: none !important;
    padding: 40px 0 0 !important;
    text-align: center;
    max-width: 1160px;
}
.div-upgrade-sub,
.info-increase-sales {
    width: 795px;
}
.info-increase-sales {
    margin: 25px auto 30px;
    padding: 20px 0;
}
.info-increase-sales > div {
    width: 250px;
    height: 300px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
.info-increase-sales > div + div {
    margin-left: 18px;
}
.info-increase-sales > div > div {
    width: 100%;
}
.info-increase-sales > div > div:first-of-type {
    height: 140px;
}
.info-increase-sales > div > div:last-of-type {
    height: 160px;
    text-align: center;
    padding: 10px 15px;
}
.info-increase-sales > div > div:last-of-type > p {
    margin: 0 0 5px;
}
.info-increase-sales > div > div:last-of-type > p:first-of-type {
    margin-top: 5px;
}
    .info-increase-sales > div > div:last-of-type > p:nth-of-type(2) {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 13px;
        color: #3f4650;
        padding: 0 18px;
    }
.info-increase-sales > div > div:last-of-type > p.p-availability {
    padding: 0 15px;
}
.info-increase-sales > div > div:last-of-type > p.p-offer {
    padding: 0 20px;
}
.info-increase-sales > div > div:last-of-type > p:last-of-type > a {
    display: inline-block;
}
.div-upgrade-sub {
    height: 210px;
    background: url("") no-repeat #fff;
    background-position: 359px -84px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
.div-upgrade-sub > div {
    padding: 35px 40px 0;
    text-align: center;
}
    .div-upgrade-sub > div > p {
        color: #00263b;
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 14px;
        padding: 0 30px;
    }
.div-upgrade-sub > div > p:first-of-type {
    text-transform: uppercase;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: normal;
}
.div-upgrade-sub > div > p:first-of-type,
.div-upgrade-sub > div > p:last-of-type {
    padding: 0;
}
        .div-upgrade-sub > div > p > a {
            border: 2px solid #34495e;
            background: inherit;
            color: #00263b;
            padding: 5px 10px;
            font-weight: normal;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            display: inline-block;
            margin-top: 15px;
        }
.div-no-offer-screen{
    position:absolute;
    top: 115px;
    left:0;
    background-color: rgba(52,73,94,0.9);
    height:calc(100% - 115px);
    width:100%;
    z-index:10;
}
.div-no-offer-screen .text-w{
    background:#f6f8fc;
    left:50%;
    top:150px;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.div-no-offer-screen .text-w .img{
    max-width:434px;
}
.div-onboarding-empty-page {
    opacity:0.9;
    position: absolute;
    top: 75px;
    left: -20px;
    height: calc(100% - 75px);
    width: calc(100% + 40px);
    color: #fff;
    background-color: #34495e;
    z-index: 20;
}
.div-onboarding-empty-page > div {
    margin-top: 35px;
}
    .div-onboarding-empty-page > div > p {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 18px;
        font-style: italic;
        width: 680px;
        margin: 20px auto;
    }
.div-onboarding-empty-page p.title{
    font-weight: normal;
    font-size: 30px;
    max-width:100%;
    font-style: normal;
    text-transform: uppercase;
}
.div-onboarding-empty-page label {
    display: block;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    padding-left: 15px;
}
.div-onboarding-empty-page > div .btn-myc > label {
    padding-left:0;
    margin-bottom: 0;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: "Montserrat";
    cursor: pointer;
    display:inline-block;
}
/*-- Top bar --*/
/* - Logo - */
.master-top-bar-logo,
.master-top-bar-logo-wizard {
    width: 200px;
    height: 70px;
    background: #00263b url("logo.png") center center no-repeat;
    background-size: 90%;
}
.master-top-bar-logo-wizard {
    background-image: url("");
    background-image: url("logo.png");
    background-color: transparent;
}
.mini-menu .master-top-bar-logo {
    width: 60px;
    background-image: url("");
    background-size: 55%;
}
.master-top-bar-tools {
    height: 70px;
    background: #fff;
}
/* - Trigger mini-menu - */
.menu-shrink-trigger {
    width: 55px;
    height: 70px;
    text-align: center;
    font-size: 21px;
    cursor: pointer;
    color: rgba(77,124,254,1);
}
    .menu-shrink-trigger .fa,
    .menu-shrink-trigger .la {
        padding-top: 25px;
        vertical-align: middle;
    }
.maxi-menu + div .menu-shrink-trigger .la-caret-right,
.maxi-menu + div .menu-shrink-trigger .la-caret-right {
    display: none;
}
.maxi-menu + div .menu-shrink-trigger .la-caret-left,
.maxi-menu + div .menu-shrink-trigger .la-caret-left {
    margin-right: -7px;
    font-size: 16px;
    line-height: 70px
}
.mini-menu + div .menu-shrink-trigger .la-caret-left,
.mini-menu + div .menu-shrink-trigger .la-caret-left {
    display: none;
}
.mini-menu + div .menu-shrink-trigger .la-caret-right,
.mini-menu + div .menu-shrink-trigger .la-caret-right {
    margin-left: -7px;
    font-size: 16px;
    line-height: 70px
}
/* - Nom de l'OI en cours - */
.master-top-bar-establishment-name {
    font-size: 18px;
    text-transform: uppercase;
    width: calc(100% - 700px);
}
    .master-top-bar-establishment-name > p {
        margin-top: 17px;
        padding: 5px 15px;
        padding-left: 0;
        height: 36px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 20px;
        font-weight: normal;
        cursor: default;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 100%;
    }
    .master-top-bar-establishment-name > .selectized {
        margin-top: 8px;
        padding-top: 8px;
        color: #203148;
        width: auto;
        height: auto;
        font-family: Arial;
        font-size: 18px;
        font-weight: normal;
    }
.master-top-bar-establishment-name .selectize-input {
    width: auto;
    padding: 8px 15px;
}
.master-top-bar-establishment-name .selectize-dropdown.single .option {
    padding: 8px 15px;
    line-height: 15px;
}
.master-top-bar-establishment-name .selectize-control.single .selectize-input {
    padding-top: 9px;
}
.master-top-bar-establishment-name .selectize-control.single .selectize-input,
.master-top-bar-establishment-name .selectize-dropdown.single {
    border-color: #dbe3ef;
}
.master-top-bar-establishment-name .selectize-control.single .item {
    margin-right: 17px;
    color: #929EB1;
    font-size: 16px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 20px;
}
.master-top-bar-establishment-name .dashboard-link{
    color:#203148;
    border-radius:4px;
    border: 2px solid #ebecf2;
    padding:10px 15px;
}
.master-top-bar-establishment-name .dashboard-link:hover{
    text-decoration:none;
    color:#fff;
    border: 2px solid #203148;
    background:#203148;
}
/* - Bouton guide à masquer - */
.inmplayer-trigger {
    display: none !important;
}
body .inmplayer-popover-wrapper {
    border: none;
}
.inmplayer-template-header-img > img {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
/* - Buttons - */
/* - Bouton Nouvelle vente - */
#btn-new-sale {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0 15px 0 6px;
    font-weight: normal;
    margin-right: 20px;
    cursor: pointer;
}
#btn-new-sale-disabled {
    color: #fff;
    display: flex;
    align-items: center;
    width: auto;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 6px;
    font-weight: normal;
    margin-right: 20px;
    margin-top: 3px;
    cursor: default;
    pointer-events: none;
}
#btn-new-sale:hover {
    color: #fff;
}
#btn-new-sale:hover p{
    color: #fff;
}
#btn-new-sale:focus {
    color: #fff;
}
#btn-new-sale i {
    color: #fff;
    margin-right: 5px;
}
#btn-new-sale-disabled i {
    margin-right: 5px;
    color: #fff;
}
#btn-new-sale i:hover {
    color: #fff;
}
.master-top-bar-buttons-wrap {
    display: flex;
    align-items: center;
    padding: 15px 20px;
}
.master-top-bar-btn {
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.master-top-bar-btn img, .user-photo-thumbnail {
    width: 40px !important;
    height: 40px !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#cash-register-btn.master-top-bar-btn img {
    width: auto !important;
    height: 24px !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: -4px;
}
@-ms-keyframes movingText {
    from {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes movingText {
    from {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
    }
    to {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.master-top-bar-buttons-wrap .btn-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: left;
}
.master-top-bar-buttons-wrap #cash-register-btn {
    border-radius: 0;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
.master-top-bar-buttons-wrap .btn-header > div:first-child {
    line-height: 40px;
    height: 40px;
    position: relative;
}
.master-top-bar-buttons-wrap #cash-register-btn a {
    padding: 16px 12px;
}
.master-top-bar-buttons-wrap .btn-header i.fa,
.master-top-bar-buttons-wrap .btn-header i.fas,
.master-top-bar-buttons-wrap .btn-header i.fas {
    font-size: 28px;
    line-height: 40px;
}
.master-top-bar-buttons-wrap .btn-header > span {
    
}
.master-top-bar-buttons-wrap .btn-header:hover i.fa,
.master-top-bar-buttons-wrap .btn-header:hover i.fas,
.master-top-bar-buttons-wrap .btn-header:hover i.las,
.master-top-bar-buttons-wrap .btn-header:hover p {
    color: rgba(77,124,254,1);
}
.master-top-bar-buttons-wrap .btn-header:hover > span {
    display: block;
    /* -webkit-animation: movingText .5s; */
    /* animation: movingText .5s; */
    color: rgba(77,124,254,1);
    text-align: center;
    margin-top: -26px;
    width: max-content;
}
.master-top-bar-buttons-wrap .btn-header > div:first-child > span {
    position: absolute;
    background-color: rgba(77,124,254,1);
    top: 2px;
    right: 5px;
    padding: 0;
    color: #fff;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    font-family: "Montserrat";
    font-weight: 300;
}
.master-top-bar-buttons-wrap .btn-header > div.notification-arrow {
    display: none;
    top: 116%;
    right: 38%;
    z-index: 1003;
    position: absolute;
    font-size: 0;
    line-height: 0;
    width: 0;
    border-bottom: 20px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications {
    display: none;
    padding: 0 15px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px rgba(52,73,94,.3);
    -moz-box-shadow: 0 0 35px rgba(52,73,94,.3);
    box-shadow: 0 0 35px rgba(52,73,94,.3);
    top: 153%;
    right: 0;
    width: 400px;
    max-height: 500px;
    overflow: auto;
    position: absolute;
    z-index: 1002;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li {
    padding-top: 20px;
    display: block;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li.separator-notifications {
    padding-top: 0;
    margin: 20px 0 0;
    height: 1px;
    width: 100%;
    border-top: 1px solid #ebecf2;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li > div.d-table > div.d-table-cell:not(:first-child) {
    padding-left: 10px;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li > div.d-table > div.d-table-cell > img {
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li > div.d-table > div.d-table-cell .title-notification {
    color: #00263b;
    font-size: 14px;
    font-weight: normal;
    padding-left:10px;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li > div.d-table > div.d-table-cell .span-new-notification {
    padding: 2px 5px;
    background: rgba(77,124,254,1);
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 8px;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li > div.d-table > div.d-table-cell .div-text-notification {
    padding: 10px 0;
    color: #00263b;
    line-height:18px;

}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li > .div-footer-notification {
    font-weight: normal;
    font-size: 14px;
    line-height:18px;
    padding-left: 10px;
    color: #00263b;
}
.master-top-bar-buttons-wrap .btn-header > ul.ul-notifications > li > .div-footer-notification > span {
    font-weight: 300;
    font-size: 10px;
    margin-left: 5px;
    opacity: .8;
}
.master-top-bar-buttons-wrap .btn-header .nb-notification {
    top: 0;
    right: -12px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF !important;
    text-align: center;
    line-height: 20px;
}
iframe.zEWidget-launcher--active {
    display: none !important;
    visibility: hidden !important;
}
.master-top-bar-btn .fa,
.master-top-bar-btn .fas,
.master-top-bar-btn .las,
.master-top-bar-btn span:not([class*=span-phone-help]) {
    color: #00263b;
}
.master-top-bar-buttons-wrap a.btn-header {
    text-decoration:none;
}
.master-top-bar-btn span:not([class*=span-phone-help]),
.master-top-bar-btn .dropdown-toggle {
    text-decoration: none;
}
/* User account */
.master-top-bar-btn-user-account {
    color: #00263b;
    font-weight: normal;
    font-size: 14px;
}
.master-top-bar-btn-user-account.open {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.master-top-bar-btn-user-account .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0 1px 1px;
    left: auto;
    margin-top: 2px;
    min-width: 215px;
    right: -20px;
    padding: 9px 0 0;
    z-index: 1011;
    top: 53px;
}
    .master-top-bar-btn-user-account .dropdown-menu li {
        font-family: "Montserrat";
        font-weight: 300;
        color: #00263b;
    }
.master-top-bar-btn-user-account .dropdown-menu i {
    background-color: transparent;
    padding: 0;
}
.master-top-bar-btn-user-account .dropdown-menu i > a {
    padding: 0 18px;
}
.div-img-user-account {
    background-color: #00263b;
    border-radius: 50%;
    overflow: hidden;
}
.div-img-user-account > img.no-image {
    padding-bottom: 1px;
}
/* Preview */
.master-top-bar-btn-establishment-preview,
#cash-register-btn {
    color: #00263b;
}
.title-btn {
    margin-left: 30px;
    display: inline-block;
}
.master-top-bar-btn-establishment-preview + .master-top-bar-btn-establishment-preview {
    margin-right: 15px;
}
/*-- Main section --*/
/* - Menu - */
.master-menu-wrap {
    background: #34495e;
    font-family: "Montserrat";
    z-index: 2;
}
#Main-menu > li + li {
    margin-top: 0;
    margin-left: 1px !important;
}
/* Default state */
.menu-item-overlay {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 200px;
    height: 48px;
    background: #000;
    background: rgba(0, 0, 0, .6);
}
.main-menu-section-title .menu-item-overlay {
    height: 55px;
    margin-top: -5px;
}
.active .menu-item-overlay {
    background: transparent;
}
li.main-menu-item a,
li.main-menu-item a:focus {
    background: transparent;
    padding: 0;
    padding-left: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
li.main-menu-item a:hover {
    color: rgba(255,165,0,1);
    background: transparent;
}
li.main-menu-item .fa,
.main-menu-item span {
    height: auto;
}
.main-menu-item .la,
.main-menu-item .las {
    display:table-cell !important;
}
li.main-menu-item a {
    display: flex;
    align-items: center;
}
li.main-menu-item a i {
    width: 23px;
    display: block;
    text-align: center;
}
li.main-menu-item .las.la-ticket-alt {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
li.main-menu-item span {
    padding: 0 0 0 10px;
}
/* Active state */
.main-menu-item.active {
    border: 0;
}
li.main-menu-item.active a,
li.main-menu-item.active a:hover {
    height: 23px;
    color: rgba(255,165,0,1);
    background-color: transparent;
    border-left: 4px solid rgba(255,165,0,1);
    padding-left: 11px;
}
li.main-menu-item.active a i,
li.main-menu-item.active a:hover i {
    color: rgba(255,165,0,1);
}
li.main-menu-item.dashboard-item-menu.active {
    padding-left: 15px;
    padding-right: 12px;
}
li.main-menu-item.dashboard-item-menu.active a,
li.main-menu-item.dashboard-item-menu.active a:hover {
    background-color: #455b72;
    border: none;
    border-radius: 15px;
    padding-left: 10px;
    height:30px;
}
.mini-menu li.main-menu-item.dashboard-item-menu.active a,
.mini-menu li.main-menu-item.dashboard-item-menu.active a:hover {
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
}

/* Section title */
.main-menu-section-title {
    position: relative;
    color: rgba(255,255,255,.4);
    border: 0;
    margin: 3px 0 !important;
    padding-left: 15px;
    padding-right: 10px;
}
.main-menu-section-title.alt {
    color: rgba(255,255,255,0.4);
    margin: 3px 0 0 0 !important;
}
    .main-menu-section-title .fa,
    .main-menu-section-title .las {
        display: none !important;
    }
.main-menu-section-title span {
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #617a93;
    height: 32px;
    line-height: 40px;
    padding-left: 0 !important;
}
.main-menu-section-title.alt span {
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.main-menu-section-title .caret {
    position: absolute;
    right: 0;
    top: 0;
    margin: 23px 15px 0 0;
}
/* Mini-menu / Maxi-menu */
.mini-menu .main-menu-item span {
    display: none !important;
}
.mini-menu .main-menu-item.active i {
    min-width: 0;
}
.mini-menu .main-menu-section-title .fa,
.mini-menu .main-menu-section-title .las {
    display: table-cell !important;
}
.section {
    margin-bottom: 40px;
}
/* - Content - */
.master-content-rel {
    position: relative;
}
.master-content-wrap {
    padding: 0 20px;
    -webkit-overflow-scrolling:touch;
}
/*--- Barre permanente ---*/
[data-ui-feature="permanent-bar"].is-fixed {
    margin: 0 !important;
    position: fixed;
    top: 0;
    z-index: 111;
}
/*--- Pages ---*/
.tabs-w {
    position: relative;
    z-index: 1;
}
.page-header-wrap {
    margin-bottom: 10px;
}
.page-main-title {
    color: #00263b;
    font-size: 22px;
    font-family: "Montserrat";
    font-weight: normal;
    margin: 0;
}
.page-main-title a {
    text-transform: none;
    padding-left: 10px;
    font-size: 16px;
}
.page-sub-title {
    margin-bottom: 15px;
    color: #00263b;
    font-size: 20px;
    font-weight: normal;
}
.page-sub-title.title-tarif-libelle {
    margin-bottom: 15px;
}
.page-sub-title > i {
    font-size: 0.6em;
    font-style: italic;
}
.page-sub-title > label {
    font-size: 14px;
}
.page-checkbox-list span {
    display: block;
    float: left;
    margin: 0 25px 10px 0;
    width: 240px;
}
.page-checkbox-list input {
    display: inline;
    margin: 0;
    vertical-align: middle;
}
.page-checkbox-list label {
    display: inline;
    margin: 0;
    padding-left: 5px;
    vertical-align: middle;
}
.page-title {
    background-color: #fff;
    border-bottom: 1px solid #ebecf2;
    height: 110px;
    line-height: 108px;
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
}
.crm-deduplication-fields .rounded-box {
    text-align:left;
}

.crm-deduplication-fields #CheckBoxListFieldList tr{
    display:inline-block;
    width:49%;
}

.page-title-thin {
    height: 70px;
    line-height: 68px;
    position: initial;
}
.div-page-title-img {
    background-color: #00263b;
    background-position: 50% 50%;
    background-size: 100%;
    color: #fff;
    height: 120px;
    margin: 0;
    position: relative;
    text-shadow: 2px 2px #00263b;
    z-index: 1;
}
.div-page-title-img-little {
    height: 70px;
}
.website-master.div-page-title-img {
    background-size: cover;
}
.div-page-title-img-bg {
    width: 100%;
    height: 100%;
    background-color: rgba(30,50,73, .6);
}
.div-page-title-img-top {
    height:70px;
    line-height:70px;
}
.div-page-title-img-top .btn {
    margin: 15px 20px;
    font-size: 14px;
    vertical-align:top;
}
    .div-page-title-img-top .btn-MyC-return {
        border: 2px solid #fff;
        color: #fff;
        background-color:transparent;
    }
        .div-page-title-img-top .btn-MyC-return i,
        .div-page-title-img-top .btn-MyC-return label {
            color: #fff;
        }
.div-page-title-img-title {
    vertical-align: middle;
    margin: auto 0;
    font-family: "Montserrat";
    color: #fff;
    text-transform: none;
    font-size: 24px;
    line-height: 24px;
    width: calc(100% - 250px);
}
.div-page-title-img-little .bloc-autor-sync {
    margin-top: 0;
}
.div-page-title-img-title #WebsiteTitle {
    display: block;
    line-height: 24px;
    margin-top: 20px;
}
.div-page-title-img-top .WebsiteLabel {
    text-transform: none;
    font-size: 14px;
    line-height: 18px;
    font-family: "Montserrat";
    font-weight: 300;
    padding-top: 5px;
    display: block;
}
.div-page-title-img.product-master > div > div > a.bg-add-MyC {
    background-color: rgba(77,124,254,1);
    text-shadow: none;
    color: #fff;
    margin-top: 15px;
    position: absolute;
}
.div-page-title-img.product-master > div > div > a:hover {
    color: #fff;
}
.div-page-title-img-top a#WebSiteLink,
.div-page-title-img-top a#RebuildWebsite,
.div-page-title-img-top a.btn-export {
    text-transform: none;
    font-size: 16px;
    color: #ffffff;
    display: block;
    text-align: right;
    line-height: 25px;
}
.div-page-title-img-top a#WebSiteLink i,
.div-page-title-img-top a#RebuildWebsite i {
    font-size: 14px;
}
.div-page-title-img .d-table {
    padding: 35px 25px;
}
.div-page-title-img .d-table .d-table-cell .btn-myc {
    padding: 6px 8px;
}
/*-- Add panels --*/
div.add-panel {
    margin-top: 0;
    margin-bottom: 0;
}
.add-panel .d-table {
    padding: 0;
    border-spacing: 15px 5px;
    padding-right : 30px;
    margin-bottom:10px;
}
.div-title-with-bg {
    background: #fff right center no-repeat;
    color: #00263b;
    font-size: 24px;
}
div.div-title-with-bg {
    background-size: contain;
    border-bottom: 1px solid #ebecf2;
    height: 70px;
    line-height:68px;
    margin: 0 -20px;
    padding: 0 20px;
    font-weight:normal;
}
.div-title-ads {
    display: inline-block;
    float: right;
    position: relative;
    height: 70px;
    min-width: 720px;
}
.div-title-ads .subs-options-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
}
.div-title-ads > div {
    background: linear-gradient(to right, #fff, rgba(0, 0, 0, 0));
    /*height: 100%;*/
}
    .div-title-ads > div > div.advertisementBand {
        margin-top: 10px;
    }
.div-title-ads > div > div.advertisementBand > div {
    display: inline-block;
    vertical-align: middle;
    
}
    .div-title-ads > div > div.advertisementBand > div > p {
        margin: 0;
        font-family: "Montserrat";
        font-size: 12px;
        color: #00263b;
    }
/*.div-title-ads > div > div.advertisementBand > div > p:nth-child(1) {
    margin-bottom: -6px;
}*/
        .div-title-ads > div > div.advertisementBand > div > p:nth-child(1) {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: normal;
        }
.div-title-ads > div > div.advertisementBand > div > p:nth-child(2) {
    font-size: 15px;
}
/*.div-title-ads > div > div.advertisementBand > div > p:nth-child(3) > span {
    margin: 0;
    color: #f00;
}*/
.div-title-ads > div > div.advertisementBand > .advertisementDivImg {
    width: auto;
    height: 50px;
    margin-right: 10px;
}

    /*-- UCDashboard --*/
    .div-info-after-sub {
        padding: 25px 0 0;
    }
        .div-info-after-sub p:first-of-type {
            color: #00263b;
            font-size: 20px;
            font-weight: normal;
            margin-bottom: 20px;
        }
.div-info-after-sub p:not(:first-of-type) a:not(:last-of-type) {
    margin-right: 50px;
}
.div-info-after-sub p:not(:first-of-type) a:not([class*="btn btn-success"]) {
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    color: rgba(77,124,254,1);
}
.div-info-after-sub p:not(:first-of-type) a:hover {
    text-decoration: underline;
}
/*-- UCSalesMetrics --*/
.div-onboard-dashboard {
    font-family: "Montserrat";
    font-weight: normal;
    color: #fff;
    margin: 30px auto 0;
    background-color: #00263b;
    border-radius: 15px;
}
.div-onboard-dashboard .onboard-item {
    width: 220px;
    height: 90px;
    font-size: 15px;
    border: 1px solid RGBA(255,255,255,.5);
    padding: 15px;
}
.div-onboard-dashboard .onboard-item i.fa {
    height: 30px;
    width: 30px;
    padding: 5px 0;
}
.div-onboard-dashboard .onboard-item i.bg-green {
    background-color: #00a46d !important;
}
.div-title-dashboard {
    background-image: url("");
}
.error-band-w {
    margin: -20px -20px 20px -20px !important;
    background-color: rgba(242,41,24,1);
    height:50px;
    line-height:50px;
}
.error-band-w .link:visited,
.error-band-w .link:focus{
    color: #fff;
}
.error-band-w p {
    margin: 0;
}
.dashboard-row .d-table:not([class*=table-lengend]) {
    table-layout: fixed;
}
.dashboard-row .page-main-title {
    font-size: 16px;
    color: #00263b;
    padding: 15px 0;
    text-align: left;
    font-weight: 300;
    border-bottom: 1px solid #ebecf2;
}
.dashboard-row .page-sub-title a,
.dashboard-row .page-sub-title a:hover {
    text-transform: none;
    color: #00263b;
    font-size: 14px;
    padding: 2px 5px;
    font-weight: normal;
}
.dashboard-row .page-sub-title a.active,
.dashboard-row .page-sub-title a.active:hover {
    color: #fff;
    background-color: rgba(77,124,254,1);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 2px 10px;
}
.dashboard-row .page-sub-title a.active:focus {
    text-transform: none;
}
    .dashboard-row .page-sub-title a.color-blue, .dashboard-row .page-sub-title a.color-blue:hover {
        color: rgba(77,124,254,1);
    }
    .dashboard-row .d-table-cell p {
        margin: 0;
    }
.dashboard-row a.link-menu {
    color: rgba(77,124,254,1);
}
.dashboard-row .d-table-cell p.p, .dashboard-row .table td.p {
    font-size: 50px;
    font-weight: normal;
    line-height :initial;
}
.dashboard-row .table td.p {
    border-top: none;
}
.dashboard-row .d-table-cell p.p span, .dashboard-row .table td.p span {
    font-size: 25px;
}
.dashboard-row .d-table-cell p label, .dashboard-row .table .p.label {
    height: 32px;
    font-size: 13px;
    color: #757f90;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 300;
}
.dashboard-row .table td.label {
    display: table-cell;
}
.dashboard-row .d-table-cell p label span, .dashboard-row .table .p.label span {
    font-size: 10px;
    font-style: italic;
    text-transform: none;
}
.dashboard-row .up-money-mask {
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgba(52,73,94,.8);
}
.dashboard-row .up-money-mask .content-w{
    top:50%;
    transform:translate(0,-50%);
    width:100%;
}

.table.dashboard-sales {
    border: solid #dbe3ef;
    border-width: 0 2px 2px 2px;
    border-collapse: separate;
    margin-bottom: 0;
}
.table.dashboard-sales tr,
.table.dashboard-sales th {
    border-bottom: 2px solid #dbe3ef;
    padding: 10px 0;
}
.table.dashboard-sales tr.head {
    border-top: none;
}
.table.dashboard-sales th.active {
    border-bottom: 3px solid #0097e7;
    background-color: #fff;
}
.dashboard-sales th a:hover,
.dashboard-sales th.active a {
    color: #0097e7;
}
.dashboard-sales th a {
    color: #adbdc5;
    font-weight: 300;
}
.dashboard-sales th.active a {
    font-weight: normal;
}
.table.dashboard-sales td {
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
    border: 0;
}
.table.dashboard-sales .arrows td {
    font-size: 0;
    background: #1a5a75;
}
.dashboard-sales .active span {
    display: inline-block;
    width: 0;
    height: 0;
    border: solid;
    border-width: 0 15px 12px;
    border-color: #fff transparent;
}
.table.dashboard-sales th {
    width: 20%;
    font-size: 14px;
    text-align: center;
}
.dashboard-sales tr.middle td {
    border-bottom: 2px solid #dbe3ef;
}
.dashboard-sales tr.middle p {
    color: #a5b0c3;
}
.dashboard-sales tr.middle p span {
    font-style: italic;
}
.dashboard-sales tr.middle p label {
    margin: 0;
    font-size: 13px;
    text-align: left;
}
.dashboard-sales tr.middle .fa {
    margin-right: 5px;
    font-size: 22px;
    vertical-align: super;
}
.dashboard-sales tr.middle .p {
    font-size: 42px;
    color: #353b45;
}
.dashboard-sales tr .link-menu {
    font-weight: normal;
}
.dashboard-sales tr.middle {
    background-color: #F5F8FC;
}
.background-img-block-dashboard {
    background-position: right bottom;
    background-repeat: no-repeat;
}
.be-global-container {
    position: relative;
    padding: 0;
    background-color: #fff;
    z-index: 2;
    text-align: left !important;
}
.be-global-container .overlay-be {
    display: none;
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.be-global-container .overlay-be .div-shadow {
    height: 100%;
    background-color: #34495e;
    opacity: .9;
    position: relative;
}
.be-global-container .overlay-be .warning-div {
    text-align: center;
    font-size: 16px;
    z-index: 1001;
    position: relative;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.be-global-container .be-container {
    padding: 17px 0;
}
.be-global-container.background-img-block-dashboard .be-container {
    padding: 20px;
    vertical-align: top;
    width: 95%;
}
body.has-resource-management .be-global-container.background-img-block-dashboard .be-container {
    width: 71%;
}
.be-global-container .be-container .be-resume-capa {
    font-size: 14px;
}
.be-global-container .be-container .form-control {
    height: auto;
    display: flex;
    align-items: center;
}
label.titleC.titleroom,
label.titleA.titleroom {
    line-height: inherit;
}
.be-global-container .be-container span.form-control {
    cursor: default;
}
.be-global-container .be-container input {
    line-height: 38px;
}
.be-global-container .be-container input.startdate::-moz-placeholder {
    font-size: 13px;
}
.be-global-container .be-container input.startdate::-webkit-input-placeholder {
    font-size: 13px;
}
.be-global-container .be-container .btn-add-room {
    background-color: #34495e;
    border-color: #34495e;
}
.be-global-container .be-container .btn-success,
.be-global-container .be-container .btn-add-room,
.be-global-container .be-container .selectize-input {
    font-weight: normal;
}
.be-global-container.background-img-block-dashboard .be-container a.btn-success {
    width: 100%;
}
body.has-resource-management .be-global-container.background-img-block-dashboard .be-container a.btn-success {
    width: 98%;
}
body:not(.has-resource-management) .be-global-container.background-img-block-dashboard .be-container a.btn-success {
    margin-bottom: 6px;
}
.be-global-container.background-img-block-dashboard .be-container > div:last-child {
    text-align: left;
}
.be-global-container .be-container i.cal-be-dashboard,
#ModalManifest i.cal-manifest {
    color: #00263b;
    position: absolute;
    font-size: 20px;
    top: 12px;
    right: 15px;
    cursor: pointer;
}
.be-global-container.background-img-block-dashboard .be-container #divResumeCapa {
    display:flex;
}
#ModalManifest i.cal-manifest {
    color: #00263b;
    position: absolute;
    font-size: 20px;
    top: 11px;
    right: 15px;
    cursor: pointer;
}
.ModalManifest-img-container {
    width: 100%;
    background-color: #ffffff;
}
.ModalManifest-img-container img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.ModalManifest-cal-container {
    width: 100%;
    display: flex;
    justify-content: center;
}
.be-global-container .be-container .room .btn-hide-room {
    position: absolute;
    right: 0;
    top: 4px;
    display: none;
    text-transform: uppercase;
    font-size: 11px;
    text-align: right;
    font-weight: normal;
    color: #00263b;
}
.be-global-container .be-container .roomLoc {
    border-top: 0;
}
.be-global-container .be-container .room label, .be-global-container .be-container .roomLoc label {
    margin: 0;
    margin-right: 20px;
    font-weight:300;
}
    .be-global-container .be-container .room i.action, 
    .be-global-container .be-container .roomLoc i.action {
        margin-top: 0;
        margin-left: 0;
        cursor: pointer;
        color: #fff;
        height: 34px;
        width: 34px;
        line-height: 36px;
    }
.be-global-container .be-container .room .child,
.be-global-container .be-container .room .adult {
    padding: 2px 2px 2px 15px;
    margin-bottom: 8px;
}
    .be-global-container .be-container .room .child .titleroom,
    .be-global-container .be-container .room .adult .titleroom {
        width: calc(100% - 108px);
    }
.be-global-container .be-container .room label.number {
    margin: 0;
    width: 40px;
    height:34px;
    line-height:34px;
    text-align: center;
}
.be-global-container .be-container .room .age-child {
    position: relative;
    padding: 0 10px;
}
.be-global-container .be-container .room .age-child div.age-block {
    display: inline-block;
    margin: 0 4px;
}
.be-global-container .be-container .room .age-child div.age-block-model {
    display: none;
}
.be-global-container .be-container .input-group-addon {
    width: auto;
    color: #fff;
    border-radius: 0 20px 20px 0 !important;
    background-color: #34495e;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal;
    border: none;
}
.be-global-container .be-container .selectize-control.single .selectize-input {
    max-height: 40px;
    min-height: 40px;
    line-height: 40px;
    border-radius:20px;
}
.be-global-container .be-container .selectize-input.items {
    padding: 0 13px;
}
.be-global-container .be-container #DivSelectNightNumber .selectize-input.items {
    padding: 0 15px;
    margin-top: 0px;
}
.input-group-addon,
.input-group-addon:hover {
    border-color: transparent;
    color: #fff;
}
.be-global-container .be-container #DivSelectNightNumber .selectize-dropdown [data-selectable] {
    padding: 5px 6px;
}
.be-global-container .be-container a {
    height: 100%;
}
    .be-global-container .be-container a.action {
        height: 34px;
        width: 34px;
        line-height: 34px;
        display: inline-block;
        text-align: center;
        border-radius: 100%;
    }
    .be-global-container .be-container .ajax__calendar_container {
        width: 100% !important;
        min-width: 250px !important;
    }
.be-global-container .be-container .link-activate-account {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
}
    .be-global-container .be-container .link-activate-account > span {
        color: #00263b;
    }
.be-global-container .be-container .btn-success[disabled] {
    background: #b6b6b6;
    border-color: #b6b6b6;
}
.be-global-container .be-img-activity,
.arrival-img-dashboard {
    display: inline-block;
    width: 27%;
    vertical-align: top;
    position: relative;
}
.be-global-container .be-img-activity > img,
.arrival-img-dashboard > img {
    z-index: -1;
    height: 100%;
    position: absolute;
    right: -22px;
}
.arrival-img-dashboard > img {
    right: -21px;
}
.div-charts-stocks {
    position: relative;
    background-color: #fff;
    padding: 40px 0 0;
    overflow: hidden;
}
.div-chart-legend {
    text-align: left;
    min-width: 250px;
    position: absolute;
    top: 0;
    left: 20px;
    padding: 10px 0;
}
.div-chart-legend .table-lengend > div.d-table-cell > span:not(:first-child) {
    font-size: 10px;
}
.div-more-channel {
    color: #00263b;
    font-weight: 300;
}
#chartjs-tooltip {
    opacity: 0;
    position: absolute;
    background: rgba(52,73,94,1);
    color: white;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    text-align: left;
}
.chart-w {
    height: 135px;
    display: block;
    width: 100%;
    margin-bottom: -4px;
    margin-left: -5px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chart-w img {
    height: 120px;
    width: 100%;
}
.chart-label {
    font-size: 14px;
    text-transform: capitalize;
}
.item-chart-legend {
    height: 18px;
    width: 18px;
}
.channel-img-w {
    height: 100%;
    width: 100%;
    min-height: 90px;
    background-color: #fff;
    text-align: center;
}
.channel-img-w img {
    max-width: 80% !important;
    max-height: 80% !important;
    position: absolute;
}
.chart-link {
    font-size: 14px;
    table-layout: auto !important;
}
.chart-link > a {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: rgba(77,124,254,1);
}
.div-dashboard-guide {
    background: url("") no-repeat 0 0;
    background-color: #fff;
    height: 338px;
    padding-left: 20px;
    text-align: left;
}
.div-dashboard-guide > .page-main-title {
    background-color: transparent;
    border: none;
}
    .div-dashboard-guide > div:not(.page-main-title) > p {
        color: #00263b;
        font-family: "Montserrat";
        font-weight: 300;
    }
.channel-table {
    height: 155px;
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
    font-family: "Montserrat";
    font-weight: 300;
    width: 55%;
}
.channel-table .d-table-row {
    height: 50%;
}
.channel-table .d-table-cell {
    background-color: #fff;
}
.channel-table .d-table-cell .d-table,
.channel-table .d-table-cell .d-table div.table-cell {
    height: 100%;
}
.channel-table .img-dashboard-channels {
    max-width: 95%;
    max-height: 85%;
    margin-top: 20px;
}
.sales-channels-global .tab-content {
    position: relative;
}
.sales-channels-global .tab-content .overlayErrorSubscription {
    text-align: center;
    font-size: 30px;
    color: white;
}
body.has-resource-management .channel-link > a {
    width: 100%;
    text-align: left;
}
.arrivals-table {
    font-size: 12px;
    color: #00263b;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
}
.arrivals-table > div {
    padding-left: 20px;
    position: relative;
    border-left: 1px solid #ebecf2;
    padding-bottom: 15px;
    font-weight:500;
}
.arrivals-table > div > i {
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #ebecf2;
    text-align: center;
    padding-top: 6px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    left: -15px;
}
    .arrivals-table > div > div {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 13px;
    }
.arrivals-table > div > i.bg-green {
    color: #fff;
}
/* Slider logo canaux de distribution*/
.ul-slider-img-channel {
    height: 100%;
    display: table;
    margin: 0;
    border-spacing: 10px 0;
}
.ul-slider-img-channel li {
    display: table-cell;
    width: 150px !important;
    height: 120px;
    list-style: none;
    vertical-align: middle;
}
.ul-slider-img-channel li img {
    max-width: 150px;
}
.quick-table {
    font-size: 14px;
    overflow: hidden;
    table-layout: fixed;
}
.quick-table .d-table-cell {
    font-weight: normal;
    padding: 15px 0;
    background-color: #34495e;
}
.quick-table .d-table-cell > div {
    padding: 0 10px;
}
.quick-table .d-table-cell a {
    color: #fff;
    display: block;
}
.quick-table .d-table-cell:hover {
    background-color: #455B72;
}
.quick-table .d-table-cell a .fa {
    font-size: 28px;
    vertical-align: super;
}
.quick-table .d-table-cell a label {
    font-family: "Montserrat";
    font-size: 13px;
    text-align: left;
    margin: 0;
    margin-left: 5px;
    cursor: pointer;
    color: #fff;
}
.quick-table .d-table-cell:last-child {
    background-color: #fdcf32;
}
    .quick-table .d-table-cell:last-child a label {
        color: #00263b;
    }
.quick-table .d-table-cell:last-child:hover {
    background-color: rgba(255,165,0,1);
}
    .quick-table .d-table-cell:last-child a {
        color: #00263b;
    }
.quick-table .d-table-cell.mid-left > div {
    border-left: 2px solid #FFF;
}
.quick-table .d-table-cell.mid-right > div {
    border: solid #FFF;
    border-width: 0 1px 0 0;
}
/*-- Profil --*/
.panel-profile .d-table {
    table-layout: fixed;
}
.panel-profile .editor {
    height: 100px;
    resize: none;
}
.cell-img div a:not([class*=btn]) {
    font-weight: normal;
    font-size: 14px;
}
.panel-profile .cell-img .page-sub-title span,
#divVisuels .page-sub-title span {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    text-transform: lowercase;
}
.cell-img div a.delete {
    color: #f00;
}
.panel-profile .image-preview {
    width: 250px;
    height: 250px;
}
.panel-profile .table-owner-Coord span {
    display: table-cell !important;
}
.panel-profile .modalLoadImage {
    top: 30%;
    -moz-transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
    -o-transform: translate(-50%, -30%);
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
}
.modalLoadImage .lkbTitle {
    margin: 0;
    font-size: 14px;
}
.img-logo .i-logo {
    font-size: 13em;
    height: 100%;
    width: 100%;
    line-height: 175px;
    color: #3598dc;
}
#divGoogleMaps img {
    width: 250px;
}
/*-- UCPlanningGlobal.ascx --*/
.div-title-planning {
    background-image: url("");
}
.div-info-price {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
    color: #00263b;
    margin-left: 5px;
}
.prices {
    line-height: initial;
    font-size: 11px;
    color: #00263b;
    margin-bottom: 30px;
}
    .prices h1,
    .prices h1 span {
        font-weight: normal;
    }
    .prices table {
        table-layout: fixed;
        width: auto;
        text-align: center;
        border-collapse: collapse;
    }
    .prices th, .prices td {
        max-width: 60px;
        min-width: 60px;
        font-size: 16px;
        font-weight: normal;
        border: solid #d0d5da;
        border-width: 1px 1px 0 0;
        padding: 0;
        text-align: center;
        cursor: default;
    }
        .prices td.bg-green {
            background-color: #00a46d !important;
        }
    .prices tr.periods td:first-child {
        border-top: 1px solid #c8d3e5;
    }
    .prices th.add-message {
        cursor: pointer;
    }
    .prices table#Choose_periode_daysTable td,
    .prices table#CalendarExtenderPeriod_daysTable td {
        min-width: 0;
        width: 45px;
    }
    .prices th:first-child {
        text-align: center;
        text-transform: capitalize;
        padding: 0;
        border-bottom-width: 1px;
        border-top-width: 0;
    }
    .prices th:first-child,
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]):not(.reservations) td:first-child {
        min-width: 220px;
        font-size: 13px;
        text-align: left;
        border-right: 0;
        font-weight: normal;
        color: #00263b;
    }
        .prices th:first-child .div-td-header,
        .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) td:first-child .div-td-header {
            padding: 12px 10px 12px 25px;
            background: #fff;
            z-index: 15;
            border-right: 1px solid #d0d5da;
            margin-right: -1px;
        }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) tr.separation.stay td:first-child .div-td-header {
        z-index: 16;
    }
    .prices div.offers table td:first-child .div-td-header {
        padding-right: 0;
        height: 55px;
    }
    .prices .prestation-container .prestation-container .offers td .div-td-header {
        height: 45px;
    }
    .prices tr:not(.bar) .fix-x {
        margin-left: -10px;
    }
    /* Hack IE */
    .prices th:first-child .div-td-header {
        text-transform: uppercase;
        padding-top: 15px;
        padding-bottom: 22px;
    }
    .prices th > div {
        background-color: #fff;
        height: auto;
        padding-top: 10px;
        padding-bottom:10px;
        z-index: 1;
        border-top: 0;
        border-bottom-width: 3px;
        position: relative;
        overflow: hidden;
    }
    .prices tr.fix-y > th > .div-td-header {
        border-right: 1px solid #d0d5da;
        z-index: 102;
    }
    .prices th.currentDay > div {
        background-color: #fffed7;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) tr:not(.stay) td:first-child a.dropdown-toggle {
        color: inherit;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]):not(.reservations):not(.list-channel-filter) tr:not(.stay) td:first-child i.fa {
        margin-left: 2px;
        font-size: 1.5em;
        top: 20px;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]):not(.reservations):not(.list-channel-filter) tr:not(.stay) td:first-child i.las.la-moon-o{
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -o-border-radius:50%;
        border-radius:50%;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) tr:not(.stay) td:first-child i.la-child {
        font-size: 1.2em;
        top: 15px;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]):not(.reservations) td:first-child i:not([class*=fa-gear]):not([class*=la-times]) {
        position:absolute;
        font-size: 22px;
        z-index: 10;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]):not(.reservations) td:first-child i.fa:not([class*=fa-moon-o]):not([class*=la-times]):not([class*=sg-icon-room]):not([class*=sg-icon-tent]) {
        right: 70px;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) td:first-child i.fa.sg-icon-room,
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) td:first-child i.fa.sg-icon-tent {
        right: 25px;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) td:first-child i.fa:not([class*=la-moon-o]):not([class*=la-times]) + i.fa:not([class*=la-moon-o]):not([class*=la-times]) {
        right: 33px;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) tr.periods td > div {
        padding: 5px !important;
    }
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) tr.sales td:first-child,
    .prices table:not([id*="Choose_periode"]):not([id*="CalendarExtenderPeriod"]) tr.availabilities td:first-child {
        text-align: right;
        font-size: 13px;
        color: #00263b;
    }
    .prices .offers td .div-td-header {
        text-transform: capitalize;
    }
    .prices table tr.stay td {
        background: #f6f8fc;
    }
        .prices table tr.stay td .div-td-header {
            text-indent: 30px;
        }
        .prices table tr.stay td:first-child {
            text-align: right;
            position: relative;
            border: none;
            font-family: "Montserrat";
            font-weight: 300 !important;
        }
            .prices table tr.stay td:first-child i {
                position: absolute;
                right: 23px;
                bottom: -5px;
                z-index: 16;
                cursor: pointer;
            }
    .prices .offers:last-of-type {
        margin-bottom: 0;
    }
    .prices table:not([id*="Choose_periode"][class*="global"]):not([id*="CalendarExtenderPeriod"]) tr:not(.bar):not(.periods) td:not(:first-child) {
        background: #fff;
    }
        .prices table:not([id*="Choose_periode"][class*="global"]):not([id*="CalendarExtenderPeriod"]) tr:not(.bar):not(.periods) td:not(:first-child).weekend,
        .prices th > div.week {
            background-color: #eaf3ff;
        }
    .prices:not(.reservations) .currentDay {
        background: #fffed7;
    }
    .prices th div div {
        margin-left: 5px;
        display: inline-block;
    }
    .prices input:not(.planning-current-start-date) {
        width: 100%;
        height: 100%;
        text-align: center;
        border: 0;
        color: #00263b;
        font-family: "Montserrat";
        font-weight: normal !important;
    }
    .prices input.active {
        font-weight: normal;
        background-color: transparent;
        color: rgba(77,124,254,1);
    }
        .prices input.active:hover,
        .prices input.active:focus {
            outline: 2px solid #66afe9;
            outline-offset: -2px;
        }
.planning-calendar-w {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 1002;
    padding: 0;
    height: 36px;
    line-height: 36px;
    vertical-align: top
}
.planning-current-start-date {
    border: 0;
    font-size: 0;
    height: 0;
    position: absolute;
    width: 0;
    left: -70%;
    padding: 0;
}
.prices-title {
    position: relative;
    z-index: 10;
}
.unique-offer .prices-title {
    padding-right: 10px;
}
.prices-title > div > div,
.prices-title > div > a {
    position: relative;
    z-index: 1;
}
.prices-title-label {
    display: inline-block;
    font-family: "Montserrat";
    margin: 0 20px 0 4px;
    padding: 9px 0;
    color: #00263b;
    font-size: 18px;
    font-weight: 300;
    vertical-align: middle;
    text-transform: uppercase;
}
.prices-title-label.d-none {
    display: none;
}
.prices-title-label.m-bottom {
    margin-bottom: 15px;
    margin-left: 10px;
}
    .prices-title-label span {
        color: #00263b;
        font-size: 18px;
        font-weight: 300;
    }
.prices .stats .stat-month {
    margin: 3px 80px 0 0;
}
.prices .stats .stat-title,
.prices .stats .stat-current-month {
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
}
.prices .stats .stat-title {
    font-size: .8em;
    border: 0;
}
.prices .stats .stat-current-month {
    font-size: 2em;
}
.prices .stats .fa-2x {
    margin-right: 0;
    color: #fff;
    font-size: 32px;
}
.prices .stats .btn.btn-primary {
    background-color: #1a5a76;
}
.prices .prestation-container {
    position: relative;
    background: #fff;
    border-top: 1px solid #ebecf2;
    padding-right: 1px;
    overflow-x: auto;
    overflow-y: hidden;
}
body.apple-os .prices .prestation-container {
    padding-bottom: 10px;
}
.prices .prestation-container:last-of-type {
    border-bottom: 1px solid #ebecf2;
}
.prices .prestation-container .prestation-container:last-of-type {
    border-bottom: none;
}
.prices .prestation-container .span-option {
    display: inline-block;
    margin-right: 10px;
    background: #34495e;
    color: #fff;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 1px 8px 2px;
    vertical-align: middle;
    float: right;
    margin-left: 10px;
}
.prices .prestation-container label {
    color: #fff;
}
    .prices .prestation-container label.text-light {
        color: #00263b;
        font-size: 13px;
        text-transform: none;
        padding-right: 5px;
    }
.prices .global th:first-child {
    border-width: 0 1px 0 0;
}
.prices .periods td:first-child {
    border-width: 0;
}
.prices .bar {
    vertical-align: bottom;
}
.prices .bar td {
    padding: 0;
    height: 140px;
    background: #fff;
}
.prices .bar td.weekend + td.weekend {
    border-right: 1px solid #c5e2f5;
}
.prices .bar td:first-child {
    border-width: 0;
    border-right-width: 1px;
}
.prices .bar td:not(:first-child) > div {
    position: relative;
    height: 120px;
}
.prices .bar td:first-child > div {
    height: 140px;
    text-align: right;
}
.prices .bar td:first-child > div.div-td-header > span {
    display: block;
    z-index: 13;
    position: absolute;
    right: 5px;
}
.prices .bar td > div > div {
    position: absolute;
    left: 2.5%;
    bottom: 0;
    width: 95%;
    border: solid #fff;
    border-width: 0 1px;
    z-index: 1;
}
.prices .availabilities td,
.prices .sales td {
    height: 35px;
}
.prices .offer td {
    height: 45px;
}
.prices .bar td:first-child,
.prices .availabilities td:first-child,
.prices .sales td:first-child {
    border-right: 0;
}
.prices .bar td:first-child > div,
.prices .availabilities td:first-child > div,
.prices .sales td:first-child > div {
    border-right: 1px solid #d0d5da;
}
.prices .bar td,
.prices .availabilities td,
.prices .sales td,
.prices .bar td:first-child > div,
.prices .availabilities td:first-child > div,
.prices .sales td:first-child > div,
.prices .offer td {
    background-color: #e8f3fd;
}
.prices .sales td:first-child > div,
.prices .availabilities td:first-child > div {
    padding: 9px 10px 9px 5px !important;
}
.prices .prestation .channels td:first-child .div-td-header {
    text-align: right;
    padding-bottom: 10px;
    padding-top: 10px;
}
.prices .prestation tr.channels:last-child td:first-child .div-td-header {
    padding-top: 9px;
}
.prices .prestation .channels td:first-child .div-td-header > img {
    max-width: 65%;
    max-height: 22px;
}
.prices .prestation .channels td:not(:first-child) {
    cursor: pointer;
}
.prices .availabilities input.active,
.prices .global tr.availabilities td[class] {
    font-weight: 900;
    background-color: #fff;
    color: rgba(77,124,254,1);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
}
.prices .availabilities input.bg-red {
    color: #fff !important;
}
.prices table:not(.global) tr.availabilities td:not(:first-child) {
    padding: 3px;
}
.prices .offer td input {
    width: 90%;
    height: 85%;
    font-size: 0.75em;
    background-color: #FFFFFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight:normal !important;
}
.prices .offer td input.p {
    text-align: center;
}
.prices .offer td input.disabled {
    cursor: default;
    background: transparent;
}
.prices .offer .la-moon {
    cursor: pointer;
}
.prices .offer .btn-menu {
    border: none;
    background: none;
    color: inherit;
}
.prices .span-offer {
    position: absolute;
    top: -1px;
    left: 84px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 7px;
    font-weight: normal;
    padding: 2px;
}
.prices .span-offer.red {
    background: #e74c3c;
}
.prices .span-offer.green {
    background: #00a46d;
}
.prices .span-offer.yellow-private-sale {
    background: #fda921;
}
.prices .offer-name .span-offer {
    position: static;
    font-size: 0.6em;
    margin-left: 10px;
    vertical-align: middle;
    padding: 3px 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.prices .offer-name.red {
    color: #e74c3c;
}
.prices .offer-name.green {
    color: #00a46d;
}
.prices .offer-name.yellow-private-sale {
    color: #fda921;
}
.popover {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.popover:hover,
.popover:focus {
    display: block;
}
.popover-content .dropdown-menu {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    top: 95%;
    left: 0;
    background: #fff;
    border: none;
}
    .popover-content .dropdown-menu li {
        font-family: "Montserrat";
        font-weight: 300;
        color: #00263b;
    }
.popover-content .dropdown-menu li > a {
    color: inherit;
    text-decoration: none;
}
.prices .separation td {
    border-width: 1px 1px 1px 0;
    border-top-color: #9a9a9a;
}
.prices th.hover,
.prices .bar td.hover,
.prices tr:not(.channels, .periods) td.hover {
    background-color: #e6f0ee !important;
}
.prices .sales td:not(:first-child) {
    color: #00263b;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
}
.prices .available,
.prices .active .available {
    background-color: rgba(77,124,254,1);
}
.prices .sold-low,
.prices .sold-medium,
.prices .sold-high,
.prices .active .sold-low,
.prices .active .sold-medium,
.prices .active .sold-high {
    background-color: #00a46d;
}
.prices .sold-overbooked,
.prices .active .sold-overbooked {
    background-color: rgba(242,41,24,1);
}
.prices .closed,
.prices .bar .closed {
    background: #fff;
}
.prices .periods th.closed > div,
.prices .periods th.closed > div > div {
    color: #869bb0;
}
.prices .prestation-name {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
    color: #00263b;
    font-size: 1.4em;
    font-weight: normal;
    background: #fff;
}
.prices .prestation-name.show-hide {
    cursor: pointer;
}
.prices .prestation-name b {
    font-size: 20px;
    font-weight: normal;
}
.prices .prestation-name a {
    font-weight: normal;
    font-size: 16px;
}
.prices .prestation-name span.span-warning-availability {
    vertical-align: middle;
    display: block;
    margin-top: 18px;
}
.prices .prestation-name span.span-warning-availability.d-none {
    display: none;
}
.prices .prestation-name span.span-warning-availability span {
    display: block;
    color: rgba(242,41,24,1);
    background-color: inherit;
    padding: 10px;
    font-weight: normal;
    text-align: right;
    font-size: 0.9em;
}
.prices .prestation-name .link-description {
    font-size: 20px;
    color: rgba(77,124,254,1);
    white-space: nowrap;
}
.prices .prestation-name .link-description > b {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 500px;
    overflow: hidden;
}
.prices .prestation-name .link-description > i.fa {
    font-size: 30px;
    vertical-align: middle;
}
    .prices .prestation-name .link-description .span-param-offer {
        font-family: "Montserrat";
        font-weight: 300;
        margin-left: 10px;
        position: relative;
        z-index: 20;
    }
    .prices .prestation-name .p-link-quick-change span {
        display: inline-block;
        margin-right: 10px;
        font-size: 0.85em;
        font-family: "Montserrat";
        font-weight: 300;
        position: relative;
        z-index: 9;
        vertical-align: middle;
        font-weight:normal;
    }
        .prices .prestation-name .p-link-quick-change span:first-of-type > span {
            color: #00263b;
            width: 80px;
            display: table;
            margin: 0;
            font-size: inherit;
        }
.prices .prestation-name .p-link-quick-change span:first-of-type > span > i,
.prices .prestation-name .p-link-quick-change a.btn-MyC-price > i {
    font-size: 20px;
}
    .prices .prestation-name .p-link-quick-change a.btn-MyC-price {
        color: rgba(77,124,254,1);
        border: none !important;
        text-align: center;
        font-weight: normal !important;
        font-size: 11px;
        font-family: "Montserrat";
        padding: 0 8px;
        line-height: 20px !important;
        box-shadow:none !important;
    }
        .prices .prestation-name .p-link-quick-change a.btn-MyC-price > i {
            background: rgba(77,124,254,1);
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            color: #fff;
            display: block;
            width: 40px;
            height: 40px;
            margin: auto;
            line-height: 40px;
            -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
            -moz-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
            box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
        }


}
    a.btn-MyC-price > i {
        line-height:40px;
    }
.prices .prestation-name .p-link-quick-change a.btn-MyC-price:hover {
    color: rgba(31, 140, 235, .6) !important;
}
.prices .prestation-name .p-link-quick-change a.btn-MyC-price:hover > i {
    background-color: rgba(31, 140, 235, .6) !important;
}
.prices .prestation-name .p-link-quick-change a.btn-MyC-price.quick-stop-sale {
    color: #eb1f32;
}
.prices .prestation-name .p-link-quick-change a.btn-MyC-price.quick-stop-sale > i {
    background-color: #eb1f32;
}
.prices .prestation-name .p-link-quick-change a.btn-MyC-price.quick-stop-sale:hover {
    color: rgba(235, 31, 50, .6) !important;
}
.prices .prestation-name .p-link-quick-change a.btn-MyC-price.quick-stop-sale:hover > i {
    background-color: rgba(235, 31, 50, .6) !important;
}
/*.prices .prestation-name .p-link-quick-change a.btn-MyC-price + a.btn-MyC-price {
    margin-left: 8px;
}*/
/*.prices .prestation-name .p-link-quick-change span + a.btn-MyC-price {
    margin-left: 10px;
}*/
/*.prices .prestation-name .p-link-quick-change a.btn-MyC-price:last-of-type {
    margin-right: 10px;
}*/
/*.prices .offer-name .btn,
    .prices .prestation-name .btn {
    background-color: rgba(255,165,0,1);
    color: #5a5e56;
    width: 170px;
}*/
#btnTextChatGPT {
    line-height: 40px;
    position: relative;
    background: rgba(77,124,254,1);
    color: white;
    padding: 0px 10px;
    border-radius: 25px;
    z-index: 1;
    display: inline-block;
    width: 300px;
    float: right;
}
#imgChatGPT {
    width: 30px;
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(352deg) brightness(96%) contrast(94%);
    top: -2px;
    position: relative;
}
.btn-smartconnect,
.btn-smartconnect:hover {
    display: inline-block;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 300;
    color: rgb(52, 73, 94);
    border: 2px solid #5c7287;
    padding: 0 15px;
    text-transform: uppercase;
    height:44px;
    line-height:40px;
    border-radius:22px;
    /*box-shadow: 5px 5px 5px RGBA(61,62,73, .5);*/
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    /*margin-right:11%;*/
}
.btn-smartconnect > .img-lightspot {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}
.btn-smartconnect b {
    font-weight: normal;
    font-size: 18px;
}
.btn-smartconnect span {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    line-height: 0;
}
.btn-jachere,
.btn-jachere:hover {
    display: inline-block;
    font-size: 18px;
    font-family: "Montserrat";
    font-weight: 300;
    color: #fff;
    border: 2px solid #00a46d;
    padding: 8px 12px 11px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    background-color: #00a46d;
}
.new-modal .text-list .vertical-center {
    width: calc(100% - 60px);
    margin:inherit;
}
.new-modal .input-group {
    height: 44px;
    width: 60%;
    margin-left: 20%;
}
.new-modal .input-date-payment[readonly] {
    background-color: #fff;
    cursor: initial;
    margin-top: 0;
    height: 44px;
}
.new-modal .input-group .input-group-addon {
    width: 50px;
    height: 45px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    outline: none;
    font-size: 1.2em;
    font-family: "Montserrat";
    font-weight: normal;
}
.prices .prestation-img-w {
    position: relative;
}
.prices .prestation-img-w,
.prices .prestation-img-w img {
    height: 83px;
    width: 125px;
}
.prices .prestation-container .prestation-container .prestation-name .prestation-img-w {
    height: auto;
}
.prices div.prestation-img-w > div.div-overlay-img {
    display: none;
    height: 100%;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(30, 50, 73, .6);
    text-align: center;
    padding: 25px 20px 0;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
}
.prices div.prestation-img-w:hover > div.div-overlay-img {
    display: block;
}
.prices .offer-name .btn {
    border: solid transparent;
    border-width: 2px 0;
    font-size: 13px;
    margin: 0 15px 0 0;
}
.prices .prestation-container .prestation-container .prestation-name .btn {
    margin-bottom: 3px;
    margin-top: 3px;
}
/*.prices .offer-name:hover .btn,
.prices .prestation-name:hover .btn {
    background-color: #00a46d;
    color: #fff;
}*/
.prices .offer-name:hover .btn.btn-MyC-panel-open,
.prices .prestation-name:hover .btn.btn-MyC-panel-open {
    color: #00263b;
}
.prices .offer-name {
    padding: 12px 8px;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.prices .offer-name .btn-w {
    display: inline-block;
    min-width: 212px;
}
.prices .offer-name + table {
    border-top: 1px solid #eee;
}
.prices .prestation-name > span, .prices .offer-name > span {
    margin-right: 5px;
}
.prices .stock-value {
    position: absolute;
    top: -20px;
    width: 100%;
    color: #b0b0b0;
}
.prices .arrow {
    padding: 6px 8px;
}
.prices .span-extra {
    position: absolute;
    font-size: 8px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 2px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top: 2px;
    right: 38px;
    z-index: 100;
    border: 1px solid #637584;
    background: #fff;
    white-space: nowrap;
}
    .prices .span-extra.r-auto {
        right: auto;
        left: 170px;
        top: 20px;
    }
.prices .span-extra.span-extra-plus {
    right: 34px;
}
.prices .fa.sg-icon-room + .span-extra {
    right: 2px;
}
.prices .span-extra-round {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 5px;
    right: 58px;
}
.prices .span-extra-round + .span-extra-round {
    right: 21px;
}
.prices .prestation-overlay {
    display: none;
    background: #fff;
    position: absolute;
    text-align: center;
    color: #00263b;
    z-index: 1001;
    margin-top: 1px;
}
.prices .prestation-overlay p {
    margin: 0;
}
    .prices .prestation-overlay .p-date {
        color: #00263b;
        text-transform: uppercase;
        margin-top: 25px;
        font-size: 14px;
    }
.prices .prestation-overlay .p-name {
    font-size: 20px;
    padding: 5px 0;
    margin-bottom: 10px;
}
.prices .prestation-overlay .p-name .div-name {
    padding-bottom: 5px;
    border-bottom: 1px solid #e3e5eb;
}
.prices .prestation-overlay .p-price {
    position: relative;
    font-size: 18px;
}
    .prices .prestation-overlay .p-price > .span-offer {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 10px;
        margin-left: 10px;
        display: inline-block;
        position: static;
        padding: 1px 2px;
        vertical-align: middle;
    }
.prices .prestation-overlay .p-price > .span-old-price {
    color: rgba(242,41,24,1);
    margin-left: 10px;
    text-decoration: line-through;
}
.prices .calendar-info {
    text-align: center;
    margin: 25px;
    max-width: 1180px;
}
.prices .calendar-info > a {
    color: rgba(77,124,254,1);
    margin-left: 15px;
}
.prices .calendar-info > a:hover {
    text-decoration: underline;
}
.link-desc {
    font-weight: normal;
    text-decoration: underline !important;
    font-size: 12px;
}
.link-max-min-stay {
    line-height: 10px;
}
.link-send {
    display: inline-block;
    white-space: nowrap;
    font-weight: normal;
    padding-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.button-big {
    margin: 1px;
    padding: 6px 15px;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none !important;
    text-transform: uppercase;
    background-color: rgba(77,124,254,1);
}
.update {
    float: right;
    margin: 0;
    margin-right: 10px;
}
.y-axis {
    position: absolute;
    left: 120px;
    margin: 0;
    height: 120px;
    color: #555;
    text-align: right;
    z-index: 1;
}
.y-axis li {
    display: block;
    margin: 0;
    height: 23px;
    border-top: 1px solid rgba(52,73,94,.2);
}
/*.y-axis li span {
    display: block;
    margin: -10px 0 0 -60px;
    width: 40px;
    z-index: 13;
    position: relative;
}*/
.dragbar {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 10px;
    background-color: transparent;
    cursor: row-resize;
    top: -5px;
}
.text-light {
    color: #9bc1c3;
    font-size: .9em;
    font-weight: 300;
}
.select-prestation-planning {
    width: 445px;
}
.prices th .plus-in-edge {
    width: 45px;
    height: 45px;
    position: absolute;
    text-align: center;
    padding-top: 27px;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -22px;
    background: RGB(254, 241,101);
    right: -22px;
    color: RGB(83, 99, 136);
}
.prices th .plus-in-edge > i {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.prices th.hover .plus-in-edge {
    color: #fff;
    background: RGB(0, 69, 255);
}
.tooltip-text {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#ModalComments .modal-body {
    padding: 0;
}
#ModalComments .div-comments {
    background: RGB(254, 245,153);
    color: #00263b;
    padding: 20px;
    font-family: "Montserrat";
    font-weight: 300;
}
#ModalComments .div-comments p {
    font-size: 16px;
    padding-bottom: 15px;
    opacity: .8;
}
#ModalComments .div-comments p:first-of-type {
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
    padding: 15px;
    opacity: 1;
}
#ModalComments .div-comments .table-comments {
    font-size: 14px;
    font-weight: normal;
    border-spacing: 0;
    width: 100%;
    max-height: 350px;
    overflow: auto;
}
#ModalComments .div-comments .table-comments .d-table-cell {
    border-top: 1px solid RGB(211, 201, 129);
    padding: 10px 0;
}
#ModalComments .div-comment-input {
    color: #00263b;
    padding: 30px;
}
.img-smartconnect {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}
#ModalSmartConnect {
    width: 100%;
}
#ModalSmartConnect div.modal-header {
    text-align: center;
}
#ModalSmartConnect div.modal-header img {
    width: 25px;
    margin-top: -5px;
}
    #ModalSmartConnect div.modal-header > .modal-title {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 25px;
    }
    #ModalSmartConnect div.modal-header > button {
        border: none;
        background: none;
        font-family: "Montserrat";
        font-weight: normal;
    }
#ModalSmartConnect div.modal-body .div-top {
    background-color: #fde74d;
    padding: 30px 30px;
    margin: -20px -20px 0;
}
#ModalSmartConnect div.modal-body div.div-top .toggle-switch-label {
    min-width: 210px;
}
    #ModalSmartConnect div.modal-body .div-bottom {
        color: #00263b;
        font-family: "Montserrat";
        font-weight: normal;
        padding: 20px 0;
        position: relative;
    }
        #ModalSmartConnect div.modal-body .div-bottom .selectized,
        #ModalSmartConnect div.modal-body .div-bottom .selectized .selectize-input {
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            font-family: "Montserrat";
            font-weight: 300;
            font-size: 18px;
            color: #00263b;
        }
        #ModalSmartConnect div.modal-body .div-bottom .form-control {
            position: relative;
            padding-left: 20px;
            text-align: right;
            width: 80%;
            font-family: "Montserrat";
            font-weight: normal;
            font-size: 18px;
            color: #00263b;
        }
#ModalSmartConnect div.modal-body .div-bottom .d-table-cell {
    padding: 20px 0;
    position: relative;
}
#ModalSmartConnect div.modal-body .div-bottom .d-table-cell:nth-child(2):before {
    content: '+';
    position: absolute;
    left: 12px;
    color: #555;
    font-size: 20px;
    z-index: 2;
    margin-top: 6px;
    font-weight: 300;
}
#ModalSmartConnect div.modal-body .div-bottom .logo {
    width: 144px;
}
#ModalSmartConnect div.modal-body .div-btn > button {
    font-weight: normal;
    font-size: 14px;
    border: none;
    background: none;
}
/*-- Planning des réservations --*/
div.div-title-with-bg > div.div-title-btn-create-resa {
    width: 100%;
    max-width: 1180px;
}
div.div-title-with-bg > div.div-title-btn-create-resa > .btn-create-resa {
    text-transform: none;
    margin-top: -40px;
    margin-right: 20px;
}
div.div-title-with-bg > a.btn-export,
div.div-page-title-img > div > div > a.btn-export {
    font-family: "Montserrat";
    font-size: 14px;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}
div.div-title-with-bg > a.btn-export > i {
    font-size: 16px;
}
div.resa-prices-panel {
    position: relative;
    margin-bottom: 0;
}
div.div-resa-filter {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    float:right;
}
    div.div-resa-filter button.btn-MyC-price.resa-filter {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 14px;
        color: rgba(77,124,254,1) !important;
        border-color: rgba(77,124,254,1) !important;
    }
div.div-resa-filter button.btn-MyC-price.resa-filter:hover {
    border-color: rgba(52, 152, 219, .5) !important;
}
    div.div-resa-filter div.resa-filter-panel {
        display: none;
        position: absolute;
        top: 45px;
        -webkit-box-shadow: 0 0 25px 2px #ccc;
        -moz-box-shadow: 0 0 25px 2px #ccc;
        box-shadow: 0 0 25px 2px #ccc;
        width: 750px;
        border: none;
        border-spacing: 20px 0;
        padding: 0;
        max-width: none;
        z-index: 102;
        margin-left: auto !important;
        right: 0;
    }
        div.div-resa-filter div.resa-filter-panel > div.arrow {
            padding: 0;
            border: none;
            margin-left: 0;
            right: 30px;
            left: initial;
        }
div.div-resa-filter div.resa-filter-panel > div.table-filters {
    width: 100%;
    margin-bottom: 15px;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters i.la-exclamation-triangle {
    display: inline;
    margin-right: 8px !important;
    margin-left: 2px;
}
    div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div {
        font-family: "Montserrat";
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        color: #00263b;
        padding: 20px 0 12px;
        border-bottom: 1px solid #ebecf2;
        position: relative;
        width: 33.33%;
    }
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div:first-child {
    width: 66.66%;
}
    div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div > button.btn-check-all,
    div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div > button.btn-uncheck-all{
        float: right;
        color: #3598db;
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 13px;
        background: none;
        border: none;
    }
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div > button.btn-check-all:hover,
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div > button.btn-uncheck-all:hover{
    text-decoration: underline;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div > button.btn-check-all[disabled],
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:first-child > div > button.btn-uncheck-all[disabled]{
    color: #92a1af;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div {
    padding: 10px 0;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div > table {
    width: 100%;
    table-layout: fixed;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div > table > tbody > tr > td {
    min-width: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    padding: 5px 0;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div > table > tbody > tr > td input {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0;
    margin-right: 10px;
}
    div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div > table > tbody > tr > td label {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 13px;
        color: #00263b;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 160px;
        white-space: nowrap;
        vertical-align: middle;
        margin: 0;
    }
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div > table > tbody > tr > td label > img {
    width: 16px;
    margin-right: 5px;
    margin-bottom: 1px;
    display: inline-block;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div > table > tbody > tr > td label > i {
    font-size: 20px !important;
    margin-right: 5px;
    margin-bottom: 1px;
    position: static !important;
    vertical-align: middle;
}
div.div-resa-filter div.resa-filter-panel > div.table-filters > div.d-table-row:not(:first-child) > div > table > tbody > tr > td label > div.round-state {
    display: inline-block;
    margin: 0 10px 2px 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
div.div-resa-filter div.resa-filter-panel > .btn-refresh-with-filters {
    display: block;
    text-transform: none;
    border-bottom-width: 0;
    border-radius: 0 0 20px 20px;
}
div.div-export-resa-planning {
    text-align: left;
}
div.div-export-resa-planning a.btn-export.btn-print-planning {
    top: 57px;
}
div.div-export-resa-planning a.btn-create-resa {
    top: -15px;
    left: 57%;
    width: 200px;
}
.div-title-btn-create-resa {
    display: inline-block !important;
}
div.div-planning-resa-container {
    overflow-x: hidden;
    overflow-y: auto;
}
div.div-planning-resa {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
div.div-planning-resa-header {
    overflow: hidden;
}
div.div-planning-resa-sticky {
    position: fixed;
    top: 0;
    z-index: 100;
}
table.reservations {
    font-family: "Montserrat";
    font-weight: 300;
    margin-bottom: 0;
}
    table.reservations > tbody > tr > td {
        height: 40px;
        border: solid #ebecf2;
        border-width: 1px 0;
        /*padding: 1px;*/
        overflow: hidden;
    }
body.has-resource-management table.reservations > tbody > tr > td {
    height: 100%;
}
table.reservations > tbody > tr > td.without-title {
    border-width: 0;
}
table.reservations > tbody > tr:first-child > th {
    border: 1px solid #ebecf2;
    min-width: 60px;
}
body.has-resource-management table.reservations > tbody > tr:first-child > th {
    border: 1px solid #ebecf2;
    min-width: 165px;
}
table.reservations > tbody > tr:first-child > th.first {
    border-left: 0 !important;
}
body.has-resource-management table.reservations > tbody > tr.tr-stocks {
    border-top: 1px solid #ebecf2;
}
table.reservations > tbody > tr:first-child > th > div {
    margin-bottom: 0;
    border: none;
    z-index: 0;
    font-size:14px;
}
    table.reservations > tbody > tr:first-child > th > div.fix-x {
        z-index: 10;
        position: relative;
        border-right: 1px solid #ebecf2;
    }
    table.reservations > tbody > tr:first-child > th > div.weekend {
        background-color: #eaf3ff;
    }
table.reservations > tbody > tr > td:not(:first-child) {
    min-width: 30px;
    width: 30px;
    padding: 2px;
}
body.has-resource-management table.reservations > tbody > tr > td:not(:first-child) {
    min-width: 80px;
    width: 80px;
    padding: 2px;
}
table.reservations > tbody > tr > td:last-child {
    border-right-width: 1px;
}
body.has-resource-management table.reservations > tbody > tr > td:not(:first-child) {
    min-width: 165px;
    width: 165px;
    vertical-align: top;
}
table.reservations > tbody > tr > td:not(.afternoon) {
    border-left-width: 1px;
}
table.reservations > tbody > tr > td.afternoon {
    border-right-width: 1px;
    border-left: 1px solid rgba(200, 211, 229, .3);
}
table.reservations > tbody > tr > td:first-child {
    font-family: "Montserrat";
    color: #00263b;
    text-align: center;
}
table.reservations > tbody > tr.tr-title-stocks {
    height: 40px;
    background-color: #f6f8fc;
}
table.reservations > tbody > tr.tr-title-stocks > td:first-child {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 16px;
    color: #00263b;
    padding-left: 25px;
    text-align: left;
}
table.reservations > tbody > tr.tr-title-stocks:first-child > td:first-child {
    border-top: none;
}
    table.reservations > tbody > tr.tr-title-stocks > td:first-child > div > span {
        font-weight: 300;
        font-size: 12px;
        color: #00263b;
        margin-left: 10px;
    }
table.reservations > tbody > tr.show-hide-stocks > td {
    cursor: pointer;
}
table.reservations > tbody > tr:not(.tr-title-stocks) > th:first-child,
table.reservations > tbody > tr:not(.tr-title-stocks) > td:first-child {
    min-width: 100px;
}
table.reservations > tbody > tr:not(.tr-title-stocks) > th:first-child,
table.reservations > tbody > tr:not(.tr-title-stocks):not(:last-child) > td:first-child {
    overflow: visible;
    padding: 0;
    border-bottom-width: 0;
}
body.has-resource-management table.reservations > tbody > tr:not(.tr-title-stocks) > th:first-child,
body.has-resource-management table.reservations > tbody > tr:not(.tr-title-stocks) > td:first-child {
    min-width: 220px;
    position: relative;
}
div.div-planning-resa-header table.reservations > tbody > tr:not(.tr-title-stocks) > th:first-child,
div.div-planning-resa-header table.reservations > tbody > tr:not(.tr-title-stocks) > td:first-child {
    border-bottom-width: 1px;
}
div.div-planning-resa-header table.reservations > tbody > tr:not(.tr-title-stocks) > th:first-child {
    border-right: none;
}
body.has-resource-management table.reservations > tbody > tr.tr-title-stocks > td {
    height: 40px;
}
body.has-resource-management table.reservations > tbody > tr.tr-title-stocks.currentDay > td {
    background: #fffed7;
}
table.reservations > tbody > tr:not(.tr-title-stocks) > td:first-child > div.fix-x {
    z-index: 1;
    height: 40px;
    padding-top: 11px;
    background: #fff;
}
body.has-resource-management table.reservations > tbody > tr:not(.tr-title-stocks) > td:first-child > div.fix-x {
    background-color: #f6f8fc;
    font-weight: normal;
    width: 230px;
    line-height: 18px;
    font-size:14px;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 50px !important;
    text-align: left;
}
table.reservations > tbody > tr.tr-stocks {
    height: 42px;
}
table.reservations > tbody > tr.tr-stocks > td:first-child > div.fix-x {
    border-right: 1px solid #c8d3e5;
    margin-right: -1px;
}
table.reservations > tbody > tr.tr-stocks > td:first-child > div.fix-x > div {
    display: inline-block;
    vertical-align: middle;
}
table.reservations > tbody > tr.tr-stocks > td:first-child > div.fix-x > div:first-child {
    height: 100%;
    width: 0;
    font-size: 0;
}
table.reservations > tbody > tr.tr-stocks > td:first-child > div.fix-x > div:last-child {
    padding: 10px 0;
    text-align: left;
}
table.reservations > tbody > tr.tr-stocks:last-child > td:first-child > div.fix-x {
    margin-right: -2px;
}
table.reservations > tbody > tr.tr-stocks > td:first-child + td {
    border-left-width: 0;
    padding-left: 2px;
}
table.reservations > tbody > tr.tr-stocks.tr-stocks-separation > td {
    border-top-width: 2px;
}
table.reservations > tbody > tr.show-hide-stocks > td .la-angle-right {
    margin-right: 14px;
}
div.div-planning-resa-container table.reservations > tbody > tr > td {
    overflow: visible;
}
table.reservations > tbody > tr.tr-title-stocks > td > div:first-child {
    display: inline-block;
}
table.reservations > tbody > tr:not(.tr-title-stocks) > td > div:first-child {
    position: relative;
    height: 48px;
    z-index:9;
}
body.has-resource-management table.reservations > tbody > tr:not(.tr-title-stocks) > td > div {
    height: 32px;
    position: relative;
}
body.has-resource-management table.reservations > tbody > tr:not(.tr-title-stocks) > td > div.is-activity-per-reservation {
    height: 70px;
}
table.reservations > tbody > tr > td div.main-offer,
table.reservations > tbody > tr > td a.main-offer {
    color: #fff;
    display: block;
    height: 100%;
    background-color: #00263b;
    text-align: left;
    width: auto;
    white-space: nowrap;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0;
}
table.reservations > tbody > tr > td a.main-offer .draggable-icon {
    position:absolute;
    left:3px;
    bottom:3px;
}
body.has-resource-management table.reservations > tbody > tr > td div.main-offer,
body.has-resource-management table.reservations > tbody > tr > td a.main-offer{
    position: static;
}
body.has-resource-management table.reservations > tbody > tr > td div.main-offer:hover,
body.has-resource-management table.reservations > tbody > tr > td a.main-offer:hover{
    background-color: #34495e;
}
body.has-resource-management table.reservations > tbody > tr > td > div + div {
    margin-top: 2px;
}
table.reservations > tbody > tr > td div.main-offer.inprogress,
table.reservations > tbody > tr > td a.main-offer.inprogress {
    background-color: #34495e;
}
table.reservations > tbody > tr > td div.main-offer:hover,
table.reservations > tbody > tr > td a.main-offer:hover {
    background-color: #34495e;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-round-state-container{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
}
.resa-bell-comment {
    position: absolute;
    top: -7px;
    right: -5px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    border-radius: 9px;
    text-align:center;
}
table.reservations > tbody > tr > td div.offer-draggable > div.draggable-icon {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 15px;
    padding: 2px 0 0 2px;
    color: #FFF;
    font-size: 11px;
    cursor: move;
}
table.reservations > tbody > tr > td .main-offer:not(.offer-draggable) > div.draggable-icon {
    display: none;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-round-state-container > div.resa-round-state,
table.reservations > tbody > tr > td a.main-offer > div.resa-round-state-container > div.resa-round-state{
    width: 100%;
    height: 5px;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-round-state-container > div.resa-round-state.bg-green,
table.reservations > tbody > tr > td a.main-offer > div.resa-round-state-container > div.resa-round-state.bg-green{
    background-color: #00a46d !important;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-round-state-container > div.resa-round-state.bg-yellow,
table.reservations > tbody > tr > td a.main-offer > div.resa-round-state-container > div.resa-round-state.bg-yellow{
    background-color: rgba(255,165,0,1) !important;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-round-state-container > div.resa-round-state.bg-bluegrey,
table.reservations > tbody > tr > td a.main-offer > div.resa-round-state-container > div.resa-round-state.bg-bluegrey {
    background-color: #34495E !important;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-round-state-container > .fa,
table.reservations > tbody > tr > td a.main-offer > div.resa-round-state-container > .fa{
    font-size: 11px;
    position: relative;
    top: -5px;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-customer-name,
table.reservations > tbody > tr > td a.main-offer > div.resa-customer-name {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    display: block;
    vertical-align: top;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}
body.has-resource-management table.reservations > tbody > tr > td div.main-offer > div.resa-customer-name,
body.has-resource-management table.reservations > tbody > tr > td a.main-offer > div.resa-customer-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 5px 5px 5px;
    line-height: 14px;
}
table.reservations > tbody > tr > td div.main-offer > div.resa-customer-name.f-bold,
table.reservations > tbody > tr > td a.main-offer > div.resa-customer-name.f-bold {
    font-weight: normal;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
}
table.reservations > tbody > tr > td div.main-offer > .resa-logo,
table.reservations > tbody > tr > td a.main-offer > .resa-logo{
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-indent: 2px;
    color: #fff;
}
table.reservations > tbody > tr > td div.main-offer > .i-check,
table.reservations > tbody > tr > td a.main-offer > .i-check{
    position: absolute;
    right: 8px;
    bottom: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    opacity: .6;
    border-radius: 50%;
}
table.reservations > tbody > tr > td div.main-offer > .i-check.las,
table.reservations > tbody > tr > td a.main-offer > .i-check.las{
    bottom: 11px;
    width: 20px;
    height: 19px;
    font-size: 18px;
    opacity: 1;
    background-color: #fff;
    line-height: 17px;
    text-align: center;
}
div.div-hover-resa {
    width: 235px;
    height: auto;
    background: transparent;
    position: relative;
    display: none;
}
body.has-resource-management div.div-hover-resa {
    width: 280px;
}
div.div-hover-resa > div.head-hover-resa {
    display: table;
    width: 100%;
    height: 40px;
}
body.has-resource-management div.div-hover-resa > div.head-hover-resa {
    padding: 10px 15px;
    font-family: "Montserrat";
    font-weight: 300;
}
div.div-hover-resa > div.head-hover-resa > * {
    display: table-cell;
    vertical-align: middle;
}
body.has-resource-management div.div-hover-resa > div.head-hover-resa > * {
    display: inline-block;
}
div.div-hover-resa > div.head-hover-resa > div.hover-resa-check-container {
    padding-left: 15px;
    width: 15%;
    font-size: 18px;
}
div.div-hover-resa > div.head-hover-resa > label.lbl-hover-resa-name {
    text-align: center;
    width: 170px;
    max-width: 170px;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    color: #00263b;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 3px;
}
div.div-hover-resa > div.head-hover-resa > div.logo-hover-resa-container {
    padding-right: 15px;
    padding-left: 5px;
    width: 15%;
}
div.div-hover-resa > div.head-hover-resa > div.logo-hover-resa-container .color-light-gray {
    color: #c1c4c9;
}
div.div-hover-resa > div.head-hover-resa > div.logo-hover-resa-container > .resa-logo {
    width: 16px;
    font-size: 16px;
    color: #00263b;
}
div.div-hover-resa > div.resume-hover-resa {
    height: 80px;
    padding: 15px 15px 10px;
    text-align: center;
    background-color: #f6f8fc;
    
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa {
    height: auto;
}
div.div-hover-resa > div.resume-hover-resa > div.resume-occupancy-hover-resa {
    margin-bottom: 10px;
    color: #00263b;
}
div.div-hover-resa > div.resume-hover-resa > div.resume-occupancy-hover-resa > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    position: relative;
}
div.div-hover-resa > div.resume-hover-resa > div.resume-occupancy-hover-resa > div > i {
    font-size: 22px;
}
div.div-hover-resa > div.resume-hover-resa > div.resume-occupancy-hover-resa > div + div {
    margin-right: 15px;
}
    div.div-hover-resa > div.resume-hover-resa > div.resume-occupancy-hover-resa > div > div.bulle-number-resume {
        position: absolute;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #667d89;
        color: #fff;
        height: 14px;
        width: 14px;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 10px;
        top: -4px;
        right: -1px;
        line-height: 12px;
    }
div.div-hover-resa > div.resume-hover-resa > div.resume-occupancy-hover-resa > div.resume-night > div.bulle-number-resume {
    right: 5px;
}
div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa {
    text-align: center;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 13px;
    color: #00263b;
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa {
    text-align: left;
    position: relative;
    padding: 0 0 10px;
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa:last-child {
    padding-bottom: 0;
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa + div.resume-date-hover-resa {
    border-top: 1px solid #c8d3e5;
    padding-top: 10px;
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa > span {
    position: absolute;
    right: 0;
    bottom: 10px;
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa:last-child > span {
    bottom: 0;
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa > a {
    display: block;
    margin-top: 5px;
}
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa > a > i,
body.has-resource-management div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa > a > img {
    margin-right: 15px;
    color: rgba(77,124,254,1);
}
div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa > i {
    margin-right: 10px;
}
div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa > i.la-angle-right {
    opacity: .4;
    margin-left: 10px;
}
div.div-hover-resa > div.resume-hover-resa > div.resume-date-hover-resa > i.la-clock {
    margin-left: 10px;
}
div.div-hover-resa > div.state-hover-resa {
    display: table;
    width: 100%;
    height: 60px;
    table-layout: fixed;
}
div.div-hover-resa > div.state-hover-resa > div {
    padding-top: 13px;
}
div.div-hover-resa > div.state-hover-resa > div > p {
    padding: 0;
    margin: 0;
}
    div.div-hover-resa > div.state-hover-resa > div > p:first-child {
        text-transform: uppercase;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 12px;
        color: #000000;
        opacity: .4;
    }
    div.div-hover-resa > div.state-hover-resa > div > p:last-child {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 13px;
        color: #fff;
    }
div.div-hover-resa > div.actions-hover-resa {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 40px;
}
    div.div-hover-resa > div.actions-hover-resa > a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 13px;
    }
div.div-hover-resa > div.comment-hover {
    height: 30px;
}
    div.div-hover-resa > div.comment-hover .rounded-input {
        height: 30px !important;
        line-height: 30px !important;
        border-radius: 15px !important;
        margin: 5px;
        background-color: #f6f8fc;
    }
        div.div-hover-resa > div.comment-hover .rounded-input i.la-file,
        div.div-hover-resa > div.comment-hover .rounded-input i.la-pen {
            line-height: 26px;
            margin-left: 7px;
            height: 26px;
            width: 15px;
            margin-right: 3px;
        }
        div.div-hover-resa > div.comment-hover .rounded-input span {
            width: calc(100% - 41px);
            line-height: 26px;
        }
        div.div-hover-resa > div.comment-hover .rounded-input a {
            line-height: 26px;
            height: 26px;
            width: 26px;
            border-radius: 100%;
            text-align: center;
            cursor: default;
        }
        div.div-hover-resa > div.comment-hover .rounded-input:hover a {
            color: #fff !important;
        }
            div.div-hover-resa > div.comment-hover .rounded-input a i.la-bell {
                line-height: 26px;
                height: 26px;
            }

/*-- Personnalisation générale du calendrier CalendarExtender --*/
.ajax__calendar_days,
.ajax__calendar_months,
.ajax__calendar_years {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    width: 100% !important;
    height: 139px !important;
    text-align: center;
}
.ajax__calendar .ajax__calendar_day,
.ajax__calendar .ajax__calendar_month,
.ajax__calendar .ajax__calendar_year {
    border: 1px solid #fff;
    font-weight: 300;
}
.ajax__calendar .ajax__calendar_month {
    line-height: 15px;
}
.ajax__calendar .ajax__calendar_year {
    line-height:initial;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day,
.ajax__calendar .ajax__calendar_active .ajax__calendar_month,
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    color: #06c;
    background-color: #edf9ff;
    border-color: #06c;
}
.ajax__calendar_month,
.ajax__calendar_year {
    width: 40px;
    height: 44px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.ajax__calendar_prev,
.ajax__calendar_next {
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.ajax__calendar .ajax__calendar_container {
    position: absolute;
    z-index: 10000 !important;
    padding: 10px;
    width: 260px !important;
    font-family: Montserrat;
    font-size: 11px;
    text-align: center;
    cursor: default;
    background: #fff;
    border: none !important;
    color: #34495E !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
    box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
}


.prices .ajax__calendar .ajax__calendar_container {
    left: -85px !important;
}
.ajax__calendar_body {
    position: relative;
    margin: auto;
    width: 100% !important;
    height: 240px !important;
    overflow: hidden;
}
.ajax__calendar_container table {
    font-size: 11px;
    height: 240px !important;
}
.ajax__calendar_header {
    width: 100%;
    height: 20px;
}
.ajax__calendar_prev {
    float: left;
}
.ajax__calendar_next {
    float: right;
}
.ajax__calendar_title {
    font-weight: normal;
    cursor: pointer;
    text-transform: capitalize;
    font-family: "Montserrat";
    font-weight: 300;
    height: 20px;
    line-height: 20px;
}
.ajax__calendar_footer {
    height: 15px;
}
.ajax__calendar_today {
    display: none;
}
.ajax__calendar_dayname {
    padding: 0 2px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: right;
}
.ajax__calendar_day {
    padding: 0 2px;
    width: 18px;
    height: 17px;
    line-height: 17px;
    text-align: right;
    cursor: pointer;
}
.ajax__calendar .ajax__calendar_footer {
    border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname {
    border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_body .ajax__calendar_days,
.ajax__calendar .ajax__calendar_body .ajax__calendar_months,
.ajax__calendar .ajax__calendar_body .ajax__calendar_years {
    height: 240px !important;
}
.ajax__calendar .ajax__calendar_body .ajax__calendar_days[style*="top"]:not([style*="top: 0px;"]),
.ajax__calendar .ajax__calendar_body .ajax__calendar_months[style*="top"]:not([style*="top: 0px;"]),
.ajax__calendar .ajax__calendar_body .ajax__calendar_years[style*="top"]:not([style*="top: 0px;"]) {
    top: 240px !important;
}
.ajax__calendar .ajax__calendar_body .ajax__calendar_days[style*="top: -"],
.ajax__calendar .ajax__calendar_body .ajax__calendar_months[style*="top: -"],
.ajax__calendar .ajax__calendar_body .ajax__calendar_years[style*="top: -"] {
    top: -240px !important;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day,
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    color: #646464;
    background: #fff;
    border-color: #fff;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    color: #06c;
    background: #edf9ff;
    border-color: #daf2fc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #06c;
}
.ajax__calendar td,
.ajax__calendar th {
    border: solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-size: 13px;
    padding: 8px;
    max-width: 35px;
    min-width: 35px;
}
.ajax__calendar #Choose_periode_months td,
.ajax__calendar #Choose_periode_months th,
.ajax__calendar #Choose_periode_years td,
.ajax__calendar #Choose_periode_years th {
    max-width: 60px;
    min-width: 60px;
}
.ajax__validatorcallout div, .ajax__validatorcallout td {
    color: #000;
}
/* Boutons Modification rapide planning global */
.global-change {
    float: right;
    position: relative;
}
.global-change:hover a {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.global-change:hover a.btn-success {
    background-color: #1f904f !important;
    border-color: transparent;
}
.global-change ul {
    position: absolute;
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: none;
    z-index: 17;
}
    .global-change ul li {
        background-color: black;
        margin: 0;
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 14px;
    }
.global-change ul li:first-child {
    border-bottom: 1px solid #E4E4E4;
}
.global-change ul li a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 13px;
    font-weight: normal;
    color: #fff;
}
.quick-change select {
    min-width: 300px;
    padding: 5px;
    border: 1px solid #ccc;
    height: 30px;
    font-weight: normal;
    font-size: 12px;
}
.quick-change {
    margin: 0 20px;
    border: 0;
}
.circle {
    width: 35px;
    height: 35px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: #34495E;
    margin: 10px 10px 10px 0;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.panel-comment .circle {
    background: RGB(255, 240, 107);
}
.circle label,
.circle span {
    display: block;
    font-size: 16px;
    color: white;
    font-weight: normal;
    line-height: 35px;
}
.panel-comment .circle span i {
    color: #00263b;
}
.panel-calendar {
    margin-bottom: 10px;
}
.panel-price-stock,
.panel-calendar {
    font-weight: normal;
}
.panel-price-stock .circle {
    margin-bottom: 5px;
}
.panel-comment > div:not(.circle) {
    padding-left: 45px;
}
.panel-price-stock input,
.panel-comment input {
    padding: 0 15px;
}
.panel-price-stock input {
    font-weight: normal;
    font-size: 12px;
    margin-left: 45px;
}
.quick-change .RadCalendarMultiView_Default .rcTitlebar {
    background: white;
    border: 0;
}
.quick-change .RadCalendarMultiView_Default .rcTitlebar table {
    border: 0;
}
.quick-change .RadCalendar_Default .rcMain {
    border: 0;
}
.quick-change .RadCalendar_Default .rcRow th,
.quick-change .RadCalendar_Default .rcWeek th {
    color: #fff;
    font-weight: normal;
    background: #34495E;
}
.quick-change .RadCalendar_Default .rcWeek .rcViewSel {
    background: white;
    color: #333;
}
.quick-change .RadCalendar_Default .rcTitlebar .rcTitle {
    text-transform: capitalize;
}
.quick-change .RadCalendarMultiView_Default .rcMainTable .rcTitle {
    background: #1D2D3C;
    color: white;
    border: 0;
    text-transform: capitalize;
}
.quick-change .RadCalendarMultiView_Default .rcMainTable tbody > tr {
    vertical-align: top;
}
.quick-change .RadCalendarMultiView_Default .rcMainTable tbody > tr.rcRow td {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.quick-change .RadCalendarMultiView_Default .rcCalendar {
    border: 0;
}
.quick-change .RadCalendar_Default .rcMain .rcOutOfRange span {
    color: #d0d0d0;
}
.quick-form ul {
    list-style-type: none;
    margin: 30px auto;
    width: 100%;
    text-align: center;
    padding-inline-start: 0;
}
.quick-form ul li {
    display: inline;
}
.quick-form ul li.first-child {
    margin: 0;
}
.quick-form ul li.apply {
    margin-left: 0;
}
/*-- Lists --*/
ul.page-list {
    max-width: 1200px;
}
.page-list-item {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #d6d6d6;
    list-style: none;
}
.page-list-item-photo {
    width: 120px;
    height: 100px;
    max-width: 120px;
    min-width: 120px;
    background: #d6d6d6;
}
.master-product-details.active .page-list-item-photo {
    border-color: #fff;
}
.page-list-item-photo div {
    height: 100px;
}
.page-list-item-photo div img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
}
.preview-product-item .page-list-item-photo,
.preview-product-item .page-list-item-photo div {
    height: 100px;
    width: 132px;
}
.page-list-item-description {
    padding: 0 20px;
}
.page-list-item-type {
    color: #aaa;
    font-size: 14px;
}
.page-list-item-title {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
.page-list-item-title a {
    font-size: 16px !important;
    text-transform: none !important;
    font-family: var(--font-text);
}
.page-list-item-desc {
    margin-bottom: 5px;
    font-size: 12px;
}
.page-list-item-tab {
    text-align: center;
    background: transparent;
    padding: 0 2px !important;
}
.page-list-item-tab-link {
    padding: 10px 9px;
    font-size: 14px;
    color: #fff;
    text-shadow: none;
    font-weight: normal;
}
    .page-list-item-tab-link::first-letter {
        text-transform: capitalize;
    }
.master-product-details-active-link .page-list-item-tab-link {
    color: #00263b;
    background: #fff;
    box-shadow: 0px -2px 3px rgba(0,0,0,.1) !important;
}
    .master-product-details-active-link .page-list-item-tab-link:hover,
    div.master-product-details-active-link.page-list-item-tab:last-of-type > .page-list-item-tab-link:hover {
        color: #00263b;
    }
.page-list-item-tab-link > span {
    background: #e84c3d;
    border-radius: 5px;
    padding: 0 3px;
    margin-left: 5px;
    color: #fff;
}
.page-list-item-title .page-list-item-tab-link {
    padding: 0;
}
a.page-list-item-tab-link:hover, a.page-list-item-tab-link:focus {
    color: #fff;
}
/*-- Listes de prestations --*/
.btn-add-option {
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
}
.product-item {
    position: relative;
    width: 255px;
    background-color: #fff;
    margin: 0 20px 20px 0;
    -moz-box-shadow: 1px 1px 2px #cfd6dd;
    -webkit-box-shadow: 1px 1px 2px #cfd6dd;
    box-shadow: 1px 1px 2px #cfd6dd;
}
.product-item .product-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170px;
    opacity: .7;
    display: none;
    background-color: #34495e;
    border-radius: 15px 15px 0 0;
}
.product-item > i.for-move {
    position: absolute;
    color: #fff;
    right: 15px;
    top: 15px;
    cursor: move;
    display: none;
    text-shadow: 2px 2px 4px black;
}
.product-item .btn-myc {
    position: absolute;
    display: none;
    border-width: 2px !important;
    border-color: #fff !important;
}
    .product-item .product-item-description {
        color: #00263b;
        font-size: 16px;
        line-height: 20px;
        height: 95px;
        padding-top: 15px;
        font-weight:normal;
    }
.product-item-infos {
    width: 100%;
    position: absolute;
    margin-left: -15px;
    bottom: 12px;
}
.product-item .product-item-on-request {
    width: 45%;
    border-radius: 25px;
    color: #FFFFFF;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 13px;
}
.product-item .bg-color-green {
    background-color: #00a46d
}
.product-item .bg-color-orange {
    background-color: #F5972B
}
.product-item .product-item-price {
    font-family: "Montserrat";
    font-weight: 300;
    text-align: right;
    margin-top: 5px;
}
.product-item .div-action-product {
    display: none;
    padding: 20px;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 3;
    bottom: 0;
    height: 95px;
    border-radius: 0 0 15px 15px;
}
.item-template-container .div-action-template {
    display: none;
    padding: 20px;
    position: absolute;
    background-color: rgba(30,50,73,.9);
    width: 100%;
    z-index: 3;
    top: 0;
    height: 260px;
}
.manage-palette-container {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.manage-palette-container :hover {
    cursor: pointer;
}
.manage-palette-container .manage-palette {
    color: #ffffff;
    display: flex;
    font-size: 16px;
    font-family: "Montserrat";
    font-weight: 300;
    padding: 0 15px;
    border: 2px solid #ffffff;
    align-items: center;
    border-radius:25px;
    height:50px;
}
.manage-palette-container .manage-palette p {
    padding-top: 12px;
}
.manage-palette-container .colors-combinaisons {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 10px;
    left: 10px;
    max-width: 350px;
}
.manage-palette-container .colors-combinaisons:hover {
    cursor: initial;
}
.manage-palette-container .colors-combinaisons .colors-for-template {
    display: flex;
    padding: 2px;
    background-color: transparent;
    margin: 10px 10px 0 0;
}
.manage-palette-container .colors-combinaisons .each-color-for-template {
    width: 16px;
    height: 16px;
    border: 1px solid #E0E0E0;
}
.product-item .table-product-action {
    width: 100%;
}
.product-item .btn-action-product {
    font-weight: normal;
}
.product-item .table-product-action .d-table-cell.text-right .btn-action-product {
    color: #e74c3c;
}
.product-item hr {
    border-top-width: 2px;
    border-top-color: #ebecf2;
    margin-top: 0;
    margin-bottom: 5px;
}
.product-item .page-list-item-photo {
    height: 170px;
    width: 255px;
    max-width: 255px;
    min-width: 255px;
    background: none;
    border: none;
    border-radius: 15px 15px 0 0;
}
.product-item .page-list-item-photo div {
    height: 100%;
    border-radius: 15px 15px 0 0;
}
.product-item .page-list-item-type {
    bottom: 120px;
}
.product-item .page-list-item-duration {
    position: absolute;
    width: 100%;
    bottom: 95px;
    color: #ffffff;
    height: 24px;
    background-color: rgba(30,50,73,.7);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Montserrat";
    font-weight: normal;
}
.div-wording-pane {
    background: #fff;
    font-family: "Montserrat";
    font-weight: 300;
    min-height: calc(100vh - 72px);
    overflow: hidden;
}
.div-wording-pane .part-left {
    padding-top: 50px;
    padding-bottom: 30px;
    padding-left: 70px;
    position: absolute;
    z-index: 3;
    max-width: 550px;
}
.div-wording-pane .part-left .title{
    font-weight:500;
    font-size:40px;
}
.div-wording-pane .part-left .text{
    font-size:14px;
}
.div-wording-pane .part-left .btn{
    margin-top:25px;
}
.div-wording-pane .part-right {
    position: relative;
    padding: 0;
    float: right;
}
.div-wording-pane .part-right:before {
    content: "";
    position: absolute;
    display: block;
    width: 350px;
    height: 100%;
    top: 0;
    background: linear-gradient(to right, #fff 12%, transparent 100%);
}
.div-wording-pane .part-right:after{
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 290px;
    background: linear-gradient(to top, #fff 0, transparent 100%);
}
.div-wording-pane .part-right .img{
    width:100%;
}
.div-product-list .ui-sortable-helper {
    width: 130px !important;
    height: 96px !important;
}
.master-product-details-page-content-wrap .table-order-editable .input-group {
    display: inline-flex;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
    padding: 2px;
    background-color: #fff;
    border-color: #ebecf2;
}
    .master-product-details-page-content-wrap .table-order-editable .input-group .form-control {
        background-color: transparent;
        border: none;
        height: 34px;
        line-height: 34px;
        width: calc(100% - 34px);
        padding-left: 10px;
    }
.master-product-details-page-content-wrap .table-order-editable .input-group-addon {
    padding: 0;
    line-height: 34px;
    height: 34px;
    width: 34px;
    border-color: #ebecf2;
    border-radius: 100% !important;
}
.master-product-details-page-content-wrap #divDescription .rounded-box .section .selectize-control.single .selectize-input {
    margin-top: 0;
}
.div-information {
    font-family: "Montserrat";
    font-weight: 300;
    padding: 20px 0;
    position: relative;
}
.div-information > img.arrow {
    position: absolute;
    right: -40px;
    top: 10px;
}
    .div-information div:first-of-type {
        font-size: 24px;
        color: #00263b;
    }
.div-information div:last-child {
    font-size: 16px;
    color: #51687f;
}
.div-information.div-information-arrow {
    background: url("") no-repeat 0 0;
    margin-top: 20px;
	margin-left: 100px;
    padding-top: 50px;
    padding-left: 200px;
}
.panel-suggestion div:first-child {
    padding: 15px;
    border-top: 1px solid #c8d3e5;
    border-bottom: 1px solid #c8d3e5;
}
.panel-suggestion div:last-child {
    background: url("") no-repeat 0 0;
    width: 440px;
    height: 165px;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 24px;
    margin-left: 80px;
    margin-top: 50px;
    padding-left: 190px;
    padding-top: 60px;
}
section.panel-suggestion a {
    font-size: 16px;
    font-weight: normal;
}
.div-info-age {
    margin-left: 15px;
}
.div-info-age img[src*=DirtyArrow] {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}
.div-info-age a.a-link-age {
    cursor: pointer;
}
.product-item:hover .product-item-overlay {
    display: block;
    z-index: 20;
}
.product-item:hover > i.for-move {
    display: inline-block;
    z-index: 21;
}
.product-item:hover .btn-myc {
    display: inline-block;
    z-index: 21;
    top: 25%;
    left: 30%;
    border-width: 2px;
    min-width: 75px;
}
.product-item:hover .table-product-action {
    display: table;
}
.product-item:hover hr {
    display: block;
}
.product-item:hover .page-list-item-type {
    display: none;
}
.product-item:hover .div-action-product,
.item-template-container:hover .div-action-template {
    display: block;
}
a#ChangeTemplateLink {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius:0;
}
.span-info-durate {
    display: inline-block;
    opacity: .5;
    font-style: italic;
    font-family: "Montserrat";
    font-weight: 300;
    padding-bottom: 10px;
}
div.div-cgv-formula {
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
}
div.div-cgv-formula label {
    margin-bottom: 0;
}
div.div-cgv-formula > div.page-sub-title {
    font-family: "Montserrat";
}
div.div-cgv-formula > div.d-table > div.d-table-cell > span:not(.rb-confirm-delay):not(.rb-confirm-immediately) {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
}
div.div-cgv-formula > div.d-table.div-delay-booking-formula {
    width: 750px;
}
div.div-cgv-formula > div.d-table.div-delay-booking-formula input[type=radio] {
    vertical-align: baseline;
}
div.div-cgv-formula > div.d-table.div-delay-booking-formula > div.d-table-cell {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ebecf2;
}
.choice-bloc {
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ebecf2;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.choice-bloc label {
    text-transform: uppercase;
    font-family: "Montserrat";
}
.choice-bloc.active {
    border: 1px solid #00263b;
    background-color: #00263b;
}
.choice-bloc.active label{
    color: #fff;
}

/*-- Groupes de prestations --*/
.div-group {
    color: #fff;
    margin: 25px 0;
    padding: 15px 25px 5px 25px;
    border-radius: 15px;
}
.div-group-header {
    font-size: 1.1em;
    font-family: "Montserrat";
    font-weight: normal;
}
.div-group-name {
    text-transform: uppercase;
    color: #00263b;
    margin-bottom: 15px;
    margin-top: 15px;
}
.div-group-name a {
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
}
.div-group-name a:hover, .div-group-name a:focus {
    text-decoration: none;
}
.div-group.first-group .div-group-name a:last-of-type,
.div-group.last-group .div-group-name a:first-of-type {
    pointer-events: none;
    cursor: default;
    color: #777;
}
.div-group .div-group-name {
    text-transform: initial;
    color: #fff;
    margin-top: 0;
}
.div-group .div-group-name img, .div-group .div-group-name .empty-photo {
    width: 45px;
    height: 30px;
    margin-bottom: 5px;
}
.div-group .div-group-name .empty-photo {
    line-height: 30px;
    font-size: 15px;
    color: #555;
}
.div-group .div-group-empty {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: italic;
    color: #999;
    border: 1px dashed #999;
    padding: 15px 20px;
    margin-bottom: 10px;
}
.div-group .product-item {
    -moz-box-shadow: 1px 1px 2px #2f2f2f;
    -webkit-box-shadow: 1px 1px 2px #2f2f2f;
    box-shadow: 1px 1px 2px #2f2f2f;
}
/*-- Header des pages de prestations --*/
.page-back-btn-wrap {
    margin-bottom: 30px;
    margin-top: 10px;
}
    .page-back-btn-wrap a {
        color: #468cc8;
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
    }
.page-back-btn-wrap a:hover {
    color: rgba(77,124,254,1);
}
.page-back-btn-wrap .fa {
    font-size: 20px;
}
.master-product-details {
    padding: 15px;
}
.master-product-details.active {
    background: #f2f2f2;
    border-color: #ddd;
    border-width: 1px 1px 0 1px;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.master-product-details .page-list-item-description {
    padding-right: 0;
}
.master-product-details-header {
    margin-bottom: -1px;
}
.master-product-details-photo-cell {
    width: 120px;
}
.master-product-details-photo-cell .page-list-item-photo {
    height: 70px;
}
.master-product-details .page-list-item-photo div img,
.panel-default .page-list-item-photo div img {
    max-width: 100% !important;
    max-height: 100% !important;
}
.master-product-details-plus {
    padding-left: 10px;
    padding-top: 10px;
    background-color: #f6f8fc;
}
.master-product-details-active-link {
    background: transparent;
}
.master-product-details-page-content-wrap {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.master-product-details-page-content-wrap .tab-content.p-top-15 {
    padding-top: 15px;
}
.h2Group {
    color: #00263b;
    font-size: 15px;
    font-weight: normal;
    font-family: "Montserrat";
}
.subscription-page .tab-content {
    padding: 0;
}
.subscription-page .tab-content > div {
    padding: 20px;
}
a.link-trad, a.link-action {
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: rgba(77,124,254,1);
}
.link-trad.trad-auto {
    text-transform: none;
}
body .link-trad.color-white,
.div-page-title-img-title.color-white {
    color: #FFFFFF;
}
.td-trad {
    padding-top: 5px !important;
}
.div-tabs {
    background-color: #fff;
    border-bottom: 1px solid #ebecf2;
    color: #a0b3cb;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
    padding: 0 15px;
    height: auto;
}

/* Correctif Vrbo CON-17496 */
.t-align-right.d-inline-block.txt-autor-sync {
    color: #333;
    font-weight: bold;
}

.t-align-right.d-inline-block.txt-autor-sync span {
    font-weight: lighter;
}

.t-align-right.d-inline-block.txt-autor-sync span em.la-copy {
    border-radius: 50%;
    background: #d2d2d2;
    padding: 10px;
    cursor: pointer;
    transition: .4s ease-out;
}

.t-align-right.d-inline-block.txt-autor-sync span em.la-copy.copySucces {
    background: #99bb44!important;
}

.div-tabs > .tabs-container > .tabs-actions-container {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.div-tabs > .tabs-container .tab-exponent {
    float: right;
    background-color: red;
    color: white;
    border-radius: 50%;
    font-size: 10px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    margin-left: 5px;
}

.RadPicker_Default table.rcTable td {
    border: 1px solid #ebecf2 !important;
    padding: 0 !important;
}
.RadPicker_Default table.rcTable td > span > input {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.RadPicker_Default table.rcTable td.rcInputCell {
    border-right: 0 !important;
}
.RadPicker_Default table.rcTable td:not([class*=rcInputCell]) {
    border-left: 0 !important;
    background: #fff;
}
/*-- Product Detail --*/
div.div-no-place {
    height: auto;
    padding: 40px 0;
    color: #00263b;
    background: #fff;
    text-align: center;
    font-family: "Montserrat";
    font-weight: normal;
}
div.div-no-place > p {
    width: 450px;
    margin: 0 auto 50px;
    font-size: 24px;
}
div.div-no-place.div-no-hours > p {
    width: 530px;
    font-size: 18px;
}
div.div-no-place > div.div-or-container {
    width: 240px;
    border-top: 1px solid #ced6de;
    margin: auto;
    position: relative;
}
div.div-no-place > div.div-or-container > div.div-or {
    border: 1px solid #ced6de;
    border-radius: 50%;
    font-size: 20px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    padding-top: 8px;
    background: #fff;
}
div.div-no-place > button.btn {
    margin-top: 60px;
}
div.div-no-place.div-no-date.p-top-60 {
    padding: 70px 0;
}
div.div-no-place.div-no-date > p {
    margin-bottom: 25px;
}
div.div-no-place.div-no-date > div.div-chb-publish-fb {
    color: #5e6a77;
}
div.div-no-place.div-no-date > div.div-or-container {
    margin-top: 50px;
}
div.div-no-place.div-no-date > div.div-chb-publish-fb > input[type=checkbox] {
    display: inline-block;
    margin: 0 10px 2px 0;
}
div.div-no-place.div-no-date > div.div-chb-publish-fb > input[type=checkbox],
div.div-no-place.div-no-date > div.div-chb-publish-fb > i {
    font-size: 20px;
    vertical-align: middle;
}
/*-- UC Stock Offer --*/
table.rbl.d-table-cell td {
    padding-left: 10px;
}
table.rbl.d-table-cell td input {
    margin-right: 5px;
}
/*-- UC Capa Max --*/
.div-capa-max {
    background: rgba(77,124,254,.2);
    font-family: "Montserrat";
    font-weight: 300;
    width: 100%;
    position: relative;
}
    .div-capa-max .cell-info-capa {
        color: #00263b;
    }
.div-capa-max .numeric {
    width: 65px;
    margin-left: 10px;
    margin-right: 10px;
}
    .div-capa-max .numeric[readonly] {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: transparent;
        margin-left: 0;
        padding: 0 0 2px 0;
        margin-right: 0;
        width: 35px;
        text-align: center;
        font-weight:normal !important;
    }
.div-i-bed {
    font-size: 28px;
}
/*-- Special Offer Details --*/
.div-title-offer-discount {
    font-family: "Montserrat";
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: #00263b;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/*-- Coupon Details --*/
.div-applicable-global {
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
}
.div-applicable-global > div.page-sub-title {
    font-family: "Montserrat";
}
.div-applicable-global > div.page-sub-title:not(:first-of-type) {
    margin-top: 30px;
}
.div-applicable-global div.d-table-row > div.d-table-cell {
    padding: 5px 0;
}
.div-applicable-global div.d-table-row > div.d-table-cell + div.d-table-cell {
    padding-left: 20px;
}
.div-applicable-global div.d-table-row > div.d-table-cell > table {
    width: 100%;
}
.div-applicable-global div.d-table-row > div.d-table-cell > table tr {
    background-color: #fff;
    border: 1px solid #ebecf2;
}
.div-applicable-global div.d-table-row > div.d-table-cell > table tr.tr-head {
    border-color: #ebecf2;
}
.div-applicable-global div.d-table-row > div.d-table-cell > table tr > td div.div-head-img-presta.w-81-p {
    margin-right: 10px;
}
.div-applicable-global div.d-table-row > div.d-table-cell > table tr[data-level="2"]:not(.offer-selection) {
    background-color: #F9FCFF;
}
.div-applicable-global div.d-table-row > div.d-table-cell > table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.div-applicable-global div.d-table-row > div.d-table-cell > table tr td:first-child {
    padding: 0;
}
.div-applicable-global td.applicable-check,
.div-applicable-global td.show-hide-offers {
    cursor: pointer;
}
.div-applicable-global td.applicable-check i,
.div-applicable-global td.show-hide-offers i {
    vertical-align: middle;
}
.div-applicable-global td.applicable-check i {
    font-size: 24px;
}
.div-applicable-global i.la-clock,
.div-applicable-global i.la-euro {
    vertical-align: top;
    font-size: 18px;
    position: absolute;
    left: 5px;
    top: 12px;
}
div.tab-pane#divSend {
    margin-top: -20px;
}
div.div-head-img-presta {
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0;
}
.rate-table div.div-head-img-presta {
    height: 80px;
    margin-right: 10px;
    border-right: 1px solid #c5cde2;
    position: relative;
}
.rate-table div.div-head-img-presta > span {
    position: absolute;
    display: block;
    vertical-align: bottom;
    width: 100%;
    background-color: rgba(77,124,254,1);
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    bottom: 0;
}
.div-partner-coupon-model-promo {
    margin: -30px -35px 30px;
    padding: 40px 0 40px 20px;
}
.div-partner-coupon-model-promo .spanPartnerOffer {
    display: inline-block;
    width: 70%;
    font-size: 16px;
}
.panel-coupon-image .image-preview {
    width: auto;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
/*-- Liste calendrier --*/
.div-calendar-list .btn.add-panel-trigger {
    margin-top: 17px;
}
.div-calendar-list .add-panel {
    margin-bottom: 25px;
}
.div-calendar-list .product-item {
    /*height: 275px;*/
    width: 260px;
}
.div-calendar-list .product-item .product-item-overlay {
    height: 175px;
    opacity: 0.9;
}
.div-calendar-list .product-item .product-item-img {
    height: 175px;
    color: #fff;
}
.div-calendar-list .product-item .product-item-img > i {
    margin-top: 22%;
}
.div-calendar-list .product-item .product-item-description {
    height: 65px;
    padding: 12px;
}
.div-calendar-list .product-item .div-action-product {
    display: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.div-calendar-list .product-item:not([data-iscurrent]):hover .div-action-product {
    display: block;
}
.div-calendar-list .product-item:hover .btn-myc {
    top: 28%;
}
.div-calendar-list .product-item hr {
    margin-bottom: 5px;
}
.div-calendar-list .product-item .page-list-item-type {
    display: block;
    bottom: 0;
    top: 15px;
    text-shadow: none;
    height: 20px;
}
.div-calendar-list .product-item.add-panel-trigger {
    background: transparent;
    color: #b4bfca;
    border: 1px dashed #b4bfca;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 240px;
    border-radius:20px;
}
.div-calendar-list .product-item.add-panel-trigger > i {
    margin-top: 32%;
}
/*-- Calendriers --*/
.sub-div-title {
    position: absolute;
    z-index: 2;
}
.step-bubble {
    display: table;
    width: 40px;
    height: 40px;
    background: #ebf0fc;
    border: 2px solid #1a5a75;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
    .step-bubble span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #1a5a75;
        font-size: 14px;
        font-weight: normal;
    }
.step-bubble-label {
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: 300;
}
.calendar-global {
    margin-bottom: 160px;
    max-width: 1140px;
}
.RadCalendar {
    width: 100% !important;
    max-width: 1160px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    overflow:hidden;
}
.calendar-content > thead {
    display: none;
}
table.calendar-content .rcMain,
table.calendar-content .rcCalendar {
    border: 0;
    width: 100%;
}
table.calendar-content .rcMainTable {
    width: 100%;
    table-layout: fixed;
}
table.calendar-content .rcMainTable .rcTitle {
    font-family: "Montserrat";
    font-size: 11px;
    color: #4a4a4a;
    background: none;
    text-transform: uppercase;
}
.calendar-div-saison-global {
    position: fixed;
    bottom: -1px;
    width: 100%;
    left: 0;
    padding: 0 0 0 20px;
    z-index: 2;
    display: none;
}
.calendar-div-saison-global .page-sub-title {
    color: #1a5a75;
}
.calendar-div-saison {
    padding: 0;
    background-color: rgba(97, 122, 147, 0.93);
    margin-left: 180px;
    color: #fff;
    max-width: 1160px;
}
.calendar-div-saison > div:first-child > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
}
.calendar-div-saison > div:first-child {
    padding: 15px;
}
.calendar-div-saison > div:first-child > span:not(:first-child) {
    font-size: 14px;
    color: #9AA8B4;
    margin-left: 3%;
}
.menu-minified .calendar-div-saison {
    margin-left: 40px;
}
.calendar-div-season-btn {
    width: 100%;
    table-layout: fixed;
}
.calendar-season-btn {
    color: #fff;
    font-size: 16px;
    background: transparent;
    text-transform: uppercase;
    border: none;
    text-align: center;
    width: 100%;
    height: 90px;
}
.calendar-season-btn:hover {
    color: #fff;
}
table.calendar-content .rcMain > .rcMainTable {
    border-spacing: 25px 5px;
}
.calendar-season-btn span {
    font-weight: 300;
    font-style: italic;
}
.d-table.calendar-info {
    width: 100%;
    max-width: 900px;
}
.calendar-info {
    padding: 20px;
    background-color: #ebf0fc;
    border: 2px solid #386ee6;
    border-radius: 15px;
    color: #00263b;
    font-size: 14px;
    max-width: 1140px;
}
    .calendar-info > a {
        color: #00263b;
        text-decoration: underline;
    }
.calendar-info span {
    font-weight: normal;
}
.calendar-legend {
    width: 100%;
    max-width: 900px;
    border-bottom: 1px solid #ddd;
    padding: 25px 0;
}
.calendar-legend span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 15px;
}
/*-- OI Preview --*/
.preview-w {
    padding-top: 20px;
    padding-bottom: 40px;
}
.preview-edit-link {
    color: rgba(77,124,254,1);
    font-weight: 300;
}
.preview-edit-link:hover {
    color: rgba(77,124,254,1);
    text-decoration: underline;
}
.prestation-container .preview-edit-link {
    color: #fff;
}
.preview-title {
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}
.preview-title img {
    vertical-align: baseline;
}
.preview-part-title {
    font-size: 20px;
    font-weight: normal;
}
.preview-address {
    font-size: 18px;
}
.preview-photo {
    background: #f2f2f2;
}
.preview-photo-thumbnail {
    margin-left: 11px;
    width: 100px;
    height: 76px;
}
.preview-photo-thumbnail span {
    height: 76px;
    line-height: 75px;
    color: #fff;
    font-size: 20px;
    background: #34495e;
}
.preview-photo-thumbnail-first {
    margin-left: 0;
}
.preview-prod-no-photo {
    padding: 0 5px;
    color: #fff;
    font-size: 14px;
    background: #34495e !important;
}
.preview-prod-no-photo:hover {
    color: #fff;
    background: rgba(71,114,234,.1);
}
.preview-prod-no-photo .fa {
    font-size: 24px;
}
.preview-mc-table {
    border-spacing: 5px;
}

.preview-moyen-comm .d-table-row {
    padding: 5px;
    margin-bottom: 5px;
    display: block;
    background-color: #f6f8fc;
}
.preview-mc-label-w {
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
}
.preview-mc-label {
    font-size: 16px;
    text-transform: uppercase;
}
.preview-mc-value-w {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 16px;
}
.preview-article {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    text-align: justify;
}
.preview-w .page-list-item-description {
    padding-right: 0;
}
.preview-more {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5eaf3;
}
.preview-more-last {
    padding-bottom: 0;
    border: 0;
    margin-bottom:0;
}
.preview-more-title {
    font-size: 16px;
    font-weight: normal;
}
.preview-more-text {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
}
/*-- Articles.ascx --*/
.uc-articles {
    max-width: 970px;
    margin-bottom: 15px;
}
.uc-articles body {
    font-size: inherit !important;
}
.uc-articles .add-panel-plus {
    margin-right: 0;
}
#divStock .add-panel-plus > div {
    display: inline-block;
    width: auto;
}
    #divStock .add-panel-plus > div label,
    #divStock .add-panel-plus > div div div {
        display: inline-block;
    }
.uc-articles .nav-right {
    margin-left: -1px;
    padding-right: 10px;
    width: 100%;
}
.uc-articles .active.nav-right {
    border: solid #ebecf2;
    border-width: 1px 1px 1px 0;
}
.uc-articles .tab-content {
    padding: 15px;
}
.uc-articles .tab-content-right {
    border: solid #ebecf2;
    border-width: 1px 0 1px 1px;
}
.uc-articles .right-col {
    border-left: 1px solid #ebecf2;
}
    .uc-articles .tab-cell a {
        padding: 0 10px;
        color: #072336;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 13px;
        text-transform: capitalize;
    }
.uc-articles .tab-cell a:hover {
    background: #ddd;
}
    .uc-articles .active .tab-cell {
        background: #f6f8fc;
        font-size: 13px;
        font-family: "Montserrat";
        font-weight: 300;
    }
.uc-articles .active .tab-cell a,
.uc-articles .active .tab-cell a:hover {
    background: rgba(77,124,254,.2);
    cursor: default;
}
.editor {
    width: 100%;
    border: 1px solid #ebecf2;
    color: #555;
    font-family: "Montserrat";
    font-weight: 300;
    padding: 10px;
    text-align: left;
    overflow: auto;
    background: #fff;
    min-height: 200px;
}
textarea.editor {
    min-height: 100px;
}
.article-standfirst.editor, .article-meta-title.editor, .article-meta-description.editor {
    min-height: 85px;
}
.editor ol,
.editor ul {
    padding-left: 40px;
}
textarea.editor-html {
    display: none;
    resize: vertical;
    min-height: 200px;
}
.uc-articles .toolbar {
    width: 100%;
    border: 1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.uc-articles .toolbar > button {
    margin: 5px;
}
.uc-articles .toolbar > button.active {
    background-color: #D0D0D0;
}
.editor[contentEditable=true]:empty:not(:focus):before {
    font-style: italic;
}
.uc-articles .head > div.page-sub-title {
    text-align: left;
}
.uc-articles .div-info .div-info-version {
    background-color: #DDE8D1;
    border: 2px solid #D5E1C2;
    color: #4D744F;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
}
.uc-articles .div-discussion .d-table-row .d-table-cell {
    padding: 5px 0 5px 5px;
}
.uc-articles .div-discussion .d-table-row .d-table-cell.text-right {
    padding-right: 5px;
}
.uc-articles .div-discussion .editor.seo,
.uc-articles .div-discussion .editor.note {
    height: 100px;
}

.ck-file-dialog-button button{
    pointer-events:none;
}

.input-ph,
.input-ph:focus {
    width: 100%;
    font-size: 14px;
    border: 0;
    outline: none;
}
.div-nav-item-container {
    display: flex;
    align-items: center;
    height: 43px;
    line-height: 43px;
    border: 1px solid #ebecf2;
    border-width: 1px 0 1px 1px;
}
#divNavItem .bg-light-red {
    height: 44px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div-nav-item-container .bg-light-red a {
    padding: 10px;
}

#divNavItem #lbDeleteContainer:hover {
    cursor: pointer;
}
.btn-delete-article {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
    color: rgba(242,41,24,1);
}
.btn-delete-article i {
    font-size: 18px;
}
.btn-delete-article:hover i {
    color: rgba(242,41,24,1);
}
.nav-right.active .btn-delete-article {
    display: inline;
}
.article-state3.active {
    background-color: #00a46d !important;
    border-color: #008055;
    border-bottom: 4px solid #008055;
}
.article-state3:hover, .article-state3.active:hover {
    background-color: #008055 !important;
}
.article-state4.active {
    background-color: rgba(242,41,24,1) !important;
    border-color: #d00303;
    border-bottom: 4px solid #d00303;
}
.article-state4:hover, .article-state4.active:hover {
    background-color: #d00303 !important;
}
.uc-articles .link-trad.trad-auto {
    padding: 10px 0;
    height: auto;
    line-height: 16px;
    background-color:transparent;
}
.uc-articles .link-trad.trad-auto:hover {
    color: #3598db;
}
.uc-articles .btn-search {
    background: transparent !important;
    color: #34495E !important;
}
.translations-w .btn-myc,
.translations-w .btn-myc:hover,
.uc-articles .btn-myc,
.uc-articles .btn-myc:hover {
    color: #00263b;
    border-color: #00263b;
}
.uc-articles .btn-cancel-other-lang {
    text-transform: capitalize;
    margin-left: 5px;
    cursor: pointer;
}
.PanelAddLang .panel-body {
    padding: 20px 0 0 0;
}
/*-- Photos.ascx / UCDocument.ascx --*/
.div-no-photo, .div-no-document {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 24px;
    max-width: 1160px;
    padding-top: 80px;
    text-align: center;
}
.div-no-photo > div, .div-no-document > div {
    width: 550px;
    height: 200px;
    margin: auto;
}
.div-no-photo > div span, .div-no-document > div span {
    display: block;
    font-size: 16px;
    color: #51687f;
}
.div-repeater-photos .ui-sortable-helper {
    width: 200px !important;
    height: 135px !important;
}
.photo-item {
    float: left;
    width: 300px;
    height: 200px;
    margin:5px;
}
.photo-item-rel {
    position: relative;
    overflow: hidden;
    background-color: #f6f8fc;
}
.photo-inner-wrap {
    position: relative;
    height: 200px;
    overflow: hidden;
}
.photo-placeholder {
    border: 2px dotted rgba(77,124,254,1);
}
.photo-position,
.photo-overlay {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}
.div-photos .photo-item .photo-inner-wrap img {
    max-width: 100% !important;
    max-height: 100% !important;
}
.photo-manager-w .dropdown-menu > li > a {
    text-transform: uppercase;
    color: rgba(77,124,254,1);
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 10px;
    padding: 3px 10px;
}
.div-info-img-default {
    display: none;
    height: 75px;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    color: #00263b;
    font-style: italic;
    padding: 15px 65px;
}
.dropdown-menu a[data-action=delete] {
    color: #c00 !important;
}
.image-description {
    font-family: "Montserrat";
    font-weight: 300 !important;
    font-size: 13px;
    color: #fff;
    background-color: rgba(30,50,73,.8);
    padding: 5px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
}
.div-global-embed .image-description {
    position: static;
}
.photo-position {
    z-index: 10;
    padding: 23px 8px;
    font-size: 14px;
    font-weight: normal;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -12px;
    top: -24px;
    width: 40px;
    height: 70px;
}
.photo-position span {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.photo-overlay {
    background: #5c7287;
    background: rgba(30,50,73,.8);
    cursor: move;
    display: none;
    height: 200px;
    font-size: 14px;
    font-weight: 300;
    width: 300px;
    z-index: 20;
}
    .photo-overlay .d-table-cell {
        text-align: center;
        width: 300px;
        height: 200px;
    }
.photo-btns-edit-supp {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index:100;
}
.photo-btn {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align:center;
    background-color: #fff;
    display: block;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    margin-bottom:3px;
}
.photo-btn i.las {
    height: 40px;
    line-height: 40px;
}
    .-btn i.las {
        height: 40px;
        line-height: 40px;
        vertical-align:middle !important;
    }
.photo-btn.btn-rotate {
    display: flex;
    justify-content: space-around;
}
    .photo-btn.btn-rotate .photo-rotate-icon {
        height: 34px;
        margin-top: 3px;
    }
.photo-item-main .photo-position {
    background: rgba(255,165,0,1);
}
.photo-container:empty {
    background-color: transparent;
}
.photo-container.main-photo {
    width: 300px;
}

    .photo-item:hover .photo-item-rel, .div-global-kml:hover .photo-item-rel, .div-global-embed:hover .photo-item-rel {
        overflow: visible;
    }
.photo-item:hover .photo-position {
    display: none;
}
.photo-item:hover .photo-overlay {
    display: table;
}
.photo-item:hover .dropdown-menu, .div-global-kml:hover .dropdown-menu, .div-global-embed:hover .dropdown-menu {
    display: block;
    margin: 0;
    width: 100%;
    min-width: inherit;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.sortable *[draggable] {
    cursor: all-scroll;
}
.ui-sortable-helper:hover .photo-overlay,
.ui-sortable-helper:hover .dropdown-menu {
    display: none;
}
.ui-sortable-helper.product-item {
    width: 255px !important;
}
.photo-manager-w .add-panel .d-table {
    border-spacing: 0 5px;
    padding-right: 0;
    margin-bottom: 0;
}
.photo-manager-w .d-table .d-table-cell.alt {
    color: #ddd;
    height: 40px;
    vertical-align: top;
}
.photo-manager-w .editor {
    height: 130px;
    resize: none;
}
.photo-manager-w .page-header-wrap.d-table div.d-table-cell:first-of-type {
    width: 70%;
}
.photo-manager-w .page-header-wrap.d-table .btn-myc {
    color: #00263b;
}
.photo-manager-w .add-panel-plus, .document-manager-w .add-panel-plus {
    padding: 20px;
    margin: 0;
    border-left: 0;
}
    .photo-manager-w .add-panel-plus .panel-body .div-legend-tb-name,
    .document-manager-w .add-panel-plus .panel-body .div-legend-tb-name {
        font-family: "Montserrat";
        font-weight: 300;
        margin-right: auto;
        margin-left: auto;
    }
    .photo-manager-w .add-panel-plus .panel-body,
    .document-manager-w .add-panel-plus .panel-body {
        height: 100%;
    }
.photo-manager-w .add-panel-plus .panel-body .div-legend-tb-name span, 
.document-manager-w .add-panel-plus .panel-body .div-legend-tb-name span {
    font-size: 13px;
    font-style: italic;
}
.div-embed .add-panel-plus,
.div-kml .add-panel-plus {
    background-image: none;
}
.div-small-advice {
    color: #fff;
    padding-left: 20px;
    font-family: "Montserrat";
    font-weight: 300;
}
.div-small-advice span {
    display: block;
    margin-bottom: 15px;
    font-size: 24px;
}
.div-upload-document {
    padding: 20px;
}
.div-file-upload-photo .btn-success > i, .div-file-upload-document .btn-success > i {
    margin-right: 10px;
    font-size: 18px;
}
.div-file-upload-photo .page-sub-title, .div-file-upload-document .page-sub-title {
    color: #fff;
    margin-bottom: 30px;
}
.div-file-upload-photo .span-click-photo, .div-file-upload-document .span-click-document {
    margin-top: 10px;
    margin-bottom: 15px;
}

.div-upload-photo div:last-of-type,
.div-upload-document .form-control {
    max-width: 600px;
    padding-left: 0;
    margin-bottom: 20px;
}

.div-upload-photo .form-control {
    max-width: 600px;
    margin-bottom: 20px;
}

.div-upload-photo div:last-of-type {
    max-width: initial;
}
.info-photo, .info-document {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
}
.info-photo{
    font-size: 16px;
}
.photo-preview img {
    max-width: 500px !important;
}
.div-small-advice.photo-preview img {
    width: 100%;
}
.div-global-embed:hover .dropdown-menu,
.div-global-kml:hover .dropdown-menu {
    display: block;
    margin: 0;
    width: 100%;
    min-width: inherit;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.embed-xml-max-width {
    max-width: 1160px;
}
.div-kml .div-result-kml .div-global-kml,
.div-embed .div-result-embed .div-global-embed {
    display: inline-block;
    background-color: #fff;
    padding: 20px;
    max-width: 450px;
    height: 370px;
    margin-left: 10px;
}
.div-kml .div-result-kml .div-global-kml {
    width: 450px;
}
.div-embed .div-result-embed .div-global-embed:not(:first-child),
.div-kml .div-result-kml .div-global-kml:not(:first-child) {
    margin-left: 5px;
}
.div-embed .div-result-embed .div-global-embed .item-embed,
.div-kml .div-result-kml .div-global-kml .item-kml {
    max-width: 100%;
    max-height: 100%;
}
.div-embed .div-result-embed .div-global-embed .dropdown-menu {
    top: 104%;
}
.div-kml .div-result-kml .div-global-kml .dropdown-menu {
    top: 103%;
}
#Modal-edit .d-table {
    border-spacing: 0 5px;
    table-layout: fixed;
}
.document-manager-w div.table-editable-container {
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
}
.document-manager-w .table-editable thead th, .document-manager-w .table-editable tbody td {
    padding-left: 30px !important;
}

.photo-preview img {
    margin: 0 15px 15px 0;
}

.add-photos-w {
    height: 450px;
}

.add-photos-w input[type="file"].field-add-photos {
    cursor: pointer;
    z-index:2;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    text-indent: -9999999px;
    width: 100%;
    height: 100% !important;
    border-width: 5px;
    border-style:dashed;
    border-color:#646b7f;
}
.add-photos-w input[type="file"].field-add-photos:hover,
.add-photos-w input[type="file"].field-add-photos.hovered {
    border-color: #fff;
}
/*-- UCSalesChannels --*/
.div-open-channel .item-channels.channel-item-add > i {
    margin-top: 38%;
}
.item-channels {
    width: 290px;
    height: 274px !important;
}
.channel-item-add {
    background: transparent;
    color: #b4bfca;
    border: 1px dashed #b4bfca;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius:20px;
}
.item-channels img {
    max-height: 100px !important;
    max-width: 260px !important;
    z-index: 1;
}
.item-channels .panel {
    margin: 0;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    height: 100%;
    background-color: transparent;
    box-shadow:none;
}
.item-channels .panel-heading {
    padding: 0;
    height: 90px;
}
.item-channels .panel-body {
    height: auto;
    padding: 15px !important;
    top: 25px;
    width: 290px;
    height: 130px;
    vertical-align: middle;
    display: table-cell !important;
}
.item-channels .channel-title {
    position: relative;
    color: #00263b;
    font-size: 16px;
    font-weight: normal;
}
    .item-channels .channel-title a {
        margin-top: 5px;
        font-size: 14px;
    }
    .item-channels .channel-title .commission {
        position: absolute;
        width: 100%;
        bottom: 5px;
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 22px;
        display: block;
        margin-top: 10px;
    }
    .item-channels .channel-title .striked {
        color: #c00;
        text-decoration: line-through;
        font-size: 18px;
        font-family: "Montserrat";
        font-weight: normal;
    }
.item-channels .channel-title .striked span {
    color: rgba(242,41,24,1);
}
.channel-action-w {
    height: 40px;
    line-height: 40px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    border-radius: 0 0 15px 15px;
    cursor: pointer;
}
.channel-action-w div[disabled] {
    opacity: .5;
    cursor: default;
}
.div-channel-state {
    font-family: "Montserrat";
    font-weight: 300;
    display: block;
    border: none !important;
    z-index: 2;
    width: 100%;
}
.channel-state {
    color: #fff;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 5px;
    text-transform: uppercase;
    vertical-align:top;
}
.channel-opened {
    background: #27ae60;
}
.channel-closed {
    background: #5c7287;
}
.channel-waiting {
    background: #F1BC42;
}
/* modal sync*/
#ModalSyncDialog {
    font-family: "Montserrat";
    font-weight: normal;
    padding: 0;
}
#ModalSyncDialog .modal-title,
#ModalSyncDialog .modal-close {
    font-size:19px;
    font-weight:300;
}
#ModalSyncDialog .modal-close .close{
    opacity:1;
}
#ModalSyncDialog .modal-body {
    padding:0;
}
#AlertModalSync {
    display:none;
    position:absolute;
    top:-35px;
    left:150px;
    width:300px;
    text-align:center;
}
#ModalSyncDialog .list-group {
    margin:0;
}
#ModalSyncDialog .inventories,
#ModalSyncDialog .inventories label{
    color:#00263b;
}
#ModalSyncDialog a.inventories-title {
    display:block;
    overflow:hidden;
    padding:15px;
    font-size:18px;
    border-bottom: 1px solid #d2d2d2;
}
#ModalSyncDialog a.inventories-title:last-of-type {
    border: none;
}
#ModalSyncDialog a.inventories-title span {
    vertical-align: middle;
}
    #ModalSyncDialog a.inventories-title .fa {
        font-weight: normal;
        font-size: 20px;
        vertical-align: middle;
        margin-top: 0.2em;
        float: right;
    }
#ModalSyncDialog .form-title > label {
    margin-top: 4px;
    display: inline-block;
    font-weight: normal;
}
#ModalSyncDialog .form-group {
    margin-top: 10px;
    font-size:13px;
}
#ModalSyncDialog .inventories > div {
    background: #f6f8fc;
    padding: 15px 20px;
    border-bottom: 1px solid #dde5ec;
}
#ModalSyncDialog .inventories > div:last-of-type {
    border-bottom: 1px solid #d2d2d2;
}
#ModalSyncDialog .input-group {
    width: 100%
}
#ModalSyncDialog .form-control {
    font-size: 13px;
    min-height: 60px;
    resize: none;
    line-height: initial;
    padding-top: 10px;
}
#ModalSyncDialog .input-group-addon {
    font-size: 10px;
    padding: 0;
    border-radius: 0 0 0 0 !important;
}
#ModalSyncDialog .input-group-addon a {
    padding: 6px 12px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    padding: 6px 12px;
    width: 60px;
    white-space: normal;
}
#ModalSyncDialog .input-group-addon a i{
    font-size:18px;
}
#ModalSyncDialog .inventories-title,
#ModalSyncDialog .inventories-title:hover,
#ModalSyncDialog .inventories-title:active,
#ModalSyncDialog .inventories-title:focus,
#ModalSyncDialog .input-group-addon a:hover,
#ModalSyncDialog .input-group-addon a:active,
#ModalSyncDialog .input-group-addon a:focus {
    text-decoration: none !important;
    outline:0 !important;
}
/* fin modal sync*/
/*-- Dossier de vente --*/
div.sales-list-title {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
}
div.sales-list-title > div > div > label {
    width: auto !important;
}
div.sales-list-title .page-list-item-tab-link {
    white-space: nowrap;
}
div.sales-list-title .master-product-details-active-link .page-list-item-tab-link,
div.sales-list-title div.master-product-details-active-link.page-list-item-tab:last-of-type > .page-list-item-tab-link {
    padding: 10px 15px;
}
.panelSuivi {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 60px;
}
.panelSuivi .div-search-criteria .selectize-input.items {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.panelSuivi .table.table-data td {
    max-width: 250px;
    vertical-align: middle;
}
.PLigne .panelSuivi {
    margin-right: 0;
    margin-left: 0;
}
.PLigne .panelSuivi .table > thead > tr > th {
    border-top: 0 !important;
}
div.panelSuivi div.div-tabs {
    border-bottom-width: 0 !important;
}
div.panelSuivi div.div-resa-filter {
    float: right;
    padding-top: 9px;
}
div.panelSuivi .btn-show-hide-filter-list.add-panel-trigger {
    margin-top: 9px;
}
div.panelSuivi ul.nav-tabs {
    width: auto;
}
.add-panel-plus {
    color: #fff;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 20px 20px 10px 20px;
    border: 0;
}
    .add-panel-plus .panel-body {
        padding: 0;
        display: inline-flex;
        flex-wrap: wrap;
    }
.add-panel-plus.bg-gray-light {
    background: #F0F0F0;
}
    .add-panel-plus label {
        color: #fff;
        padding-right: 10px;
        margin-bottom: 0;
    }
    .add-panel-plus label.label-info-en-sus {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 13px;
        font-style: italic;
    }
    .add-panel-plus .input-date {
        border: none;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        padding: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        display: flex;
    }
        .add-panel-plus .input-date .datepicker {
            border: none;
            height: 34px;
            line-height: 34px;
            width:calc(100% - 34px)
        }
        .add-panel-plus .input-date .datepicker-trigger {
            height: 34px;
            line-height: 34px;
            width: 34px;
            border-radius: 100% !important;
            padding: 0;
        }
        .add-panel-plus .input-date .datepicker-trigger i {
            color:#fff;
        }
#divTaxList .selectize-control.single .selectize-input.not-full > input {
    min-width: initial !important;
}
.selectize-input.items.not-full.has-options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.accommodation-type-list label {
    line-height: 40px !important;
}
.form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.d-table.w-100-p.m-top-5.m-autocenter > .d-table-cell.v-align-middle.w-30-p {
    line-height: 40px !important;
    text-align: start !important;
}
.panelSuivi .input-group .form-control {
    border-right: none;
}
.panelSuivi .input-group-addon {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.panelSuivi i.la-exclamation-triangle:not(.expo-error) {
    font-size: 20px;
    color: rgba(255,165,0,1);
    display: block;
    width: 20px;
    margin: 7px auto;
}
.panelSuivi i.la-exclamation-triangle.expo-error {
    color: red;
    position: absolute;
    font-size: 12px;
    right: -10px;
    top: -6px;
}
.panelSuivi i.la-money {
    font-size: 20px;
    color: #00a46d;
    display: block;
    width: 20px;
    height: auto;
}
.divEtat {
    width: 15px;
    height: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.divEtat.bg-green, .round-state.bg-green {
    background-color: #00a46d !important;
}
.divEtat.bg-bluegrey, .round-state.bg-bluegrey {
    background-color: #34495E !important;
}
.divEtat.bg-blue {
    background-color: rgba(77,124,254,1) !important;
}
    .divEtat.bg-green + .divEtat.bg-green,
    .divEtat.bg-blue + .divEtat.bg-blue,
    .divEtat.bg-yellow + .divEtat.bg-yellow,
    .divEtat.bg-bluegrey + .divEtat.bg-bluegrey,
    .divEtat.bg-red + .divEtat.bg-red,
    .divEtat.la-exclamation-triangle + .divEtat.la-exclamation-triangle,
    .divEtat.bg-green + .tooltip + .divEtat.bg-green,
    .divEtat.bg-blue + .tooltip + .divEtat.bg-blue,
    .divEtat.bg-yellow + .tooltip + .divEtat.bg-yellow,
    .divEtat.bg-bluegrey + .tooltip + .divEtat.bg-bluegrey,
    .divEtat.bg-red + .tooltip + .divEtat.bg-red,
    .divEtat.la-exclamation-triangle + .tooltip + .divEtat.la-exclamation-triangle {
        display: none;
    }
.panelSuivi .divEtat {
    margin: 3px auto;
    position: relative;
}
.btn-MyC-price,
.btn-MyC-price:hover,
.btn-MyC-price:focus {
    border: none;
    color: #34495e !important;
    background-color: #fff !important;
    font-family: "Montserrat";
    font-weight: normal !important;
    font-size: 16px;
    line-height: 40px !important;
    text-shadow: none;
    padding: 0 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
}
    .btn-MyC-price:hover {
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
        box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
    }
    .btn-MyC-price.left, .btn-MyC-price.left:hover {
        border-right: 0 !important;
        border-radius: 20px 0 0 20px;
        margin-right: -4px;
        padding: 0 10px;
    }
    .btn-MyC-price.right, .btn-MyC-price.right:hover {
        border-left: 0 !important;
        border-radius: 0 20px 20px 0;
        margin-left: -4px;
        padding: 0 10px;
    }
.btn-MyC-price.middle,
.btn-MyC-price.middle:hover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-transform: capitalize;
}
.btn-MyC-price.selectize-control,
.btn-MyC-price.selectize-control:hover {
    padding: 0;
}
.btn-MyC-price.selectize-dropdown, .btn-MyC-price.selectize-dropdown:hover {
    background: #fff;
    margin: 0;
    padding: 0;
}
    .btn-MyC-price.selectized .selectize-input {
        border: none;
        box-shadow: none;
        color: #00263b;
        background: transparent !important;
        padding: 0 20px 0 15px;
    }
.btn-MyC-price.selectized .selectize-input .item {
    font-size: 14px;
}
.btn-MyC-price.selectized .selectize-input:after {
    font-size: 24px !important;
    top: 10px !important;
    right: 26px !important;
}
.btn-MyC-panel-open,
.btn-MyC-panel-open:hover,
.btn-MyC-panel-open:focus {
    background: none !important;
    border: 2px solid #ebecf2 !important;
    color: #00263b;
    padding: 6px 45px;
    font-family: "Montserrat";
    font-weight: normal !important;
    font-size: 12px;
}
.btn-MyC-panel-open:hover {
    border-color: #a0b3cb !important;
}
div.panelSuivi div.panelListe {
    padding: 0;
    overflow: auto;
}
.table-data {
    color: #072336;
    font-family: "Montserrat";
    font-weight: 300;
}
.table-data.m-top-15 {
    margin-top: 15px;
}
.table-data thead th {
    border: solid #ebecf2 !important;
    border-width: 1px 0 1px 0 !important;
    text-transform: uppercase;
    background-color: #FFF;
    font-weight:normal;
}
.table-data.table-engine thead th {
    background: transparent;
}
.table-data thead th,
.table-data tbody td {
    border-top: 1px solid #ebecf2 !important;
    padding: 10px 0 10px 10px !important;
}

.table-data tbody td.cell-actions {
    padding-right:8px!important;
}

.table-data-mini tbody td:first-child {
    border-left: 1px solid #ebecf2 !important;
    padding:0!important;
}
.table-data-mini tbody td:last-child {
    border-right: 1px solid #ebecf2 !important;
}
.table-data thead th, .table-data thead th a {
    color: #00263b;
    font-size: 12px;
}
.table-data thead th.bg-blue, .table-data thead th.bg-blue a {
    color: #FFF;
}
.table-data > tbody > tr > td.no-border-top {
    border-top: none !important;
}
.table-data > tbody > tr > td.indented {
    padding-left: 40px !important;
}
body .table-editable thead th,
body .table-editable tbody td,
body .table-editable tfoot td {
    padding: 15px !important;
    vertical-align: middle;
}
body .table-editable tfoot td > a.btn-primary:not(.page-list-item-btn) {
    display: block;
    padding: 10px 12px;
    font-weight: normal;
    border-bottom-width: 0;
    text-align: center;
}
.table-data tbody {
    background-color: #fafafa;
}
.table-data tbody td {
    font-size: 14px !important;
}
.table-data tbody tr.f-bold td {
    font-size: 15px !important;
}
.table-data.table-top thead th {
    padding-top: 35px !important;
}
.table-selectable {
    width: 100%;
    border-spacing: 0 10px;
    border-collapse: separate;
}
.table-selectable tr {
    height: 55px;
    background-color: #fff;
}
    .table-selectable tr td {
        padding-right: 20px;
        border-top: 1px solid #ebecf2;
        border-bottom: 1px solid #ebecf2;
        text-align: left;
        font-family: "Montserrat";
        font-weight: normal;
        color: #00263b;
    }
.table-selectable tr td:first-of-type {
    border-left: 1px solid #ebecf2;
}
.table-selectable tr td:last-of-type {
    border-right: 1px solid #ebecf2;
}
.table-selectable img {
    height: 55px;
}
div.panelSuivi table.table-data tbody td > a.btn-action-dossier {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
    color: rgba(77,124,254,1);
    text-transform: uppercase;
}
div.panelSuivi table.table-data tbody td > img {
    width: 14px;
    vertical-align: middle;
    margin-left:2px;
    margin-right:2px;
}
    div.panelSuivi table.table-data tbody td > img.safebooking-logo {
        width: 60px;
        margin-top: 5px;
    }

div.panelSuivi table.table-data tbody td > img.auth-img {
    width: 62px;
}

div.panelSuivi table.table-data tbody td > i.las.la-phone-square {
    font-size: 22px;
    vertical-align: middle;
}
div.panelSuivi table.table-data tbody td > i.las.la-phone-square + span,
div.panelSuivi table.table-data tbody td > img + span {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 75%;
}
.table-data:not(.table-without-action) tbody tr td:last-child {
    padding: 10px 15px !important;
}
.table-data tbody tr {
    background-color: #f2f3fa;
}
    .table-data tbody tr:nth-child(even) {
        background-color: #f6f7fa;
    }
.table-data:not(.table-news) tbody tr:last-child {
    border-bottom: 1px solid #ebecf2 !important;
}
.table-data tbody tr:hover > td {
    background-color: #fff !important;
}
.table-data tbody tr[disabled] {
    opacity: 0.5;
}
.table-data tbody tr.disabled {
    opacity: 1;
}

/*-- Bouton Réactivate CON-17264 --*/
tr.disabled > td:not(:nth-child(5n)) {
    opacity: 0.5;
}

.pagination > li > a {
    font-size: 13px;
    font-family: "Montserrat";
    font-weight: 300;
    color: #00263b;
    padding: 10px 15px;
    border: 1px solid #ebecf2;
}
    .pagination > li > a:hover,
    .pagination > li > a.active:hover,
    .pagination > li.active > a:hover {
        background-color: #f6f8fc;
        color: #00263b;
        border: 1px solid #ebecf2;
    }
    .pagination > li > a.active,
    .pagination > li.active > a {
        background-color: #34495e;
        color: #fff;
        border: 1px solid #ebecf2;
        pointer-events: none;
    }
.btn-filter {
    background: none;
    border: none;
    color: #a0b3cb;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 16px;
    margin: 12px 0;
    margin-right: 15px;
}
.btn-filter.active {
    color: rgba(242,41,24,1);
}
.no-result {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
    overflow: hidden;
}
.modalCalendar {
    display: none;
    position: fixed;
    z-index: 12040;
    margin: auto;
    width: 460px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.modalCalendar .divTitle {
    height: 45px;
}
    .modalCalendar .DivContentModal {
        font-family: "Montserrat";
        font-weight: 300;
        color: #00263b;
    }
.modalCalendar .DivContentModal > p:last-of-type {
    font-size: 14px;
    opacity: .6;
    padding: 0 0 15px;
}
.modalCalendar .DivContentModal > p:first-of-type {
    font-size: 18px;
    font-weight: normal;
    padding: 25px 0 0;
    opacity: 1;
}
#ModalManifest.modalCalendar .DivContentModal > p:first-of-type {
    color: #00263b;
}
.modalCalendar .DivContentModal > div {
    text-align: center;
    padding: 15px 0 25px;
}
.modalCalendar#ModalManifest .DivContentModal > div {
    padding: 15px 0;
}
.modalCalendar .DivContentModal > div > img {
    max-width: 90%;
}
.modalCalendar .DivContentModal > div > p {
    padding: 10px 0;
    font-size: 14px;
}
.modalCalendar .DivContentModal > div > .form-control {
    margin: auto;
    margin-bottom: 15px;
    cursor: text;
}
.modalCalendar .DivContentModal > div > a {
    font-weight: normal;
}
/*--  UCGeneralSalesConditions --*/
.editor-cgv {
    width: 100%;
    height: 400px !important;
    overflow: auto;
}
/*-- UCOpening --*/
.opening-global {
    background: #fff;
    border: 1px solid #ebecf2;
    /*border-bottom-width: 0;*/
}
.show-hide-hours {
    padding: 12px 15px;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #ebecf2;
    color: rgba(77,124,254,1);
}
.show-hide-hours:last-of-type {
    border-bottom-width: 0;
}
    .show-hide-hours.open {
        color: #00263b;
        border-bottom-width: 0;
    }
.opening-global .div-hours {
    padding-bottom: 15px;
}
.opening-global .div-hours .div-dates {
    background-color: #f6f8fc;
    margin: 20px;
    margin-top: 0;
    padding: 15px;
}
.opening-global .div-hours .div-dates .form-control:not(.period-title) {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-right-width: 0;
}
.opening-global .div-hours .div-dates .form-control:not(.period-title):focus + .input-group-addon {
    border-color: #66afe9;
    outline: 0;
}
    .opening-global .div-hours .div-dates label {
        font-family: "Montserrat";
        font-weight: normal;
        color: #00263b;
        margin-bottom: 0;
    }
.opening-global .div-hours .div-dates .input-group-addon {
    -moz-border-top-right-radius: 20px !important;
    -webkit-border-top-right-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    -moz-border-bottom-right-radius: 20px !important;
    -webkit-border-bottom-right-radius: 20px !important;
    height: 40px !important;
}
    .opening-global .div-hours > a.link-remove-opening {
        display: inline-block;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 10px;
        text-transform: uppercase;
        color: #db3535;
        margin: 15px 0 0 15px;
    }
.opening-global .div-hours .table-hours:not(.table-presta-hours) {
    border-spacing: 15px 0;
}
.opening-global .div-hours .table-hours .hour-item:last-of-type .selectize-input {
    border-bottom-width: 1px !important;
}
.opening-global .hour-item .title-hour {
    font-family: "Montserrat";
    font-weight: normal;
    color: #00263b;
    font-size: 13px;
    text-transform: capitalize;
    line-height:40px;
}
.opening-global .hour-item .cell-hour {
    background: #fff;
    border: 1px solid #ebecf2;
    height: 40px;
    border-radius:20px;
}
.opening-global .hour-item:last-of-type .cell-hour {
    border-bottom-width: 1px;
}
.opening-global .hour-item .cell-hour div.table-hour {
    table-layout: fixed;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 38px;
    line-height: 38px;
}
.opening-global .hour-item .cell-hour div.table-hour:not(.d-none) + div.table-hour:not(.d-none) {
    border-left: 1px solid #ebecf2;
    margin-left: -5px;
}
.opening-global .hour-item .cell-hour div.table-hour > div {
    position: relative;
    padding: 0;
    margin-left: -3px;
}
.opening-global .hour-item .cell-hour .form-control {
    display: inline-block;
    background-color: transparent;
    border-width: 0 0 1px 0;
    border: none;
    width: 70px;
    color: #00263b;
    height: 25px;
    padding: 0 12px 0 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer !important;
    z-index: 10;
    position: relative;
}
.opening-global .hour-item .cell-hour i.la-clock {
    color: #00263b;
    position: absolute;
    right: 50%;
    margin-right: -30px;
    top: 28%;
    cursor: pointer;
}
.opening-global .selectize-dropdown {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #cfd7df !important;
    height: auto !important;
}
.opening-global .selectize-dropdown.active {
    background: #f6f8fc !important;
}
.opening-global .selectize-input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.opening-global .selectize-control.ddl-duration-unit .selectize-input {
    border-bottom-width: 1px !important;
}
.opening-global .selectize-input::after {
    font: normal normal normal 14px/1 FontAwesome;
    border: none !important;
    height: auto;
    width: auto;
    right: 20px !important;
    top: 12px !important;
    margin: 0 !important;
    font-size: 12px;
}
.opening-global .btn.btn-success,
.opening-global .btn.btn-primary {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
}
.opening-global div.div-dates > div.div-btn-dupli-period {
    width: 155px;
}
    .opening-global div.div-dates > div.div-btn-dupli-period > button {
        color: rgba(77,124,254,1);
        background: none;
        border: none;
        text-align: left;
        font-family: "Montserrat";
        font-weight: 300;
        cursor: pointer;
    }
.opening-global div.div-dates > div.div-btn-dupli-period > button:not([disabled]):hover {
    text-decoration: underline;
}
.opening-global div.div-dates > div.div-btn-dupli-period > button[disabled] {
    pointer-events: none;
    opacity: .5;
}
.opening-global div.section-title {
    margin-bottom: 10px;
    color: #4a5b6d;
    font-family: "Montserrat";
    font-weight: normal;
}
.opening-global div.hours-presta-days > div.d-table-cell {
    border: solid #c5cde2;
    border-width: 1px 1px 1px 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #4a5b6d;
}
.opening-global div.hours-presta-days > div.d-table-cell.bg-blue {
    color: #fff;
}
.opening-global div.hours-presta-days > div.d-table-cell:first-child {
    border-left-width: 1px;
}
.opening-global div.div-demo-hours {
    background-image: url("");
    background-size: contain;
    background-repeat: no-repeat;
    height: 270px;
    position: relative;
    width: 100%;
}
    .opening-global div.div-demo-hours > span {
        position: absolute;
        display: inline-block;
        width: 190px;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 18px;
        color: #4a5b6d;
        top: 40%;
        left: 42%;
    }
.opening-global div.table-presta-hours > div.d-table-cell {
    padding: 20px 20px 0;
    color: #4a5b6d;
    font-family: "Montserrat";
    font-weight: 300;
}
.opening-global div.table-presta-hours > div.d-table-cell:first-child {
    width: 50%;
}
.opening-global div.table-presta-hours > div.d-table-cell > a.btn-primary,
.opening-global div.table-presta-hours > div.d-table-cell > a.btn-primary:hover {
    border: none;
}

.schedule-resources-dates table,
.schedule-resources table,
table.table-hours-presta {
    border-collapse: separate;
    -webkit-border-collapse: collapse;
}

.opening-global table.table-hours-presta td,
.opening-global table.table-hours-presta th {
    border: solid #c5cde2;
    border-width: 1px 1px 0 0;
    height: 40px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
}
.opening-global table.table-hours-presta tr:last-child td,
.opening-global table.table-hours-presta tr:last-child th {
    border-bottom-width: 1px;
}
.opening-global table.table-hours-presta th {
    border-left-width: 1px;
    width: 70px;
}
.opening-global table.table-hours-presta td {
    width: 50px;
}
.opening-global table.table-hours-presta tr:not(:first-child) td {
    cursor: pointer;
    padding-top: 3px;
}
.opening-global table.table-hours-presta tr:not(:first-child) td.bg-green {
    background-color: #00a46d !important;
}
.opening-global table.table-hours-presta tr:not(:first-child) td > i {
    display: none;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
.opening-global table.table-hours-presta tr:not(:first-child) td:hover {
    background-color: rgba(77,124,254,1);
}
.opening-global table.table-hours-presta tr:not(:first-child) td.bg-green:hover {
    background-color: rgba(242,41,24,1) !important;
}
.opening-global table.table-hours-presta tr:not(:first-child) td.bg-green:hover > i,
.opening-global table.table-hours-presta tr:not(:first-child) td:hover > i {
    display: inline-block;
}
.opening-global table.table-hours-presta tr:not(:first-child) td:hover > i:before {
    content: '\f067';
}
.opening-global table.table-hours-presta tr:not(:first-child) td.bg-green:hover > i:before {
    content: '\f068';
}
/*-- Tableau éditable --*/
div.table-editable-container {
    background-color: #fff;
    border: 1px solid #ebecf2;
    border-top-width: 0;
    border-bottom-width: 0;
    margin: 0 -20px;
    position: relative;
}
div.table-editable-container .table-editable {
    border-bottom: 1px solid #ddd;
}
div.table-editable-container .table-editable tr td {
    vertical-align: top;
    line-height: 40px;
}
div.table-editable-container .form-control {
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
}
div.table-editable-container textarea.form-control {
    padding-top: 10px;
}
textarea.form-control {
    line-height: initial !important;
    padding: 10px !important;
}
div.table-editable-container div.show-hide-hours {
    width: auto;
    display: block;
    border-top: 1px solid #ebecf2;
}
div.table-editable-container input::-moz-placeholder,
div.table-editable-container textarea::-moz-placeholder,
div.table-editable-container input::-webkit-input-placeholder,
div.table-editable-container textarea::-webkit-input-placeholder {
    font-size: 11px;
}
div.table-editable-container textarea::-moz-placeholder,
div.table-editable-container textarea::-webkit-input-placeholder {
    padding-top: 2px;
}
div.table-editable-container div.selectize-input.items {
    border-radius: 0;
}
div.table-editable-container .years-prices-item div.selectize-input.items {
    border-radius: 20px;
}

.cell-actions {
    text-align: center;
    white-space: nowrap;
}
div.table-editable-container .cell-actions a {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    vertical-align: top;
}
div.table-editable-container .cell-order,
.table-order-editable .cell-order {
    width: 0;
    text-align: center;
}
div.table-editable-container .cell-order {
    padding: 18px 0 0 5px !important;
}
div.table-editable-container .photo-preview {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}
div.table-editable-container div.title-year {
    text-transform: uppercase;
}
div.table-editable-container div.div-separate-row {
    height: 15px;
    width: 100%;
}
div.table-editable-container div.div-no-presta {
    width: 100%;
}
div.table-editable-container div.div-no-presta > div.d-table-cell {
    border: solid #cfd7df;
    border-width: 0 0 1px 0;
    color: red;
    padding: 15px 15px 15px 10px;
    white-space: nowrap;
}
div.table-editable-container div.div-no-presta > div.d-table-cell:first-child {
    border-left-width: 1px;
}
div.table-editable-container div.div-no-presta > div.d-table-cell:last-child {
    border-right-width: 1px;
}
div.table-editable-container div.table-years {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
    color: #4a5b6d;
}
div.table-editable-container div.years-prices-item {
    border: 1px solid #ebecf2;
    border-top-width: 0;
}
div.table-editable-container div.years-prices-item > div.d-table-cell {
    padding: 10px;
    padding-right: 0;
    border: solid #cfd7df;
    border-width: 0 0 1px 0;
}
div.table-editable-container div.years-prices-item > div.d-table-cell:first-child {
    min-width: 170px;
    border-left-width: 1px;
}
div.table-editable-container div.years-prices-item > div.d-table-cell:nth-child(2) {
    min-width: 170px;
}
div.table-editable-container div.years-prices-item > div.d-table-cell:nth-child(3) {
    width: 70px;
}
div.table-editable-container div.years-prices-item > div.d-table-cell:nth-child(4) {
    min-width: 105px;
    width: 105px;
}
div.table-editable-container div.years-prices-item > div.d-table-cell:nth-child(5) {
    min-width: 162px;
    width: 162px;
}
div.table-editable-container div.years-prices-item > div.d-table-cell:nth-child(4) > span,
div.table-editable-container div.years-prices-item > div.d-table-cell:nth-child(5) > span {
    display: inline-block;
}
div.table-editable-container div.years-prices-item > div.d-table-cell:last-child {
    border-right-width: 1px;
    width: 95px;
    padding-bottom: 33px;
}
div.table-editable-container div.years-prices-item:not(.years-prices-footer):not([class*=years-prices-header]) > div.d-table-cell:last-child > a {
    color: red;
    text-transform: uppercase;
    font-size: 10px;
}
    div.table-editable-container div.years-prices-item.years-prices-header,
    div.table-editable-container:not(.table-editable-page) th {
        background-color: #072336;
        border: 1px solid #072336;
        color: #fff;
        font-weight: normal;
    }
div.table-editable-container div.years-prices-item.years-prices-header > div.d-table-cell {
    border: none;
}
div.table-editable-container:not(.table-editable-page) .table-data tbody tr {
    background-color: #f7fafc;
}
div.table-editable-container:not(.table-editable-page) .table-data tbody tr:nth-child(even) {
    background-color: #fff;
}
div.table-editable-container div.years-prices-item.years-prices-footer {
    border: none;
    background-color: #f6f8fc;
}
div.table-editable-container:not(.table-editable-page) th > a {
    color: #fff;
}
div.table-editable-container div.years-prices-item.years-prices-footer > div.d-table-cell {
    padding: 15px 0 15px 10px;
    border: none;
}
div.table-editable-container div.years-prices-item.years-prices-footer > div.d-table-cell > a.btn-primary {
    padding: 10px 12px;
    font-weight: normal;
    border-bottom-width: 0;
}
div.table-editable-container div.years-prices-item .link-trad {
    font-size: 10px;
}
div.table-editable-container a.btn-save {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
    display: block;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    color: #FFFFFF;
}
div.table-editable-container .photo-manager-w img {
    width: 60px;
    max-height: 40px;
}
div.table-editable-container .photo-manager-w a:hover {
    text-decoration: none;
}
div.table-editable-container .photo-manager-w img,
div.table-editable-container .empty-photo {
    cursor: pointer;
}
#divTaxListContent {
    text-align:left
}
#divTaxList div.table-editable-container {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
}
.divTouristTax div.table-editable-container {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
}
.main-content > div.table-editable-container {
    border-left: 0;
}
div.table-editable-container.table-editable-page {
    margin: 0;
    border: 0;
}
/*-- Tableau arborescent --*/
.table-tree .cell-tree-icon {
    width: 20px;
}
.table-tree .cell-tree-icon i {
    color: rgba(77,124,254,1);
    cursor: pointer;
}
/*--  Translation --*/
.editor-translation,
.editor-repeater-translation {
    width: 100%;
    height: 400px;
    overflow: auto;
    text-align: left;
    margin-top: -5px;
}
.editor-translation[contentEditable=true]:empty:not(:focus):before,
.editor-repeater-translation[contentEditable=true]:empty:not(:focus):before {
    font-style: italic;
}
/*-- Footer Master --*/
.master-footer-need-help-w {
    position: fixed;
    z-index: 2000;
    bottom: 0;
    right: 10px;
    font-size: 14px;
}
.master-footer-need-help-btn {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: default;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}
.master-footer-need-help-content-w {
    width: 100%;
}
.master-footer-need-help-content {
    height:40px;
    line-height:40px;
    background: #f2f2f2;
}
.master-footer-need-help-tel-w {
    padding: 15px 0;
    line-height: 30px;
    background: #fff;
}
.master-footer-need-help-tel-w i {
    color: #a5a5a5;
}
.master-footer-need-help-tel-w span {
    font-size: 24px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*-- UC AccessOI --*/
table.table-access {
    border-left: 1px solid #ebecf2 !important;
    border-right: 1px solid #ebecf2 !important;
    margin-top: 15px;
}
table.table-access td:not(:first-child) {
    padding-left: 10px !important;
}
table.table-access tbody tr td:last-child {
    padding-right: 10px !important;
}
table.table-access thead tr th:last-child {
    padding-right: 20px !important;
}
table.table-access .link-trad {
    font-size: 10px;
}
table.table-access .action-move {
    position: relative;
    top: -3px;
    width: 24px;
}
/* Modale planning - QuickChange */
.modal-dialog {
    position: relative;
}
.modal-dialog .backdrop_modal_quick_change,
.modal-dialog .backdrop_modal_Synchro {
    opacity: 0.8;
    height: 100%;
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 19999;
    background-color: black;
}
.modal-dialog legend {
    border: none;
    margin: 0;
}
.modal-header {
    background-color: #34495e;
    color: white;
    font-weight: normal;
    padding: 10px;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.modal-close {
    float: right;
}
.modal-close .close {
    float: none;
}
.modal-close a {
    padding: 0;
    -webkit-appearance: none;
    font-size: 14px;
    color: #fff;
    line-height: 150%;
}
.modal-title {
    font-size: 16px;
    font-family: "Montserrat";
    font-weight: normal;
}
.modal-content {
    -moz-border-radius: 8px 8px 6px 6px;
    -webkit-border-radius: 8px 8px 6px 6px;
    border-radius: 8px 8px 6px 6px;
}
.ie8 .modal-content {
    width: 600px;
    margin: auto;
}
.modal-backdrop.in {
    opacity: .8;
    z-index: 12000;
}
.profil {
    width: 400px;
}
.RadCalendar_Default .rcRow .rcSelected {
    background: #525c52 !important;
}
/* Adaptation pour Modal LigneDossier */
.divGlobal div p {
    margin-bottom: 0;
}
.RadEditor.Default .reContentCell {
    height: 90% !important;
}
.RadEditor.Default table {
    border-collapse: separate;
}
.recapitulative-row-first, .recapitulative-row-last {
    font-weight: normal;
}
.recapitulative-row-first {
    border-bottom-style: solid;
    border-bottom-width: thin;
}
.recapitulative-row-last {
    border-top-style: solid;
    border-top-width: thin;
}
/*-- Table tarif --*/
.rate-table,
.tableCAO {
    width: auto;
    font-family: "Montserrat";
    font-weight: normal;
}
.rate-table {
    margin-bottom: 0;
}
.rate-table td, .tableCAO td {
    vertical-align: middle !important;
    border: solid 1px;
}
.rate-table td {
    text-align: center;
}
.tableCAO td {
    text-align: center;
}
/* TODO: factoriser */
.rate-table .HeaderBS, .tableCAO .HeaderBS {
    width: 110px;
    background-color: rgba(77,124,254,1);
    text-align: center;
    color: white;
    border: none;
    font-weight: 300;
}
.rate-table .HeaderMS, .tableCAO .HeaderMS {
    width: 110px;
    background-color: #00a46d;
    text-align: center;
    color: white;
    border: none;
    font-weight: 300;
}
.rate-table .HeaderHS, .tableCAO .HeaderHS {
    width: 110px;
    background-color: rgba(255,165,0,1);
    text-align: center;
    color: white;
    border: none;
    font-weight: 300;
}
.rate-table .HeaderVS, .tableCAO .HeaderVS {
    width: 110px;
    background-color: #9b59b6;
    text-align: center;
    color: white;
    border: none;
    font-weight: 300;
}
.rate-table .HeaderTH, .tableCAO .HeaderTH {
    width: 110px;
    background-color: #e74c3c;
    text-align: center;
    color: white;
    border: none;
    font-weight: 300;
}
.rate-table .rate.BS, .tableCAO .BS {
    background-color: #c1e1f4;
    border-color: #9ad2f1;
    font-size: 16px;
    border-width: 0 0 1px 1px;
}

.applied-day-list .rate.BS,
.close-on-arrival-list .rate.BS {
    background: rgba(77,124,254,1);
}
.rate-table .rate.MS, .tableCAO .MS {
    background-color: #c1eae0;
    border-color: #cce1bc;
    font-size: 16px;
    border-width: 0 0 1px 1px;
}
.applied-day-list .rate.MS,
.close-on-arrival-list .rate.MS {
    background: #00a46d;
}
.rate-table .rate.HS, .tableCAO .HS {
    background-color: #f3e9ce;
    border-color: #f4e0ae;
    font-size: 16px;
    border-width: 0 0 1px 1px;
}

.applied-day-list .rate.HS,
.close-on-arrival-list .rate.HS {
    background-color: rgba(255,165,0,1);
}
.rate-table .rate.VS, .tableCAO .VS {
    background-color: #ddd6ec;
    border-color: #cdbee3;
    font-size: 16px;
    border-width: 0 0 1px 1px;
}
.applied-day-list .rate.VS,
.close-on-arrival-list .rate.VS {
    background: #9b59b6;
}
.rate-table .rate.TH, .tableCAO .TH {
    background-color: #f2d2d1;
    border-color: #f2b7b3;
    font-size: 16px;
    border-width: 0 0 1px 1px;
}
.applied-day-list .rate.TH,
.close-on-arrival-list .rate.TH {
    background-color: #e74c3c;
}
.rate-table .form-control {
    width: 75px;
    display: inline-block;
    margin-right: 2px;
    text-align: center;
    padding: 0;
}
.rate-table .NoBorder, .tableCAO .NoBorder {
    border: 0;
}
.rate-table .Title {
    background-color: #f9f9f9;
    font-weight: normal;
}
.rate-table .cell-Title, .tableCAO .cell-Title {
    background: #fff;
    border-color: #ebecf2;
    vertical-align: middle;
    text-align: left;
    min-width: 170px;
    font-weight: 300;
    border-width: 1px 0 1px 1px;
}
.rate-table .lastRow .td, .tableCAO .lastRow .td {
    border-bottom: none !important;
}
.rate-table td.rate > span {
    font-weight: 300;
}
.rate-table td.rate > .form-control {
    border: 2px solid #c5cde2;
}
.rate-table.price-list-formula {
    color: #00263b;
    border: 1px solid #ebecf2;
}
span.cellTitle {
    padding-right: 10px;
}
.rate-table.price-list-formula .form-control {
    margin-right: 10px;
}
.rate-table.price-list-formula tr td {
    border: solid #ebecf2;
    border-width: 0 1px 0 0;
    font-weight: normal;
}
.rate-table.price-list-formula tr:not(:first-of-type) td {
    border-top-width: 1px;
}
.rate-table.price-list-formula tr td:first-child,
.rate-table.price-list-formula .min-max-quantity {
    /*width: 440px;*/
    padding: 0 !important;
}
.rate-table.price-list-formula .min-max-quantity {
    width: 186px;
}
.rate-table.price-list-formula div.ui-effects-wrapper {
    width: 186px !important;
    height: 80px !important;
}
.rate-table.price-list-formula div.ui-effects-wrapper > td {
    height: 80px !important;
    width: 186px !important;
}
.rate-table.price-list-formula .min-max-quantity > div {
    font-size: 12px;
    margin-bottom: 10px;
}
.rate-table.price-list-formula .min-max-quantity > input.form-control {
    width: 50px;
    height: 30px;
    color: rgba(77,124,254,1);
    border: 1px solid #ebecf2;
    font-weight: 300;
    font-size: 14px;
}
.rate-table.price-list-formula .min-max-quantity > input.form-control:first-of-type {
    margin-right: 10px;
}
.rate-table.price-list-formula td input.form-control {
    color: rgba(77,124,254,1);
    border: 1px solid #ebecf2;
    font-weight: normal !important;
    font-size: 20px;
    font-family:"Montserrat";
}
.rate {
    white-space: nowrap;
    height: 20px;
}
.rate input.montant {
    text-align: right;
    width: 75px;
    height: 16px;
    padding-right: 0;
    margin-left: 3px;
    margin-right: 5px;
    background-color: #fff;
}
.rate div.etat {
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin-right: 2px;
    width: 20px;
    height: 20px;
}
.rate p.montant {
    font-size: 13px;
    text-indent: 3px;
}
.rate p.montantpromo {
    color: #f60;
    font-weight: normal;
    text-indent: 3px;
}
.rate p.montant span, .rate p.montantpromo span {
    display: inline-block;
}
.rate p.montant span {
    text-decoration: line-through;
}
td.tarifsaison {
    border: solid 1px #bbb;
    background-color: #fff;
}
.link-close-on-arrivals,
.link-open-desc {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
}
.panel-condition table.table {
    background: #fff;
    font-family: "Montserrat";
    font-weight: 300;
}
.panel-condition table.table thead {
    background: #34495e;
    color: #fff;
}
.panel-condition table.table thead tr th {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
}
.div-info-periode {
    padding-top: 0;
    display: none;
}
/*-- BE Detail --*/
.TextBoxCode {
    height: 44px;
    width: 440px;
    background-color: #efefef;
}
.TextBoxCodeHTML {
    height: auto;
    background-color: #efefef;
    border: 1px solid #bbb;
    overflow-wrap: break-word;
}
.TextBoxCodeHTMLHead {
    height: 70px;
    width: 440px;
    background-color: #efefef;
}
.be.module-widget .preview-widget {
    background-color:#00263b;
    display:block;
}
.be.module-widget .d-flex {
    display: flex !important;
    border-top: 1px solid #ebecf2;
}
.be.module-widget .page-sub-title > label {
    font-size: 18px;
    font-family: "Montserrat";
    margin-bottom: 0;
}
.be.module-widget .co-div-code {
    margin: 0;
    padding: 15px;
    font-size: 13px;
    line-height: 24px;
}
.be > div:not(.arrow) {
    display: inline-block;
    vertical-align: top;
}
.be > div.d-none {
    display: none;
}
.be .div-widget {
    display: block !important;
    margin:auto;
    padding: 20px 25px 20px 20px;
    max-width: 1200px;
    position: relative;
}
/*-- .be .div-widget:before {
    content: '';
    background: url(https://static.elloha.com/elloha/Images/bg.jpg?v=4) center;
    background-size: cover;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    filter: blur(2px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
} --*/
.be .div-widget .booking-search {
    width: 100%;
    margin: auto;
}
.be #divAdvancedSettings {
    display: block;
    vertical-align: top;
    max-width: 1200px;
    margin: 15px auto;
    height: 20px;
}
.be #divOptionWidget {
    padding:20px;
    background-color:#fff;
}
.be > div.right > img {
    margin: auto;
}
.be > div.right .span-sub {
    padding: 20px 50px 25px;
    font-family: "Montserrat";
    font-weight: normal;
    color: #00263b;
}
.be > div.right .span-sub > a {
    margin-right: 5px;
}

.be .div-slider-position {
    margin-top: -4px;
    margin-right: 10px;
}
.be .be-item-color {
    min-width: 260px;
    max-width: 350px;
    padding-right: 30px;
}
.be .be-lbl-title-color {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
    width: 140px;
}
.be span.be-span-color,
.bar-option-scroll-w span.be-span-color {
    width: 30px;
    height: 30px;
    -moz-box-shadow: 0 0 12px #cfd6dd;
    -webkit-box-shadow: 0 0 12px #cfd6dd;
    box-shadow: 0 0 12px #cfd6dd;
    border: 1px solid #ebecf2;
    cursor: pointer;
}
.be .be-tb-color {
    background: transparent;
    width: 30px;
    height: 30px;
    padding: 5px;
    -moz-box-shadow: 0 0 12px #cfd6dd;
    -webkit-box-shadow: 0 0 12px #cfd6dd;
    box-shadow: 0 0 12px #cfd6dd;
    border: 1px solid #ebecf2;
}
.be .be-div-repeater-color {
    width: 100%;
    min-width: 788px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.be hr {
    border-color: #ebecf2;
}
.be > div.left > table,
.be p {
    line-height: 150%;
}

.be .cb-w input, .be .cb-w label {
    margin: 0;
}

.be .cb-w input {
    margin-right: 5px;
}
.be .TextBoxName {
    width: 350px;
}
.be .TextBoxDesc {
    width: 350px;
    height: 44px;
}
.be .be-rbl-culture {
    list-style-type: none;
}
.be .be-rbl-culture > li {
    width: 49%;
    display: inline-block;
    margin-top: 10px;
}
.be input[type="radio"] + label {
    margin: 0 10px;
}
.be span.spanUITheme {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.be .rbUITheme .itemThemeUI {
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px;
}
.be .rbUITheme .itemThemeUI > label {
    margin: 0 5px;
    border: 1px solid #ddd;
    font-size: 0;
    line-height: normal;
}
.co-div-code {
    margin: 0 20px 20px 0;
    font-size: 0.9em;
}
.be .div-button {
    border: 1px solid #ebecf2;
    margin-bottom: 25px;
}
.be .div-button .be-item-color {
    display: table;
    width: 100%;
}
    .be .div-button .be-item-color :first-child {
        font-family: "Montserrat";
        font-weight: normal;
        color: #00263b;
    }
.be .div-button > div:first-child {
    padding: 20px;
    border-bottom: 1px solid #c5cde2;
}
.be .div-button > div:first-child > span {
    display: block;
    position: absolute;
    height: 15px;
    width: 15px;
    background: inherit;
    border: solid #c5cde2;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -8px;
    left: 50%;
    margin-left: -5px;
}
.be .div-button .button-booking {
    padding: 30px 20px;
    overflow: auto;
}
.be .div-button .button-booking-light {
    padding: 60px 20px 0 20px;
    overflow: auto;
}
.be a.widget-link {
    text-transform: none !important;
    font-size: 14px !important;
    font-family: "Montserrat" !important;
    font-weight: normal !important;
}
/*-- BE List --*/
.booking-engine-list > a {
    font-weight: normal;
}
.booking-engine-list .table {
    margin-bottom: 0;
}
.margin-top {
    margin-top: 10px;
}
.margin-bottom {
    margin-bottom: 20px;
}
.margin {
    margin-right: 12px;
}
.modules-list {
    padding: 20px;
}
.modules-list .module-item {
    display: inline-block;
    vertical-align: top;
    width: 260px;
}
.module-item .module-item-title {
    display: table-cell;
    width: 260px;
    height: 50px;
    vertical-align: middle;
    font-size: 16px;
    font-family: "Montserrat";
    text-align: center;
    padding: 10px;
    font-weight:normal;
}
.module-item .module-item-img > img {
    width: 100%;
    height: 100%;
}
.module-item .module-item-action {
    height: 40px;
    line-height: 40px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: normal;
    border-radius: 0 0 15px 15px;
}
.module-item .module-item-action > a {
    color: #fff !important;
}
.module-item .module-item-action > a:hover {
    text-decoration: underline;
}
/*--- Saisons ---*/
.dayBasseSaison,
.calendar-season-btn-low {
    background: rgba(77,124,254,1);
}
.dayMoyenneSaison,
.calendar-season-btn-mid {
    background-color: #1abc9c;
}
.dayHauteSaison,
.calendar-season-btn-high {
    background-color: rgba(255,165,0,1);
}
.dayTresHauteSaison,
.calendar-season-btn-very-high {
    background-color: #e74c3c;
}
.daySaisonExceptionnelle,
.calendar-season-btn-holidays {
    background-color: #9b59b6;
}
.dayFermeture,
.calendar-season-btn-closed {
    color: #fff;
    background-color: #828282;
}
.daySaisonAutre {
    padding-right: 3px;
    width: 100%;
    height: 18px;
    color: #3c61cc;
    font-family: Tahoma;
    font-size: 11px;
    text-align: right;
    border: 0;
}
/* Modale de confirmation */
.BackgroundDivModal {
    z-index: 1040;
    background: #666;
    position: absolute;
    /* ReSharper disable once CssBrowserCompatibility */
    filter: alpha(opacity=60);
    opacity: .6;
}
.DivContentModal {
    z-index: 1041;
    background-color: white;
    padding-bottom: 0;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.DivContentModal span {
    display: block;
    overflow: hidden;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.DivContentModal .div-opinion-or-fiche span {
    display: inline;
}
.DivContentModal .div-opinion-or-fiche span.d-block {
    display: block;
}
.lbTitleModal {
    color: white;
    font-size: 18px;
    margin: 0 3px;
    margin-bottom:0 !important;
}
.btnModal {
    min-width: 30px;
    padding: 6px 15px;
    color: white;
    font-weight: normal;
    display: inline-block;
}
.btnOK {
    background-color: #35ba16;
    margin-left: 5px;
}
.btnNO {
    background-color: #e91111;
    margin-right: 5px;
}
.divTitle {
    background-color: #34495e;
    color: white;
    padding: 0 10px;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    height: 50px;
    line-height: 50px;
}
.divTitle > label > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    opacity: 0.4;
    margin-left: 10px;
}
.modal .divTitle {
    text-align: left;
}
.lkbTitle {
    color: white;
    text-decoration: none !important;
    float: right;
    cursor: pointer;
}
.lkbTitle img {
    border: 0;
}
.labelTitle {
    margin-right: 5px;
}
.iframeModale {
    border: none !important;
}
.spanButtonModal {
    text-align: center;
    vertical-align: middle;
}
.litTexteModal {
    font-size: 14px;
    display: none;
}
/* Modale Ligne Dossier */
.divGlobal .div-tabs,
.divGlobal .div-tabs.is-fixed {
    margin: 0;
    padding: 0;
    width: 100%;
    left: 0 !important;
    border: none;
}
.divGlobal .div-tabs::before,
.divGlobal .div-tabs.is-fixed:before,
.divGlobal .div-tabs::after,
.divGlobal .div-tabs.is-fixed:after,
.divGlobal .div-tabs > ul#Tabs:before,
.divGlobal .div-tabs > ul#Tabs:after {
    display: none;
}
.divGlobal .div-tabs > ul#Tabs {
    width: 100%;
    text-align: center;
    height: 46px;
    max-width: none;
}
.divGlobal .div-tabs > ul#Tabs > li {
    margin-bottom: 0;
	padding: 0;
    height: 100%;
    vertical-align:top;
}
.divGlobal .div-tabs > ul#Tabs > li + li {
    margin-left: -4px;
}
.divGlobal .div-tabs > ul#Tabs > li > a {
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding: 0 15px;
    border: none;
    border-radius: 0;
    margin: 0;
    line-height: 46px;
}
.divGlobal .div-tabs > ul#Tabs > li#liDetails a {
    background: rgba(77,124,254,1);
}
.divGlobal .div-tabs > ul#Tabs > li#liCancel a {
    background: rgba(242,41,24,1);
}
.divGlobal .div-tabs > ul#Tabs > li#liEncase a {
    background: #008055;
}
.divGlobal .div-tabs > ul#Tabs > li#liInvoicing a {
    background: #00263b;
}
    .divGlobal .div-tabs > ul#Tabs > li.active a {
        border: none;
        background: #fff !important;
        color: #00263b;
    }
tab-content > .tab-pane {
    padding:20px;
}
.divGlobal .tab-content > .tab-pane:not(:first-child) {
    padding: 15px 35px 0;
}
.divGlobal .tab-content > .tab-pane .p-title-choice {
    text-transform: uppercase;
    font-family: "Montserrat";
    font-size: 20px;
    color: #00263b;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
}
.divGlobal .tab-content > .tab-pane .table-choice {
    height: 115px;
}
.divGlobal .tab-content > .tab-pane .table-choice > div.d-table-cell {
    border: 1px solid #ebecf2;
    width: 33.33%;
}
.divGlobal .tab-content > .tab-pane .table-choice > div.d-table-cell:first-child {
    border-right: 0;
}
    .divGlobal .tab-content > .tab-pane .table-choice > div.d-table-cell > .link-choice {
        display: block;
        font-family: "Montserrat";
        font-weight: normal;
        text-transform: uppercase;
        color: #00263b;
        width: 60%;
        margin: auto;
    }
.divGlobal .tab-content > .tab-pane .table-cancel-recap div.d-table-cell,
.divGlobal .tab-content > .tab-pane .cancellable-book {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    color: #00263b;
    padding-bottom: 15px;
}
.divGlobal .tab-content > .tab-pane .table-cancel-recap > div.d-table-row.color-green > div.d-table-cell,
.divGlobal .tab-content > .tab-pane .table-cancel-recap > div.d-table-row.color-red > div.d-table-cell {
    color: inherit !important;
}
.divGlobal .tab-content > .tab-pane .table-cancel-recap div.d-table-cell.recap,
.divGlobal .tab-content > .tab-pane .table-cancel-recap div.d-table-row:not(:last-of-type) > div.d-table-cell:last-child {
    font-size: 18px;
}
.divGlobal .tab-content > .tab-pane .table-cancel-recap div.d-table-row > div.d-table-cell:first-child {
    width: 70%;
}
.divGlobal .tab-content > .tab-pane .table-cancel-recap div.d-table-row.row-separator > .d-table-cell {
    border-bottom: 1px solid #dbdbdb;
}
.divGlobal .tab-content > .tab-pane .panel-info-payment {
    background: #ddf1ff;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 16px;
    padding: 30px 45px;
    color: #00263b;
}
.divGlobal .tab-content > .tab-pane .panel-info-payment > ul {
    margin-bottom: 15px;
    left: 50%;
    margin-left: 25px;
    text-align: left;
    display: inline-block;
}
.panel-encase-advance {
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
}
.panel-encase-advance > div.d-table {
    table-layout: fixed;
}
.panel-encase-advance .input-group-addon {
    background: #f6f6f6;
    font-size: 14px;
    font-weight: normal;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: solid #c5cde2;
    border-width: 1px 1px 1px 0;
}
.panel-encase-advance div.d-table-cell > i.la-exchange {
    color: #93a3b3;
}
.panel-pub-payment-manager {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 157px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    margin-left: -1px;
}
    .panel-pub-payment-manager > span {
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        color: #00263b;
        padding: 20px 15px 0;
        width: 45%;
    }
    .panel-pub-payment-manager > span > p {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 14px;
        opacity: 0.6;
        text-transform: none;
    }
.panel-pub-payment-manager > a {
    width: 22%;
}
.panel-pub-payment-manager.panel-pub-mangopay {
    background-image: url("");
}
.panel-loader-payment {
    display: none;
    position: relative;
}
    .panel-loader-payment > .div-loader-text {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 18px;
        text-transform: uppercase;
        width: 250px;
        height: 125px;
        display: inline-block;
        margin-top: 100px;
    }
.panel-loader-payment > .div-loader-text > .p-amount-advance-percent {
    font-size: 30px;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.panel-loader-payment > .div-loader-animation {
    border: 5px solid #00a46d;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid rgba(0,0,0,0);
    -moz-border-radius: 175px;
    -webkit-border-radius: 175px;
    border-radius: 175px;
    width: 275px;
    height: 275px;
    -webkit-box-shadow: 0 0 35px #dedede;
    -moz-box-shadow: 0 0 35px #dedede;
    box-shadow: 0 0 35px #dedede;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -137.5px;
}
.panel-loader-payment > .div-loader-animation > p,
.panel-loader-payment > .div-loader-animation > i {
    display: none;
}
.panel-loader-payment.bank-response > .div-loader-text {
    display: none;
}
.panel-loader-payment.bank-response > .div-loader-animation {
    -moz-animation: none;
    -o-animation: none;
    -webkit-animation: none;
    animation: none;
    text-align: center;
    padding: 10px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.panel-loader-payment.bank-response.ok > .div-loader-animation {
    background-color: #00a46d;
}
.panel-loader-payment.bank-response.failed > .div-loader-animation {
    background-color: rgba(242,41,24,1);
}
.panel-loader-payment.bank-response > .div-loader-animation > p,
.panel-loader-payment.bank-response > .div-loader-animation > i {
    display: block;
    color: #fff;
    width: 65%;
    margin: 0 auto;
}
.panel-loader-payment.bank-response > .div-loader-animation > p {
    font-family: "Montserrat";
    font-weight: 300;
    margin-bottom: 5px;
}
.panel-loader-payment.bank-response > .div-loader-animation > p:first-of-type {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    width: 90%;
}
.panel-loader-payment.bank-response > .div-loader-animation > p:last-of-type {
    font-size: 13px;
    opacity: 0.6;
    font-style: italic;
}
.panel-loader-payment.bank-response > .div-loader-animation > i {
    font-size: 40px;
    margin-top: 35px;
}
.PLigne {
    display: table;
    table-layout: fixed;
    font-family: "Montserrat";
    font-weight: 300;
    background-color: white;
    text-align: center;
    border-bottom: 1px solid #ced4db !important;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    color: #00263b;
}
#PanelInternalComment,
.panel-action-details {
    border: none !important;
}
.panel-action-details {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: rgba(77,124,254,.2);
    padding: 15px 0;
    font-size: 1.1em;
}
    .panel-action-details > a {
        color: rgba(77,124,254,1);
    }
.PLigne.panel-histo-ope + .panel-action-details {
    border-top: 1px solid #ced4db !important;
}
.PLigne.price {
    font-family: "Montserrat";
    text-align: left;
    color: white;
    font-size: 20px;
    width: 100%;
    border: none !important;
    text-transform: uppercase;
}
.PLigne.price > div > p:first-child {
    font-size: 12px;
    opacity: 0.5;
    color: black;
}
.PLigne.price > div > p:not(:first-child) {
    font-size: 19px;
}
.PLigne .div-amount-textbox {
    position: relative;
    max-width: 150px;
    margin: 5px auto 0 auto;
    font-size: 14px;
}
.PLigne .div-amount-textbox .symbol{
    position:absolute;
    top: 4px;
    right: 7px;
    cursor: pointer;
    color: #fff;
}
.PLigne .div-amount-textbox .textbox{
    background: rgba(255,255,255,0.2);
    border: none;
    color: #fff;
    text-align: center;
    width: 100%;
}
.PLigne .div-amount-textbox .textbox::-webkit-input-placeholder {
    color: #fff;
    text-align: center;
    font-style: normal;
}
.PLigne .div-amount-textbox .textbox::-moz-placeholder {
    color: #fff;
    text-align: center;
    font-style: normal;
}
.PLigne .div-amount-textbox .textbox:-ms-input-placeholder {
    color: #fff;
    text-align: center;
    font-style: normal;
}
.PLigne .div-amount-textbox .textbox:-moz-placeholder {
    color: #fff;
    text-align: center;
    font-style: normal;
}
.PLigne .div-amount-textbox .textbox:focus::-webkit-input-placeholder {
    color: transparent;
}
.PLigne .div-amount-textbox .textbox:focus::-moz-placeholder {
    color: transparent;
}
.PLigne .div-amount-textbox .textbox:focus:-ms-input-placeholder {
    color: transparent;
}
.PLigne .div-amount-textbox .textbox:focus:-moz-placeholder {
    color: transparent;
}
.PLigne.PanelComment {
    border: none;
}
.PLigne .divLigne i.la-laptop {
    font-size: 50px;
}
.PLigne .divLigne .p-mon-site {
    font-family: "Montserrat";
    text-transform: uppercase;
    font-size: 12px;
}
.PLigne.PanelComment > div:first-of-type > i.la-comment {
    font-size: 40px;
}
.PLigne.PanelComment > div:last-of-type > p:last-of-type {
    height: 95%;
    max-height: 200px;
}
.PLigne.PanelComment div.divLigne textarea.tb-internal-comment {
    font-family: Georgia;
    font-size: 14px;
    width: 100%;
    resize: vertical;
    min-height: 90px;
}
.BackgroundAlternate {
    background-color: #f1efe7;
}
.divLigne {
    vertical-align: middle;
    text-align: center;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    overflow-wrap: break-word;
}
.PLigne.panel-histo-ope > .divLigne {
    text-align: left;
}
.divLigne.imgPresta {
    width: 170px;
    text-align: left;
}
.divLigne.imgPresta img {
    max-width: 150px;
    max-height: 90px;
    margin-right: 20px;
}
.divLigne.imgPresta .span-no-photo {
    text-align: center;
    color: #fff;
    background-color: #34495e;
    width: 120px;
    height: 90px;
    display: inline-block;
    padding: 15px;
    font-family: "Montserrat";
}
.divLigne.imgPresta .span-no-photo > i {
    font-size: 20px;
}
.divLigne.price {
    width: 165px;
    font-family: "Montserrat";
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 20px;
}
.divLigne.price > p {
    float: right;
    clear: both;
}
.divLigne.price > p:not(:first-child) {
    font-size: 13px;
    opacity: 0.5;
    color: black;
    white-space: normal;
    text-align: right;
}
.divLigne.price > p:first-child {
    font-size: 24px;
}
.PLigne[id*=PanelPresta] > .divLigne > span:not([class*=span-no-photo]),
.PLigne.panel-histo-ope > .divLigne > span {
    display: block;
    font-size: 16px;
    margin-bottom: -5px;
    font-family: "Montserrat";
    font-weight: 300;
}
.panel-histo-ope .table-histo-ope tr > td {
    vertical-align: top;
    padding: 5px 0;
}
.Tier {
    width: 30%;
}
.Demi {
    width: 45%;
    margin: 0 10px;
}
.border {
    border: 1px solid #e6e4da;
}
.left {
    text-align: left;
}
.border-bottom {
    border-bottom: 1px solid #e6e4da;
}
.border-top {
    border-top: 1px solid #e6e4da;
}
.border-radius-5-px {
    border-radius: 5px;
}
.border-radius-10-px {
    border-radius: 10px;
}
.border-radius-12-px {
    border-radius: 12px;
}
.border-radius-15-px {
    border-radius: 15px;
}
.border-radius-50-p {
    border-radius: 50%;
}
.border-right {
    border-right: 1px solid #e6e4da;
}
.border-left {
    border-left: 1px solid #e6e4da;
}
.paragraph-title {
    font-family: "Montserrat";
    font-size: 18px;
}
.LogoChannel {
    max-height: 95%;
}
.btnNoShow {
    background-color: #ffb400;
    margin-top: 20px;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}
.ImgFleche {
    position: absolute;
    right: 244px;
    top: 82px;
}
.lbHead {
    margin: 0 5px;
}
.PanelButtonsAction {
    color: #00263b;
}
    .PanelButtonsAction a:not(.btn) {
        font-size: 14px;
        font-family: "Montserrat";
        font-weight: 300;
    }
.divSoldBy {
    font-family: "Montserrat";
    border-left: 1px solid #ced4db;
}
.LabelCom {
    line-height: 2;
}
.divInfo .d-table {
    border: none !important;
}
#divDetails .remove-reservation-item-panel {
    display: none;
}
.remove-reservation-item-panel {
    width: 30px;
    text-align: right;
    vertical-align: middle;
    font-size: 20px;
}
/*-- Modale de confirmation de formule d'activité --*/
form.confirmation-formule div.div-header {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 150px;
}
form.confirmation-formule div.div-header > div {
    padding: 40px 0 0;
    width: 100%;
    height: 100%;
    background-color: rgba(52,73,94, .9);
    color: #fff;
    text-align: center;
}
    form.confirmation-formule div.div-header > div > p {
        font-size: 14px;
        width: 60%;
        margin: 0 auto 5px;
        font-family: "Montserrat";
        font-weight: 300;
    }
form.confirmation-formule div.div-header > div > p:not(:first-child) {
    font-size: 22px;
    font-weight: normal;
}
form.confirmation-formule div.div-recap {
    background-color: #f1f5f8;
    padding: 25px 0;
    font-family: "Montserrat";
    font-weight: 300;
}

form.confirmation-formule div.div-recap > div.d-inline-block {
    width: 49.5%;
    text-align: center;
    margin: 0 auto;
}
form.confirmation-formule div.div-recap.with-pax > div.d-inline-block {
    width: 24.5%;
}

form.confirmation-formule div.div-recap > div.d-inline-block {
    border-right: 1px solid #ebecf2;
    position: relative;
}

form.confirmation-formule div.div-recap > div.d-inline-block:last-child {
    border-right: none;
}
form.confirmation-formule div.div-recap > div.d-inline-block > a {
    position: absolute;
    bottom: -10px;
    left: 50%;
    font-size: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
    form.confirmation-formule div.div-recap > div.d-inline-block > p {
        font-size: 20px;
        color: #00263b;
        text-align: center;
    }
form.confirmation-formule div.div-recap > div.d-inline-block > p:first-child {
    font-size: 13px;
}
form.confirmation-formule div.div-form {
    padding: 25px 0;
    background-color: #fff;
    font-family: "Montserrat";
    font-weight: 300;
    color: #00263b;
}
form.confirmation-formule div.div-form > p {
    font-size: 16px;
    font-weight: normal;
    width: 65%;
    margin: 0 auto 20px;
}
form.confirmation-formule div.div-form > .select-confirm {
    width: 65%;
    margin: auto;
    text-align: left;
}
form.confirmation-formule div.div-form > div > textarea {
    display: block;
    width: 65%;
    height: 120px;
    margin: 15px auto;
    padding: 12px 15px;
    resize: none;
    border: 1px solid #d0d0d0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
}
form.confirmation-formule div.div-form > div > a.link-confirm-cancel-doc {
    margin-bottom: 20px;
    display: inline-block;
    font-weight: normal;
}
form.confirmation-formule div.div-form > div > a.btn-cancel,
form.confirmation-formule div.div-form > div > a.btn-confirm {
    width: 65%;
    margin: 0 auto;
}
form.confirmation-formule div.div-confirm-message {
    background-color: #fff;
    text-align: center;
    color: #00263b;
    padding: 40px 0 50px;
}
form.confirmation-formule div.div-confirm-message > p > i {
    font-size: 40px;
}
form.confirmation-formule div.div-confirm-message > p.text-message {
    font-size: 18px;
    font-weight: normal;
    width: 50%;
    margin: 15px auto 20px;
}
form.confirmation-formule div.div-confirm-message > div.div-recap-message {
    background-color: #e6f7f1;
    width: 70%;
    margin: auto;
    padding: 30px 0;
}
    form.confirmation-formule div.div-confirm-message > div.div-recap-message > p {
        font-size: 14px;
        margin-bottom: 5px;
        font-family: "Montserrat";
        font-weight: 300;
    }
form.confirmation-formule div.div-confirm-message > div.div-recap-message > p:not(:first-child) {
    font-size: 22px;
    font-weight: normal;
}
/*-- Modale de changement d'adresse --*/
.modalChangeAdd {
    display: none;
    position: fixed;
    z-index: 12040;
    margin: auto;
    width: 650px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*-- Surcharge Autocomplete Google --*/
.pac-container {
    z-index: 12060;
}
/*-- Page Etablissement Description --*/
#EstablishmentDescriptionW .d-table.table-indicative-price {
    border-spacing: 0 2px;
}
#EstablishmentDescriptionW #divLocalisation .div-owner-oi {
    width: 50%;
    padding-left: 15px;
    padding-top: 35px;
    border-left: 2px solid #ddd;
}
#EstablishmentDescriptionW #divLocalisation .div-owner-oi .d-table {
    table-layout: fixed;
    line-height: 0;
}
#EstablishmentDescriptionW .div-page-title-img > div div {
    position: relative;
    max-width: 775px;
    vertical-align: top;
}
#EstablishmentDescriptionW .div-page-title-img > div div:not(:first-child) {
    top: 40px;
}
.geo-show-address {
    cursor: pointer;
}
.geo-city {
    margin-left: 12.5px;
}
/*-------------------- Website Generator --------------------*/
div.white-square-website {
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #ebecf2;
}
div.white-square-website.border-top {
    border-top: 1px solid #ebecf2;
}
div.white-square-website div > img.img-top {
    margin-top: -80px;
    max-height: 145px;
    max-width: 270px;
    margin-bottom: 30px;
}
.title-page-website {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 24px;
    color: #00263b;
    margin-bottom: 20px;
    vertical-align: initial;
}
.domain-name-info {
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 16px;
}
.conf-logo-text-preview-w {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    width: 150px;
}
.conf-logo-text-preview-w span {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    text-transform: uppercase;
}
.conf-favicon-preview {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
}
#WebSiteLink {
    margin-left: 20px;
}
/* Website-content */
div.panel-news > .white-square-website div > a.btn-primary {
    top: 30px;
    right: 15px;
}
div.panel-news .uc-articles,
div.panel-pages .uc-articles {
    margin-right: 0;
    margin-left: 0;
}
div.panel-pages .photo-manager-w .d-table.page-header-wrap {
    width: auto;
}
div.panel-news .table-news {
    margin-bottom: 0;
}
div.panel-news .table-data.table-news thead th,
div.panel-partners .table-data.table-news thead th {
    background-color: transparent;
    border-top: 0 !important;
}
.content-thumbnail {
    max-width: 70px;
    max-height: 45px;
}
div.panel-news .img-news {
    max-width: 100%;
}
div.div-title-website {
    color: #00263b;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 16px;
    padding: 10px 15px;
}
div.panel-partners #divImgsInfos > img.arrow,
div.panel-pages #divImgsInfosPages > img.arrow {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
div.panel-partners > ul,
div.panel-pages > ul {
    list-style: none;
}
    div.panel-partners > ul > li,
    div.panel-pages > ul > li {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 13px;
    }
div.panel-partners > ul > li > div > div,
div.panel-pages > ul > li > div > div {
    padding: 12px 0;
}
div.panel-partners > ul > li:not(:first-of-type) > div > div:first-of-type,
div.panel-pages > ul > li:not(:first-of-type) > div > div:first-of-type {
    padding-left: 10px;
    font-size: 15px;
    font-weight: normal;
}
div.panel-partners > ul > li > div > div:last-of-type,
div.panel-pages > ul > li > div > div:last-of-type,
div.panel-news > table > tbody > tr > td:last-of-type {
    padding-right: 10px;
}
div.panel-partners > ul > li:first-of-type,
div.panel-pages > ul > li:first-of-type {
    font-size: 12px;
    font-weight: normal;
}
div.panel-partners > ul > li:first-of-type > div > div,
div.panel-pages > ul > li:first-of-type > div > div {
    padding: 15px 0;
}
div#divPartners .panel-body > .d-table,
div#divPages .panel-body > .d-table {
    border-spacing: 0;
}
#divImgsInfos,
#divImgsInfosPages {
    padding-left: 50px;
}
#divNews .div-information,
#divPages .div-information,
#divLanguages .div-information,
#divPartners .div-information {
    padding-top: 50px;
}
.website-langs-select {
    position: relative;
}
.website-langs-select > a {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
}
.website-langs-select > ul.dropdown-menu {
    padding: 5px;
}
/* Encart pub abonnement */
.div-encart-abo {
    width: 720px;
    height: 270px;
    margin: 30px auto;
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px #ccc;
    background-color: #fff;
    padding: 25px 0;
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
}
.div-encart-abo > .encart-title {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 25px;
}
.div-encart-abo .p-from {
    font-weight: normal;
    margin-bottom: 0;
}
.div-encart-abo .span-amount-abo {
    font-weight: normal;
    font-size: 28px;
}
/* Item summary */
.item-summary-container {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    height: 190px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px #ccc;
    color: #00263b;
    padding: 30px 5px;
    font-family: "Montserrat";
    font-weight: 300;
    margin: 8px;
    cursor: pointer;
}
.item-summary-container > i {
    display: inline-block;
    vertical-align: bottom;
    font-size: 40px;
}
.item-summary-container > span,
.filter-advices > .d-table-cell > span {
    position: absolute;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    background: #e84c3d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 3px;
    margin-left: 5px;
}
    .item-summary-container > span.analytics-title,
    .item-summary-container > span.analytics-value {
        font-family: "Montserrat";
        font-weight: 300;
        position: static;
        background: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        color: #00263b;
    }
.item-summary-container > span.analytics-title {
    font-size: 18px;
}
.item-summary-container > span.analytics-value {
    font-size: 40px;
    font-weight:normal;
}
.filter-advices > .d-table-cell > span {
    position: static;
    display: inline-block;
    margin-left: 5px;
}
.item-summary-container > p {
    font-size: 16px;
    line-height:20px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom:0;
}
/*-- website-templates.aspx --*/
#ButtonMycolorAndFont .la-check:before {
    content: "\f00c";
    top: -2px !important;
    position: relative;
}
.website-templates-w {
    margin: 0 auto;
    max-width: 1200px;
    padding: 10px;
    text-align: center;
}
.website-templates-w .template-item {
    /* ReSharper disable RequiresFallbackColor */
    -webkit-box-shadow: 0 1px 1px 0 rgba(52, 73, 94, .3);
    -moz-box-shadow: 0 1px 1px 0 rgba(52, 73, 94, .3);
    box-shadow: 0 1px 1px 0 rgba(52, 73, 94, .3);
    /* ReSharper enable RequiresFallbackColor */
    display: inline-block;
    margin: 10px;
    overflow: hidden;
    position: relative;
}
.website-templates-w .template-item-overlay,
.website-templates-w .template-item img {
    height: 252px;
    width: 272px;
}
.website-templates-w .template-item-overlay {
    background: #34495e;
    background: rgba(52, 73, 94, .7);
    color: #fff;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}
.website-templates-w .template-item:hover .template-item-overlay,
.website-templates-w .template-item.online-template .template-item-overlay {
    display: block;
}
.website-templates-w .template-item.online-template .template-item-overlay {
    color: rgba(255,165,0,1);
}
.website-templates-w .template-name {
    padding: 15px 15px 83px;
}
.website-templates-w .text-current-template {
    border: 2px solid rgba(255,165,0,1);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 10px;
}
/*-- website-preview.aspx --*/
.page-website-preview-w .modal-backdrop {
    background-color: #34495e;
}
.page-website-preview-w .modal-backdrop.in {
    opacity: 1;
}
.website-preview-edit-features-w {
    background: #fff;
    height: 100%;
    width: 480px;
}
.bar-option-scroll-w-template {
    display: flex;
    justify-content: center;
    width: 99%;
    margin: auto;
    align-items: center;
}
.colors-combinaisons-for-template {
    display: flex;
    align-items: center;
    margin: 0 15px;
    background-color: #ffffff;
    padding-left: 5px;
    height: 42px;
}
.colors-combinaisons-for-template .icon-or-circle-container {
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 5px;
}
.colors-combinaisons-for-template .icon-or-circle-container i {
    color: #00a46d;
}
.colors-combinaisons-for-template .icon-or-circle-container .template-not-the-one-in-preview {
    width: 13px;
    height: 13px;
    border: 2px solid #A0B3CB;
    border-radius: 15px;
}
.colors-combinaisons-for-template .each-color-for-template {
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0 5px;
    border: 1px solid #E0E0E0;
}
.bar-option-scroll-w .be-tb-color {
    width: 70px !important;
    height: 30px !important;
}
.bar-option-scroll-w .toggle-switch-label {
    padding: 0;
}
.toggle-switch-label.t-align-left.w-100-p.f-size-12 {
    white-space: nowrap;
}
.bar-option-scroll-w .be-item-color {
    padding: 10px 0 10px 0;
}
#imageDropdownText {
    border: 1px solid black;
    width: 190px;
    height: 30px;
    overflow: hidden;
    margin: 0px 15px 0 0;
}
.font-container {
    padding: 8px 0 10px 0;
}

#imageDropdownText input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

    #imageDropdownText label {
        display: block;
        height: 30px;
        margin: 0;
    }

    #imageDropdownText:hover label {
        display: block;
    }

    #imageDropdownText input:checked + label {
        display: block;
    }

#imageDropdownTitle {
    border: 1px solid black;
    width: 190px;
    height: 30px;
    overflow: hidden;
    margin: 0px 0px 0 0;
}

    #imageDropdownTitle input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    #imageDropdownTitle label {
        display: block;
        height: 30px;
        margin: 0;
    }

    #imageDropdownTitle:hover label {
        display: block;
    }

    #imageDropdownTitle input:checked + label {
        display: block;
    }
/* -----------------font TEXT-----------------*/
label[for=Allison] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Baloo] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Courgette] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=DMSerifDisplay] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Dosis] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Forum] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=HammersmithOne] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Hind] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Jost] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Lato] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Merriweather] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Montserrat] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=OpenSans] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Oswald] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=PermanentMarker] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Philosopher] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=PlayfairDisplay] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Poppins] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=PTSans] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=RacingSansOne] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Raleway] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=RobotoCondensed] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Roboto] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=RobotoSlab] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Sarabun] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Satisfy] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Syncopate] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Teko] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Ubuntu] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=WorkSans] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Mainlux] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Parisine] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=BauerBodoni] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=BebasNeue] {
    background-image: url("");
    background-repeat: no-repeat;
}

/*------------------------TITLE--------------------------------*/
label[for=Allison2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Baloo2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Courgette2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=DMSerifDisplay2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Dosis2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Forum2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=HammersmithOne2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Hind2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Jost2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Lato2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Merriweather2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Montserrat2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=OpenSans2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Oswald2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=PermanentMarker2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Philosopher2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=PlayfairDisplay2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Poppins2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=PTSans2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=RacingSansOne2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Raleway2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=RobotoCondensed2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Roboto2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=RobotoSlab2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Sarabun2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Satisfy2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Syncopate2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Teko2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=Ubuntu2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=WorkSans2] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Mainlux2] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=Parisine2] {
    background-image: url("");
    background-repeat: no-repeat;
}
label[for=BauerBodoni2] {
    background-image: url("");
    background-repeat: no-repeat;
}

label[for=BebasNeue2] {
    background-image: url("");
    background-repeat: no-repeat;
}

.template-preview-container {
    width: 184px;
    height: 125px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    margin: 0 10px;
    position: relative;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    display:block;
}
.template-preview-container-bottom {
    position: absolute;
    border-radius: 0 0 15px 15px;
    bottom: 0;
    background-color: #ffffff;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    font-size: 13px;
}
    .template-preview-container-bottom span:nth-child(1) {
        color: #00263b;
        font-family: "Montserrat";
        font-weight: normal;
    }
.template-preview-container-bottom i {
    color: #00a46d;
    font-size: 12px;
}
.template-preview-container-bottom i span {
    color: #00a46d !important;
    font-size: 13px;
}
.template-preview-container-bottom i:before {
    padding-right: 5px;
}
.bar-option-w .ps-scrollbar-x-rail {
    top: 5px !important;
}
.website-custom-item {
    border-bottom: 1px solid #e2e5e8;
    padding: 20px;
}
.website-custom-item a:not(.btn),
.website-custom-item a:not(.btn):focus {
    color: rgba(242,41,24,1);
    font-size: 14px;
    text-transform: uppercase;
}
.website-custom-item button,
.website-custom-item button:focus {
    background: none;
    border: 0;
    color: rgba(77,124,254,1);
    font-size: 14px;
    outline: 0;
    padding: 0;
}
.website-custom-item button:hover {
    color: rgba(242,41,24,1);
}
.last-custom-item {
    border: 0;
}
.website-custom-preview-img {
    display: block;
    margin: 0 auto 20px;
    width: 300px;
}
.website-preview-template-name {
    width: 350px;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    border-right: 1px solid #ebecf2;
    font-size: 24px;
    font-weight:400;
}
.templates-models-list-toggle {
    background-color: #386FE6;
    color: #ffffff;
    padding: 0 15px;
    display: initial;
    cursor: pointer;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
}
.website-preview-template-name i {
    font-size: 18px;
}
.website-preview-template-name i:before {
    padding-right: 10px;
}
.website-preview-template-name i span {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    vertical-align: top;
}
.website-preview-devices-w {
    display: flex;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 2px;
    box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
}
.website-preview-device-btn {
    background: transparent;
    color: #386FE6;
    cursor: pointer;
    display: block;
    height: 36px;
    padding: 0px;
    text-align: center;
    width: 36px;
}
.website-preview-device-btn:hover,
.website-preview-device-btn.active-device {
    background: #00263b;
    color: #ffffff;
    border-radius:100%;
}
.website-preview-device-btn.active-device {
    cursor: default;
}
.website-preview-device-btn i {
    font-size: 18px;
    line-height:36px;
}
.navigator-header-w {
    text-align: left;
}
.navigator-header-w .navigator-tabs-w {
    border-radius: 4px 4px 0 0;
    background: #f1f5f8;
}
.navigator-header-w.dark-navigator .navigator-tabs-w {
    background: #34495e;
}
.navigator-header-w .navigator-tabs-w:before {
    display: inline-block;
    height: 40px;
    content: '';
    vertical-align: middle;
    width: 0;
}
.navigator-header-w .navigator-dot {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-left: 8px;
    vertical-align: middle;
    width: 10px;
}
.navigator-header-w .navigator-dot:first-child {
    background: #d83f3f;
}
.navigator-header-w .navigator-dot:nth-child(2) {
    background: #e8c314;
}
.navigator-header-w .navigator-dot:nth-child(3) {
    background: #00a46d;
}
    .navigator-header-w .navigator-tab {
        background: #dfe4ea;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        color: #00263b;
        display: inline-block;
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 12px;
        margin-left: 15px;
        padding: 5px 15px;
        vertical-align: bottom;
    }
.navigator-header-w.dark-navigator .navigator-body,
.navigator-header-w.dark-navigator .navigator-tab {
    background: #6a7987 no-repeat;
}
.navigator-header-w.dark-navigator .navigator-tab {
    color: #fff;
}
.navigator-header-w .navigator-address-w {
    background: #dfe4ea;
    padding: 8px 10px;
}
    .navigator-header-w .navigator-address {
        background: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #00263b;
        font-family: "Montserrat";
        font-weight: 300;
        padding: 10px 15px;
    }
.navigator-header-w .navigator-body {
    padding: 20px 20px 40px;
}
.partial-navigator {
    width: 260px;
}
.partial-navigator .navigator-tabs-w {
    border-radius: 4px 0 0 0;
}
.website-preview-w {
    height: 100%;
    margin-bottom: -81px;
    padding-bottom: 81px;
}
.website-preview-w iframe {
    background: #f6f8fc;
    border: 0;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    display: block;
    height: 100%;
    width: 100%;
}
.website-preview-w [data-preview="device-body-wrap"] > div {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto;
    padding: 20px 20px;
}
/* Smartphone */
.website-preview-w [data-current-device="smartphone"] {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.website-preview-w [data-current-device="smartphone"] .navigator-header-w {
    display: none;
}
.website-preview-w [data-current-device="smartphone"] > div {
    background: #fff;
    border: 2px solid #9aa4af;
    border-radius: 30px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .5);
    height: 604px;
    padding: 60px 10px;
    width: 363px;
}
.website-preview-w [data-current-device="smartphone"] iframe {
    border: 1px solid #9aa4af;
    height: 480px;
}
/* Tablet */
.website-preview-w [data-current-device^="tablet"] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.website-preview-w [data-current-device^="tablet"] .navigator-header-w {
    display: none;
}
.website-preview-w [data-current-device^="tablet"] > div {
    background: #fff;
    border: 2px solid #9aa4af;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .5);
    height: 1088px;
    padding: 30px 10px;
    width: 794px;
}
.website-preview-w [data-current-device^="tablet"] iframe {
    border: 1px solid #9aa4af;
    height: 1024px;
}
.website-preview-w [data-current-device="tablet-h"] {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.website-preview-w [data-current-device="tablet-h"] > div {
    height: 792px;
    padding: 10px 30px;
    width: 1090px;
}
.website-preview-w [data-current-device="tablet-h"] iframe {
    height: 768px;
}
.top-bar-website-preview {
    box-shadow: 2px 2px 8px 0 #AAA;
    z-index: 100;
    background-color: #ffffff;
}
.top-bar-website-preview div:nth-child(1) {
    display: flex;
}
#ColorsListToggle {
    min-width: 222px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}
    #ColorsListToggle.minStepsNotCompleted {
        opacity:0.2;
        pointer-events: none;
    }
.top-bar-website-preview .toggle-switch-w {
    display: flex;
    align-items: center;
}
.top-bar-website-preview .option-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
}
.website-preview-bg {
    background-color: #34495e;
    background-size: cover;
}
#ColorsListToggle.is-open,
#TemplatesModelsListToggle.is-open {
    background-color: rgba(242,41,24,1);
}
.website-preview-bottom-bar {
    background-color: #fff;
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .45);
    box-shadow: 0 0 13px rgba(0, 0, 0, .45);
    color: #000;
    position: fixed;
    text-align: center;
    width: 100%;
}
.bar-content,
.bar-side-content,
.bar-content-spacer {
    height: 80px;
}
.bar-content-spacer,
.bar-content .option-toggle,
.bar-content .option-separator,
.bar-side-content > * {
    display: inline-block;
    vertical-align: middle;
}
.bar-content {
    height: 80px;
    padding-left: 25px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bar-content .elloha-logo {
    margin-right: 25px;
    width: 30px;
}
    .bar-content .option-toggle {
        color: #ffffff;
        font-family: "Montserrat";
        font-weight: normal;
        background-color: #386FE6;
        padding: 10px 15px;
    }
.bar-content .option-separator {
    border-right: 2px solid #ebecf2;
    height: 25px;
    margin: 0 25px;
}
.bar-content-spacer {
    font-size: 0;
    width: 0;
}
[data-bar-option] {
    background: #F1F5F8;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    height: 160px;
    margin: auto;
    box-shadow: 2px 2px 8px 0 #AAA;
}
.bar-option-scroll-w {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 2px 2px 8px 0 #AAA;
    align-items: center;
}
.bar-option-w-colors.bar-colors-w {
    height: auto;
    padding: 0;
}
[data-bar-option-toggle] {
    cursor: pointer;
}
.website-preview-right-buttons {
    display: flex;
    align-items: center;
}
.website-preview-button-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-left: 1px solid #ebecf2;
}
.website-preview-quit-container {
    width: 80px;
}
.website-preview-quit,
.website-preview-quit:focus,
.website-preview-quit:hover,
.website-preview-quit:link,
.website-preview-quit:visited {
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    color: rgba(242,41,24,1);
}
.website-preview-quit i {
    font-size: 20px;
}
/*-- CheckMinContents.ascx --*/
#MinContentsModal .control-label {
    font-weight: normal;
}
#MinContentsModal .modal-dialog {
    width: 950px;
}
#MinContentsModal .modal-content {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 40px;
}
#MinContentsModal .modal-header {
    background: transparent;
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 22px;
    padding: 0 0 40px 0;
    position: relative;
    text-align: center;
}
#MinContentsModal .modal-header .modal-close {
    color: #adb3b9;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 5px;
}
#MinContentsModal .modal-body,
#MinContentsModal .modal-footer {
    padding: 40px 0;
    position: relative;
}
#MinContentsModal .modal-body {
    overflow: hidden;
    z-index: 10;
}
#MinContentsModal .modal-footer {
    margin: 0;
    padding-bottom: 0;
    text-align: center;
    z-index: 20;
}
#MinContentsModal .modal-footer > * {
    display: inline-block;
    vertical-align: middle;
}
.min-contents-message-w {
    padding: 130px 200px;
    text-align: center;
}
.min-contents-message-w img {
    display: inline-block;
    margin-bottom: 30px;
    width: 72px;
}
.min-contents-title,
.min-contents-title + p {
    margin-bottom: 20px;
    color: #00263b;
}
.min-contents-title {
    font-size: 24px;
    font-weight: normal;
}
.min-contents-title + p {
    font-size: 16px;
}
#MinContentsModal .min-contents-mockup-bottom {
    padding-bottom: 0;
}
#MinContentsModal .min-contents-mockup-bottom .navigator-header-w {
    margin: 0 auto;
    width: 580px;
}
#MinContentsModal .min-contents-navigator-custom-title {
    background-image: url("");
    background-position: right 5px;
    height: 100px;
}
#MinContentsModal .min-contents-navigator-logo {
    background-image: url("");
    background-position: right 20px;
    padding-bottom: 60px;
}
#MinContentsModal .navigator-logo-place-holder {
    max-height: 44px;
    max-width: 150px;
}
#MinContentsModal .min-contents-navigator-calendar,
#MinContentsModal .min-contents-navigator-be {
    height: 300px;
}
#MinContentsModal .min-contents-navigator-calendar {
    background-image: url("");
    background-position: 20px 20px;
}
#MinContentsModal .min-contents-navigator-be {
    background-image: url("");
    background-position: right 20px;
}
#MinContentsModal .min-contents-navigator-be.no-be {
    background-image: url("");
}
#MinContentsModal .min-contents-navigator-dispo-w {
    background: #fff;
    margin: 75px 0 0;
    padding: 30px 0;
}
#MinContentsModal .min-contents-navigator-dispo {
    text-align: center;
}
.min-contents-mokup-w {
    text-align: right;
}
.min-contents-mokup-w img {
    width: 260px;
}
.min-contents-mokup-shadow {
    -webkit-box-shadow: 0 18px 40px 0 rgba(52, 73, 94, .3);
    box-shadow: 0 18px 40px 0 rgba(52, 73, 94, .3);
}
.min-contents-mokup-side-content {
    padding-top: 20px;
    padding-bottom: 40px;
}
.min-contents-custom-title-form {
    margin: 20px auto;
    width: 500px;
}
.min-contents-avatar-placeholder-w {
    position: relative;
    z-index: 1;
}
.min-contents-avatar-placeholder,
.min-contents-mokup-w img.min-contents-avatar-placeholder {
    border-radius: 50%;
    position: absolute;
    left: 115px;
    top: 138px;
    width: 30px;
    z-index: 10;
}
.navigator-header-w .navigator-body.min-contents-navigator-photo {
    background-size: cover;
    height: 280px;
    padding: 0;
}
.min-contents-navigator-photo-menu {
    background: linear-gradient(to bottom, rgba(52, 73, 94, .8), transparent);
    padding: 15px 20px;
}
.min-contents-photo-commands-w {
    background: #fff;
    padding: 20px 0;
    text-align: center;
}
.min-contents-progression {
    margin-right: 40px;
}
.min-contents-progression-value,
.min-contents-progression-text {
    color: #00263b;
    display: inline-block;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
}
.min-contents-progression-value {
    font-size: 30px;
    text-align: right;
}
.min-contents-progression-text {
    color: #b2b8be;
    line-height: 16px;
    margin-left: 5px;
    text-align: left;
}
/*-- CheckOIDatas.ascx --*/
.website-check-data-w {
    padding: 15px;
    padding-top: 25px;
    width: 80%;
    margin: auto;
}
.website-check-data-title {
    border-bottom: 1px solid #d6deeb;
    font-size: 16px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.website-check-data-title > div {
    background: rgba(242,41,24,1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: -5px;
}
.website-check-data-w .website-check-error {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e3e9f1;
    padding: 20px 0;
}
.website-check-data-w .website-check-error:last-child {
    border: 0;
    padding-bottom: 5px;
}
.website-check-data-w .website-check-error > a {
    border: 0;
}
div.round-white {
    position: relative;
    border-radius: 50%;
    background: #fff;
    padding: 5px;
}
div.round-white > i.la-exclamation-circle {
    position: absolute;
    top: -5px;
    left: -5px;
    color: rgba(255,165,0,1);
}
.website-check-data-w .website-check-error > div.round-white > i:not(.la-exclamation-circle) {
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    margin-right: 10px;
    color: #00263b;
    opacity: .75;
    width: 5%;
}
.website-check-data-w .website-check-error p {
    display: table-cell;
    vertical-align: middle;
    color: #00263b;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0 5px;
    opacity: .75;
    width: 75%;
}
/*-- Templates.ascx --*/
.item-template-container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 10px;
    border-radius: 15px;
    width: 370px;
    height: 300px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    overflow: hidden;
}
.item-template-container .item-template-bottom {
    border-radius: 0 0 15px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}
    .item-template-container .item-template-bottom .template-name {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 16px;
    }
    .item-template-container .item-template-bottom .template-colors-combinaisons {
        font-family: "Montserrat";
        font-weight: 300;
        color: #868BA0;
        font-size: 14px;
    }
.item-template-container .item-template-bottom a {
    padding: 0;
}
.item-template-container .item-template-bottom a i span {
    font-family: "Montserrat";
    font-size:14px;
}
.item-template-container .item-template-bottom div:nth-child(1):hover {
    cursor: default;
}
/*-- Web Site Customize --*/
.website-customization-w .selectize-input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.website-customization-w .preview {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.website-customization-w input[type="file"] {
    width: 100%;
}
.website-customization-w .divPictures {
    border-spacing: 15px 0 !important;
    margin: auto;
}
.website-customization-w .divPictures .d-table-cell {
    border: 1px solid #e8e4d7;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.website-customization-w .divPictures .d-table-cell .imageDetails {
    position: relative;
    padding: 0 10px;
    height: 200px;
}
.website-customization-w .divPictures .d-table-cell .divPreview {
    height: 160px;
    width: 100%;
    background-color: #f2f2f2;
    color: #818080;
    font-weight: normal;
    line-height: 160px;
    font-size: 16px;
}
.website-customization-w .divPictures .d-table-cell .divPreview img {
    max-width: 100% !important;
    max-height: 100% !important;
}
.website-customization-w .divPictures .d-table-cell .divLoadImage {
    position: absolute;
    bottom: 0;
}
.modalLoadImage {
    display: none;
    position: absolute;
    z-index: 12040;
    margin: auto;
    width: 650px;
    top: 40%;
    left: 50%;
}
.website-customization-w .divPictures .modalLoadImage {
    -moz-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    -o-transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
}
.PanelDomaine .d-table {
    table-layout: auto;
}
.lbDomainInfo {
    text-decoration: underline;
}
/*-- Website résa --*/
.website-booking-panel-w {
    margin: 20px;
}
.website-booking-panel-w .module-bloc {
    width: 360px;
    margin: 0px 20px 20px 0px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden;
}
.website-booking-panel-w .module-bloc .page-sub-title {
    text-align: center;
}
    .website-booking-panel-w .module-bloc .toggle-switch-w {
        padding-top:20px;
    }
.website-booking-panel-w .panel-body-overlay {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 73, 94, 0.9);
    z-index: 10;
    color: #FFF;
}
.website-booking-panel-w .panel-body-overlay .page-sub-title {
    color: #FFF;
}
.website-booking-mockup {
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}
.website-booking-mockup.has-hidden-input-text {
    margin-bottom: 20px;
}
/*-- Web Site Nom de domaine --*/
.domain-name-panel-w {
    margin: 0 auto;
    width: 740px;
}
.domain-name-panel-w label {
    font-weight: normal;
}
.domain-name-panel-w p {
    margin-top: 10px;
}
.domain-name-panel-w .panel-body {
    padding: 40px 100px 0;
    text-align: center;
}
.domain-name-panel-w .form-control {
    width: 250px;
}
.own-domain-name-switch-w label {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: normal;
    color: rgba(77,124,254,1);
    cursor: pointer;
}
.domain-name-error,
.own-domain-name-switch-w .own-domain-name-cancel {
    color: rgba(242,41,24,1);
}
[id*=cbOwnDomainNameSwitch],
[id*=cbOwnDomainNameSwitch]:not(:checked) ~ * [data-own-domain="true"],
[id*=cbOwnDomainNameSwitch]:checked ~ * [data-own-domain="false"] {
    display: none;
}
[id*=cbOwnDomainNameSwitch]:checked ~ * .panel-body {
    padding-bottom: 40px;
}
/*-- Web Site Stats --*/
.divStatGoogle {
    padding: 15px;
}
.divStatGoogle .PanelAudience {
    border-top: 1px solid;
}
.divStatistics {
    padding: 15px;
    background-color: #f2f2f2;
}
.website-maker.sign-up-tabs-overlay {
    width: 77%;
}
.website-customization-w .page-sub-title,
.divStatGoogle .page-sub-title,
.global-container-warning .page-sub-title,
.divDomainName .page-sub-title {
    text-transform: none;
}
.website-customization-w .d-table .d-table-cell .alt,
.divStatGoogle .d-table .d-table-cell .alt {
    color: #a9a9a9;
    font-size: 11px;
    text-align: right;
}
/*-- Page Create Oi --*/
.createOi, .div-warning-message {
    max-width: 850px;
}
.div-warning-message .warning-message, .div-opinion-or-fiche .warning-message {
    padding: 10px;
    background-color: #ebd8d7;
    border: 2px solid #e6cfd3;
    color: #772F2E;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/*-- Listes de fiches --*/
.item-list-dl .photo-inner-wrap {
    background-color: #fff;
    width: 100%;
    min-height: 85px;
    max-height: 100%;
}
.item-list-dl .photo-inner-wrap .item-list-dl-img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
}
.item-list-dl.d-table {
    table-layout: fixed;
    padding-left: 10px;
}
.item-list-dl.d-table .d-table-cell {
    padding: 5px;
}
.item-list-dl span {
    display: block;
    margin-bottom: 10px;
}
.item-list-dl .div-image {
    width: 120px;
    padding-left: 0 !important;
}
.item-list-dl .div-flag {
    width: 50px;
    padding-right: 0 !important;
}
.item-list-dl .div-flag a {
    display: block;
    background-color: #999;
    height: 96px;
    padding: 36px 0;
}
.item-list-dl .div-flag a.flagged {
    background-color: #cf2a27;
}
.item-list-dl .div-flag i {
    color: #fff;
    font-size: 24px;
}
.item-list-dl.item-inactive {
    background-color: #ddd;
}
/*-- UCControl NearBy --*/

#UPNearBy .list-oi-item {
    max-width: 100%;
}
.div-near-by .table-head {
    table-layout: fixed;
    padding-bottom: 20px;
}
.div-near-by .table-head .d-table-cell.cell-search {
    width: 65%;
}
.div-near-by .table-head .d-table-cell .btn-group .btn + .btn {
    border-left: 0;
}
.cell-echelle {
    min-width: 200px;
    max-width: 475px;
    text-align: center;
    padding-top: 10px;
}
.div-near-by .table-head .d-table-cell .div-near-by .table-head .d-table-cell .btn-group-suggest .btn-default:hover {
    background-color: rgba(71,114,234,.1);
    color: #fff;
}
.div-near-by .table-head .d-table-cell .input-group > input {
    border-right: 0;
}
.div-near-by .table-head .d-table-cell .input-group > span {
    background-color: #fff;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.div-near-by .table-head .d-table-cell .input-group > span > a {
    color: #a4a9ad;
}
.div-near-by .table-head .d-table-cell .i-search-item {
    position: absolute;
    top: 20px;
    left: 10px;
}
.div-near-by .modalCreateOi {
    display: none;
    position: fixed;
    z-index: 12040;
    margin: auto;
    width: 98%;
    max-width: 810px;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.div-near-by .modalCreateOi .lkbTitle {
    margin-top: 2px;
}
.la-around:before {
    content: url("");
}
.mini-menu .main-menu-item.active i.la-around {
    padding-top: 13px;
}
.div-near-by .slider-nbr-result {
    background: #fff;
    border: 1px solid #ebecf2;
    padding: 15px;
}
.div-near-by .slider-nbr-result .slider-nbr-result-title .glyph{
    font-size:30px;
    float:left;
    margin-right:20px;
}
.div-near-by .slider-nbr-result .slider-nbr-result-title .text{
    vertical-align:top;
    font-size:16px;
    line-height:18px;
}
.ui-slider-labels {
    top: -3px !important;
    left: 15px !important;
}
.ui-slider-labels div > p {
    margin-left: -15px;
}
.ui-slider-labels div > span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #a0b3cb;
    height: 12px;
    width: 12px;
    margin-bottom: 10px;
    z-index:2;
    background-color:#fff!important;
    -webkit-box-shadow: 0 1px 3px rgba(52,73,94,.3);
    -moz-box-shadow: 0 1px 3px rgba(52,73,94,.3);
    box-shadow: 0 1px 3px rgba(52,73,94,.3);
}
.ui-slider-wrapper {
    padding-top: 12px;
}
.div-graduation {
    font-size: 12px !important;
    font-family: "Montserrat";
    font-weight: 300;
    border: none !important;
}
.ui-slider-wrapper.horizontal {
    height: 50px !important;
}
.ui-slider-horizontal {
    height: 3px;
    border-color: #a0b3cb;
    background: #a0b3cb;
    border-left: 0;
}
.ui-slider-range {
    top: -1px !important;
    background: #2875e7;
    height: 3px !important;
}
.ui-slider-handle:before {
    content: " ";
    font-size: 8px;
    position: absolute;
    top: -8px;
    left: -8px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    letter-spacing: -1px;
    -webkit-animation: pulse 1.5s ease-out;
    -moz-animation: pulse 1.5s ease-out;
    animation: pulse 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    border: 10px solid #2875e7;
}
.ui-slider-handle {
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    top: -6px !important;
    background: #2875e7 !important;
    border: none!important;
    width: 14px!important;
    height: 14px!important;
    margin-left: -0.40em!important;
    cursor: pointer!important;
}
.div-near-by .recap-title{
    font-size:16px;
}
@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}
/*-- UCOpinion --*/
.div-opinion .div-item {
    padding: 5px;
    border: 2px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.div-opinion .item-list-dl .div-image .photo-inner-wrap {
    width: 96px;
    height: 96px;
}
.div-opinion .item-list-dl .div-image .item-list-dl-img {
    width: 96px;
    height: 96px !important;
}
/*-- UCHeadRecap --*/
.div-head-recap > a,
.div-head-recap > span {
    display: inline-block;
    position: relative;
    margin: 5px 2px;
    font-family: "Montserrat";
    font-weight: 300;
    color: #485a6c;
}
.div-head-recap > span {
    font-weight: normal;
}
.list-oi-item .div-head-recap > a,
.list-oi-item .div-head-recap > span {
    display: inline-block;
    position: relative;
    margin: 5px 2px;
    font-family: "Montserrat";
    font-weight: normal;
    color: #00263b;
    background-color: #f6f8fc;
    padding: 0 10px;
    text-decoration: none;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
}
.div-head-recap > span i,
.div-head-recap > a i{
    font-size:20px;
    vertical-align:middle;
    text-decoration:none !important;
}
    .div-head-recap > span i.la-ticket-alt,
    .div-head-recap > a i.la-ticket-alt {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
.list-oi-item .div-head-recap > a:hover,
.list-oi-item .div-head-recap > a.active,
.list-oi-item .div-head-recap > span {
    color: #fff;
    background: #00263b;
}
.div-head-recap > a > small {
    font-size: 75%;
}
.div-head-recap > sup > i {
    color: #00a46d;
}
.div-head-recap > a > span,
.div-head-recap > span > span {
    float: right;
    margin-right: 3px;
}
/*-- UC List Oi Item Sell Partner --*/
.list-oi-partner{
    padding:0;
    margin-left:0;
    margin-right:-15px;
    list-style:none;
}
    .list-oi-partner .item.rounded-box {
        position: relative;
        margin-bottom: 20px;
        width: 31.7%;
        display: inline-block;
        vertical-align: top;
        margin-right: 1.5%;
        overflow: hidden;
    }
.list-oi-partner .item:nth-child(3n){
    margin-right:0%;
}
.list-oi-partner .item .photo-wrap{
    position: relative;
    height: 200px;
    overflow: hidden;
    background: #f6f8fc;
}
.list-oi-partner .item .crits-w{
    position: absolute;
    right: 5px;
    top: -3px;
    font-size:17px;
    line-height:40px;
    z-index: 2;
    color: #fff;
    text-align:center;
}
.list-oi-partner .item .crits-w .crit{
    background: #1e2b42;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    width:40px;
    height:45px;
    display:inline-block;
}
.list-oi-partner .item .photo-wrap .title-w{
    position: absolute;
    padding-bottom: 15px;
    width: 100%;
    bottom: 0px;
    text-align:left;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,252,252,0) 1%, rgba(3,3,3,1) 99%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
    .list-oi-partner .item .photo-wrap .title-w .oi-title {
        padding-left: 10px;
        color: #fff;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 18px;
        width: 100%;
        text-shadow: 0 1px 3px #34495e;
        display: inline-block;
        line-height: 20px;
        width: calc(100% - 62px);
    }
.list-oi-partner .item .photo-wrap .title-w .oi-title a,
.list-oi-partner .item .photo-wrap .title-w .oi-title a:visited,
.list-oi-partner .item .photo-wrap .title-w .oi-title a:hover{
    color:#fff;
    text-decoration:none;
}
.list-oi-partner .item .photo-wrap .distance-w{
    display: inline-block;
    width: 58px;
    text-align: center;
}
.list-oi-partner .item .photo-wrap .distance-w .symbol{
    line-height:22px;
}
.list-oi-partner .item .infos{
    min-height: 190px;
    position:relative;
    background:#fff;
    padding:15px;
}
    .list-oi-partner .item .infos .div-info-oi  {
        text-align:left;
    }
.list-oi-partner .item.small-infos .infos{
    min-height: 115px;
}
.list-oi-partner .item .infos .oi-city{
    color:#959698;
    font-size:12px;
}

.btn-aSellPartner,
#InfoButtonSellPartner {
    line-height: 16px !important;
    height: auto !important;
    padding: 8px !important;
    text-align: center !important;
}
.btn-aSellPartner.btn-success,
.btn-aSellPartner.btn-success:hover,
#LinkButtonSellPartner,
#LinkButtonSellPartner:hover {
    line-height: 16px;
    height: auto;
    padding: 8px;
}
/*-- UC List Oi Item --*/
.list-oi-item {
    max-width: 1200px;
}
.list-oi-item .global-item {
    margin: 0 0;
    height: 175px;
    text-align: left;
    position: relative;
    vertical-align: top;
}
.list-oi-item .div-head-recap {
    background: #fff;
    padding: 20px;
    border: 1px solid #ebecf2;
    margin-bottom: 10px;
}
.list-oi-item .global-item:not(:first-of-type) {
    margin-top: 15px;
}
.list-oi-item .global-item .d-table-cell:last-of-type {
    padding: 15px 15px 50px;
    position: relative;
}
.list-oi-item .global-item .d-table-cell:last-of-type > div.div-info-oi img,
.list-oi-item .global-item .d-table-cell:last-of-type > div.div-info-oi i {
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: -4px;
}
.list-oi-item .global-item .d-table-cell:last-of-type > div.div-info-oi img.no-color {
    margin-right: 5px;
}
.list-oi-item .global-item .d-table-cell:last-of-type > div.div-info-oi i {
    margin-top: 0;
}
    .list-oi-item .global-item .d-table-cell:last-of-type > div.div-coord-oi-item > a {
        font-family: "Montserrat";
        font-weight: 300;
        display: inline-block;
    }
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child {
    position: absolute;
    bottom: 5px;
    left: 0;
    padding-left: 15px;
    width: 100%;
}
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv {
    width: 40px;
    height:40px;
    line-height:40px;
    float: right;
    border-radius: 50%;
    padding: 0;
    margin-left: 5px;
    text-align: center;
}
    .list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv > i {
        color: #fff;
        margin: 0;
        font-size: 20px;
        vertical-align: middle;
    }
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv.bg-green:hover {
    background-color: rgba(242,41,24,1) !important;
}
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv.bg-red:hover {
    background-color: #00a46d !important;
}
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv:hover > i.la-eye-slash:before {
    content: "\f06e";
}
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv:hover > i.la-eye:before {
    content: "\f070";
}
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv:hover > i.la-check:before {
    content: "\f00d";
}
.list-oi-item .global-item .d-table-cell:last-of-type > div:last-child > .btn-activ-unactiv:hover > i.la-times:before {
    content: "\f00c";
}
.list-oi-item .global-item hr {
    margin: 0;
    border-color: #ebecf2;
}
    .list-oi-item .global-item .div-info-oi, .list-oi-item .global-item .div-info-oi span.color-red {
        font-size: 15px;
        text-align: left;
        padding: 5px 0 10px 0;
        overflow: hidden;
        font-family: "Montserrat";
        font-weight: normal;
    }
        .list-oi-item .global-item .div-info-oi span:not(.color-red) {
            font-family: "Montserrat";
            font-weight: 300;
            font-size: 12px;
            margin-left: 10px;
        }
    .list-oi-item .global-item .btn.page-list-item-btn {
        margin: 0;
        margin-top: 5px;
        display: inline-block;
        width: auto;
    }
.list-oi-item .global-item i.fa {
    margin-right: 5px;
}
.list-oi-item .global-item .photo-inner-wrap {
    height: 100%;
    width: 259px;
    height: 175px;
    overflow: hidden;
}
.btn-nav-item {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    padding: 5px 8px 5px 0;
}
.btn-nav-item + .btn-nav-item {
    border-left: 1px solid #ebecf2;
    padding-left: 10px;
}
.div-type-oi {
    position: absolute;
    margin: 0 auto;
    bottom: 5px;
    color: #fff;
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    text-shadow: 0 1px 3px #34495e;
}
.div-offres-oi {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
    padding: 10px 0;
}
.list-oi-item .global-item .img-top-ten {
    position: absolute;
    top: -5px;
    left: -5px;
}
.info-sus_oi {
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 80px;
    width: 55px;
    color: #fff;
    right: -19px;
    top: -32px;
    padding: 32px 7px;
}
.info-sus_oi i {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 20px;
}
.list-oi-item .global-item .table-pager {
    border: none;
}
.list-oi-item .modalOpinionOi,
.container-fluid .modalOpinionOi {
    display: none;
    position: fixed;
    z-index: 12040;
    margin: auto;
    width: 98%;
    max-width: 830px;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.list-oi-item .modalOpinionOi .lkbTitle,
.container-fluid .modalOpinionOi .lkbTitle {
    margin-top: 2px;
}
/*-- UC Opinion or Fiche --*/
.modal-sellpartner{
    padding-top:0;
    padding-bottom:0;
}
.div-opinion-or-fiche{
    padding:0 20px;
}
.div-opinion-or-fiche .d-table {
    table-layout: fixed;
}
.div-opinion-or-fiche .d-table .d-table-cell.cell-info {
    padding-left: 10px;
}
.div-opinion-or-fiche .column{
    border-left:1px solid #d1d2d4;
    float:none;
}
/* TODO : temporaire */
.div-opinion-or-fiche .column-prod {
    width: 49%;
}
.div-opinion-or-fiche .column:first-child{
    border-left:none;
    padding-left:0;
    padding-right:0;
}
.div-opinion-or-fiche .column hr{
    border-top:1px solid #d1d2d4;
}
.div-opinion-or-fiche .photo-inner-wrap {
    border: none;
    max-height: 100%;
    width: 100%;
    background:transparent;
}
.div-opinion-or-fiche .photo-inner-wrap .item-list-dl-img.opinion-img {
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.div-opinion-or-fiche .photo-inner-wrap .item-list-dl-img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
}
.div-opinion-or-fiche .div-appreciation {
    padding: 10px;
    display: inline-block;
}
.div-opinion-or-fiche .editor {
    height: 100px;
    resize:none;
}
.div-opinion-or-fiche .translations-w .translation-box .title {
    border: 1px solid #d1d2d4;
    background: #f1f5f8;
    display: block;
    cursor: pointer;
    text-transform: capitalize;
}
.div-opinion-or-fiche .translations-w .translation-box .title .symbol {
    float:right;
}
.div-opinion-or-fiche .translations-w .translation-box textarea {
    border-top:none;
    border-bottom:none;
}
.div-opinion-or-fiche .translations-w .translation-box.last textarea {
    border-bottom:1px solid #d1d2d4;
}
.div-opinion-or-fiche .opinion-w .opinion-title{
    color:rgba(77,124,254,1);
}
.div-opinion-or-fiche .div-appreciation i.la-star {
    cursor: pointer;
}
.div-opinion-or-fiche .div-appreciation i.la-star:hover,
.div-opinion-or-fiche .div-appreciation i.la-star:hover ~ i.la-star,
.div-opinion-or-fiche .div-appreciation i.la-star.active,
.div-opinion-or-fiche .div-appreciation i.la-star.active ~ i.la-star {
    color: #ffd700;
}
/*-- Page de recherche d'OI dans le DMS Light --*/
.search-container > div.search-oi-sub-container {
    position: relative;
    padding-left: 24px;
}
.search-container > div.search-oi-sub-container input[type=text] {
    /*width: 80%;
    float: left;*/
    width: 100%;
    padding-right: 30px;
    font-size: 14px;
}
.search-container > div.search-oi-sub-container > .btn-search-oi {
    position: absolute;
    right: 0;
    top: 0;
    color: #203148;
    padding: 10px 15px;
}
.search-container .result-count-search-oi,
h2.search-filter-title {
    font-family: "Montserrat";
    font-weight: normal;
    color: #00263b;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 21px;
}
.search-filter-container {
    position: relative;
    margin-bottom: 20px;
}
.search-filter-container > input.search-filter {
    width: 100%;
    padding-right: 30px;
}
.search-filter-container > i.las {
    position: absolute;
    right: 10px;
    top: 13px;
}
.search-filter-container > i.la-times {
    cursor: pointer;
}
.aggs-active a {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 10px 15px 10px 15px;
    border: 1px solid rgba(77,124,254,1);
    color: #fff;
    background: rgba(77,124,254,1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Montserrat";
    font-weight: normal;
    margin-right: 10px;
    margin-bottom: 5px;
}
.aggs-active span {
    margin-right: 5px;
}
.row .panel-group .panel {
    background: none;
}
.item-elastic-media {
    padding: 5px;
    border: 2px solid #ddd;
}
.item-elastic-media + .item-elastic-media {
    margin-top: 15px;
}
.search-container .media {
    margin-top: 0;
}
#accordion h3 {
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}
#accordion h3[data-state-head=fa-angle-right] {
    margin-bottom: 0;
}
#accordion h3 > i, #accordion h3 > em {
    float: right;
    font-size: 20px;
    margin-top: -3px;
}
#accordion .badge,
#accordion .panel > .panel-heading .panel-title > a:not(:first-of-type),
#accordion .panel .panel-body .list-group-item > a:not(:first-of-type) {
    color: #485a6c;
    background: none;
    font-size: 11px;
    font-weight: normal;
    display: table-cell;
    width: 20%;
    padding: 0;
    text-align: right;
    /*vertical-align: top;*/
    float: none;
}
#accordion > .panel > .div-title-category-oi {
    text-transform: uppercase;
    font-size: 12px;
    padding: 15px 0 0 0;
    font-family: "Montserrat";
    font-weight: normal;
}
#accordion > .panel > .div-title-category-oi:first-of-type {
    padding-top: 5px;
}
.facets-container #accordion .badge {
    font-size: 12px;
    font-weight: 300;
}
#accordion .panel > .panel-heading .panel-title > a:not(:first-of-type),
#accordion .panel .panel-body .list-group-item > a:not(:first-of-type) {
    font-size: 16px;
}
#accordion .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    color: #00263b;
}
#accordion .panel > .panel-heading {
    padding: 5px 0 0 0;
}
    #accordion .panel > .panel-heading .panel-title {
        font-size: 14px;
        font-family: "Montserrat";
        font-weight: normal;
        color: rgba(77,124,254,1);
        display: table;
        table-layout: fixed;
        width: 100%;
    }
#accordion .panel > .panel-heading .panel-title > a {
    display: table-cell;
    position: relative;
    height: 16px;
    padding-left: 15px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#accordion .panel > .panel-heading .panel-title > a:first-of-type > i {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: 0;
}
#accordion .panel-group hr {
    border-color: #ebecf2;
}
#accordion .panel .panel-body {
    padding: 5px 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body:first-child {
    border: none;
}
#accordion .panel .panel-body .list-group {
    margin: 0;
}
#accordion .panel .panel-body .list-group-item {
    padding: 5px 0 5px 15px;
    font-family: "Montserrat";
    font-weight: 300;
    border: none;
    background: none;
    display: table;
    width: 100%;
}
#accordion .panel .panel-body .list-group-item > a {
    display: table-cell;
    vertical-align: baseline;
}
#accordion hr {
    border-color: #ddd;
    margin-bottom: 0;
}
.filter-dropdown .dropdown-toggle {
    width: 100%;
    text-align: left;
    border: #CCC 1px solid;
    color: #555;
    padding: 6px 12px;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.filter-dropdown .dropdown-menu {
    width: 100%;
    margin-top: -1px;
}
.filter-dropdown .dropdown-toggle, .dropdown .dropdown-menu a {
    font-family: "Montserrat";
    font-weight: normal;
}
    .filter-dropdown .dropdown-toggle:hover {
        background-color: #fff;
        font-family: "Montserrat";
        border: #CCC 1px solid;
        color: #555;
    }
.filter-dropdown .btn .caret {
    margin-top: 7px;
    position: absolute;
    right: 13px;
}
/*-- Sélection des horaires --*/
body .btn-group-hours-choice label.btn-checkbox:not([data-value=all]) {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 90px;
    border: 1px solid;
    margin-top: 5px;
}
body .btn-group-hours-choice .btn.btn-default {
    background: #fff;
    color: black;
    border-color: #ededed !important;
    font-weight: normal;
}
body .btn-group-hours-choice .btn.btn-success {
    background: #00a46d;
}
body .btn-group-hours-choice .btn {
    margin-right: 10px;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
}
body .btn-group-hours-choice label.btn-checkbox[data-value=all] {
    width: 120px;
    color: rgba(77,124,254,1);
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: normal;
    cursor: pointer;
}
/*-- UC Request SMS --*/
.div-request-sms .d-table {
    table-layout: fixed;
}
.div-request-sms .div-days-hours {
    display: none;
}
.div-request-sms .div-days-hours .d-table-cell {
    padding: 5px;
}
.div-request-sms .div-days-hours .select-hours {
    width: 90px;
}
/*-- On Request ----*/
.schedule-resources-dates #tableDates .on-request,
.schedule-resources #tableDates .on-request {
    font-weight: normal;
}
.schedule-resources-dates #tableDates th.on-request,
.schedule-resources #tableDates th.on-request {
    background-color: #00263b;
    color: #fff;
}
.schedule-resources-dates #tableDates th.on-request div,
.schedule-resources #tableDates th.on-request div {
    font-size: 9px;
    line-height: 11px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 3px;
}
.schedule-resources-dates #tableDates th.on-request i,
.schedule-resources #tableDates th.on-request i {
    font-size: 24px;
}
.schedule-resources-dates table td.on-request,
.schedule-resources table td.on-request {
    background-color: #e8f3fd;
    color: #00263b;
    font-weight: normal;
    font-size: 15px;
}

/*-- UCSynchro ----*/
.synchro-title {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 18px;
    color: #00263b;
    margin-bottom: 50px;
    margin-top: 15px;
}
    .synchro-title > p {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 16px;
    }
.item-global-synchro {
    display: inline-block;
    vertical-align: top;
}
    .item-global-synchro .btn {
        text-transform: uppercase;
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 10px;
    }
.item-global-synchro .item-synchro {
    position: relative;
    width: 260px;
}
    .item-global-synchro .item-synchro > div > p {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 16px;
        text-align: center;
        color: #00263b;
        text-transform: capitalize;
        margin-bottom: 0;
    }
.item-global-synchro .item-synchro > div > a {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: normal;
}
.item-global-synchro .item-synchro > div.text-center {
    padding: 15px;
    height: 75px;
    margin-top: 2px;
}
.item-global-synchro .item-synchro > div.div-logo-synchro {
    padding-top: 15px;
    width: 100%;
    height: 110px;
}
.item-global-synchro .item-synchro > div.div-logo-synchro > img {
    max-width: 100%;
    max-height: 100%;
}
.item-global-synchro .item-synchro .btn-warning,
.item-global-synchro .item-synchro .btn-success {
    pointer-events: none;
}
.item-global-synchro a.color-red {
    margin-top: -10px !important;
    margin-bottom: 30px !important;
}
.synchro-footer {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    color: #00263b;
    margin-top: 30px;
}
.synchro-footer > a,
.synchro-footer > a:hover {
    font-weight: normal;
    color: rgba(77,124,254,1);
}
.synchro-footer > a:hover {
    text-decoration: underline;
}
.item-synchro .link-menu.warning {
    cursor: default;
}
    .item-synchro .link-menu.warning:hover {
        color: rgba(77,124,254,1);
    }
/*-- Send Coupon Modal --*/
form.form-send-coupon div.div-succes-error {
    width: 100%;
    padding: 25px;
    color: #fff;
    background: #00a46d;
    top: 250px;
    z-index: 20000;
    font-size: 18px;
}
form.form-send-coupon div.div-succes-error > span {
    width: 100%;
    max-width: 1160px;
    text-align: center;
}
div.div-send-coupon div.div-top {
    padding: 25px 0 20px;
    background-color: #3086d7;
    color: #fff;
    font-size: 26px;
    text-align: center;
}
div.div-send-coupon div.div-top > p {
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    opacity: .5;
}
div.div-send-coupon div.form-coupon {
    padding: 20px 0 25px;
    width: 60%;
    margin: auto;
    background-color: #fff;
}
    div.div-send-coupon div.form-coupon div.div-preview-coupon > p,
    div.div-send-coupon div.form-coupon div.div-name-mail-coupon > p {
        margin-bottom: 15px;
        font-size: 18px;
        color: #00263b;
    }
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon {
    display: table;
    position: relative;
    font-family: Arial;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > div.left-part {
    display: table-cell;
    text-align: right;
    width: 17%;
    background-color: #13b36a;
    border: 1px solid #13b36a;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > div.left-part > span {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 40px;
    font-weight: 300;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > div.right-part {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #1f1f1f;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    border-left-width: 0;
    padding: 20px 0;
    background-color: #fff;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > div.right-part > p {
    margin-bottom: 0;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > div.right-part > p.amount-coupon {
    color: #13b36a;
    font-weight: normal;
    font-size: 50px;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > div.right-part > p.date-coupon {
    font-size: 16px;
    font-weight: normal;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > div.right-part > p.code-coupon {
    font-weight: normal;
    font-size: 20px;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > .white-bull {
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
    width: 35px;
    height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > .white-bull.left {
    left: 0;
    margin-left: -17.5px;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.preview-coupon > .white-bull.right {
    right: 0;
    margin-right: -17.5px;
    border: solid #e0e0e0;
    border-width: 0 0 0 1px;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.square-shadow {
    width: 95%;
    overflow: hidden;
    height: 25px;
    margin: auto;
    background: rgba(0,0,0, .3);
    position: relative;
}
div.div-send-coupon div.form-coupon div.div-preview-coupon > div.square-shadow > div.shadow-coupon {
    position: absolute;
    width: 120%;
    background: radial-gradient(#fff 58%, rgba(0,0,0, .3) 100%);
    height: 50px;
    bottom: 0;
    left: -10%;
    top: 2px;
    border-radius: 60%;
}
    div.div-send-coupon div.form-coupon div.div-name-mail-coupon > div.d-table > div.d-table-cell:first-child {
        font-family: "Montserrat";
        font-weight: 300;
        font-size: 14px;
        color: #47596d;
    }
/*-- btn-checkbox --*/
.btn-checkbox.btn-default:hover {
    background-color: rgba(71,114,234,.1);
    color: #fff;
}
/*-- Bootstrap Wysiwyg editor --*/
.btn-toolbar > .btn-group + .btn-group, .btn-toolbar > .btn-group:first-of-type {
    margin-left: 0;
    margin-right: 5px;
}
.btn-toolbar .dropdown-menu li a {
    font-family: "Montserrat";
    font-weight: 300;
    cursor: pointer;
}
.bs-editor h1,
.btn-toolbar h1 {
    font-size: 26px;
    color: inherit;
}
.bs-editor h2,
.btn-toolbar h2 {
    font-size: 24px;
    color: inherit;
}
.bs-editor h3,
.btn-toolbar h3 {
    font-size: 22px;
    color: inherit;
}
.bs-editor h4,
.btn-toolbar h4 {
    font-size: 20px;
    color: inherit;
}
.bs-editor h5,
.btn-toolbar h5 {
    font-size: 18px;
    color: inherit;
}
.bs-editor h6,
.btn-toolbar h6 {
    font-size: 16px;
    color: inherit;
}
.btn-toolbar h1, 
.btn-toolbar h2, 
.btn-toolbar h3, 
.btn-toolbar h4, 
.btn-toolbar h5, 
.btn-toolbar h6 {
    margin: 3px 0;
}
/*.btn-toolbar .btn-default {
    padding: 10px;
}*/

#translation_AddEditorToolBar.btn-toolbar .btn-default {
    padding: 0px 15px;
}

*[disabled] .btn-toolbar {
    display: none;
}
/*-- AutoComplete TypeAhead --*/
.div-near-by .table-head .d-table-cell .input-group > .twitter-typeahead {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.twitter-typeahead span {
    height: auto;
}
.panel-default {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    margin-top: 10px;
    box-shadow: none;
}
.tt-dropdown-menu {
    margin-top: 47px;
    width: 100%;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
.search-container .tt-dropdown-menu {
    width: 100%;
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.btn-toolbar .tt-dropdown-menu {
    margin-top: 0;
}
.tt-suggestion {
    cursor: pointer;
    font-size: 1.1em;
}
.dropdown-menu .tt-suggestion {
    font-size: 0.9em !important;
    line-height: 18px;
}
/*-- Custom Pikaday --*/
.pika-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: solid;
    border-width: thin;
    border-color: white;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #BABABA;
}
.pika-week {
    font-size: 11px;
    color: #999;
}
.is-today .pika-button {
    font-weight: normal;
    color: #fff;
}
.is-available .pika-button {
    background: #00A56D;
    cursor: pointer;
}
.no-arrival .pika-button {
    background: #FF9C00;
    cursor: pointer;
}
.is-not-available .pika-button {
    background: rgba(242,41,24,1);
    cursor: pointer;
}
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    opacity: .3;
    color: #999;
    background: #f5f5f5;
}
.pika-table abbr {
    border-bottom: none;
    cursor: default;
}
.is-selected .pika-button {
    color: #fff;
    font-weight: normal;
    background: #3598DC;
    -webkit-box-shadow: inset 0 1px 3px #178fe5;
    -moz-box-shadow: inset 0 1px 3px #178fe5;
    box-shadow: inset 0 1px 3px #178fe5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
/*-- Page website Analytics --*/
div.website-analytics header {
    overflow: hidden;
}
div.website-analytics header img {
    border: none;
    height: 40px;
}
    div.website-analytics header > div {
        float: right;
        margin-top: 12px;
        font-family: "Montserrat";
        font-weight: 300;
    }
div.website-analytics figure {
    height: 250px;
}
div.website-analytics > div > div {
    margin-bottom: 10px;
}
div.website-analytics-config {
    padding: 20px;
}
div.website-analytics-config span,
div.website-analytics-config img,
div.website-analytics-config a,
div.website-analytics-config i,
div.website-analytics-config input {
    vertical-align: middle;
}
div.website-analytics-config span,
div.website-analytics-config a {
    font-size: 16px;
}
    div.website-analytics-config span {
        color: #00263b;
    }
div.website-analytics-config a {
    margin-left: 20px;
    display: inline;
}
div.website-analytics-config i {
    color: rgba(77,124,254,1);
    margin-left: 5px;
}
div.website-analytics-config .form-control {
    display: inline-block;
    width: auto;
    margin-left: 30px;
    min-width:215px;
}
.Chartjs-legend {
    list-style: none;
    margin: 0;
    padding: 1em 0 0;
    text-align: center;
}
.Chartjs-legend > li {
    display: inline-block;
    padding: .25em .5em;
}
.Chartjs-legend > li > i {
    display: inline-block;
    height: 1em;
    margin-right: .5em;
    vertical-align: -.1em;
    width: 1em;
}
.DateRangeSelector {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0 !important;
}
.DateRangeSelector-item {
    margin: 0 0 0 1em;
}
.DateRangeSelector-item > label {
    margin: 0 .25em .25em 0;
}
    .DateRangeSelector-item > input {
        color: #00263b;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        height: 40px;
        line-height: 40px;
        border-radius:20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        padding-left:15px;
        max-width:144px;
    }
/*-- Personnalisation des écrans pour les activités ayant une gestion par ressource --*/
body.has-resource-management #ProductDescriptionW #divDescription .div-duration-hour {
    float: left;
}
body.has-resource-management #ProductDescriptionW #divDescription .section {
    margin-bottom: 20px;
}
body.has-resource-management #ProductDescriptionW #divDescription .section:after {
    display: table;
    content: ' ';
    clear: both;
}
body.has-resource-management #ProductDescriptionW #divDescription .section.release-panel {
    margin-left: 5px;
}
body.has-resource-management #ProductDescriptionW #divDescription .w-585 {
    width: 485px;
}
body.has-resource-management .page-sub-title.main-sub-title {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
}
#ProductDescriptionW #divPrice .div-information > img {
    -moz-transform: scale(-1, 1) rotate(-90deg);
    -ms-transform: scale(-1, 1) rotate(-90deg);
    -o-transform: scale(-1, 1) rotate(-90deg);
    -webkit-transform: scale(-1, 1) rotate(-90deg);
    transform: scale(-1, 1) rotate(-90deg);
    margin-bottom: 35px;
    width: 70px;
    margin-left: 130px;
}
div.stock-resource {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 2px;
    display: inline-flex;
    border: 1px solid #ebecf2;
}
    div.stock-resource input[type=text] {
        height: 34px;
        line-height: 34px;
        border: none;
        width: calc(100% - 68px);
        background-color: transparent;
        padding:0;
    }
    div.stock-resource i.las {
        cursor: pointer;
        height: 34px;
        text-align: center;
        font-size: 18px;
        padding: 0;
        width: 34px;
        line-height: 34px;
        border-radius: 100% !important;
        border: none;
        background-color:#00263b;
        color:#fff;
    }
div#ImgResourceCell {
    border-radius: 15px 0 0 15px;
}
div.setting-resource div.stock-resource i.las,
div.stock-resource > div > i.las {
    right: 12px;
}
div.setting-resource div.stock-resource i.las:first-of-type,
div.stock-resource > div > i.lasa:first-of-type {
    right: 0;
    left: 12px;
}
div.setting-resource {
    font-family: "Montserrat";
    font-weight: 300;
    display: table;
    margin-top: 25px;
    border: 1px solid #ebecf2;
    background: #fff;
    width: 100%;
    height: 250px;
    table-layout: fixed;
    color: #00263b;
}
div.setting-resource > div.d-table-cell:first-child {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    border-right: 1px solid #ebecf2;
    position: relative;
    text-align: center;
}
    div.setting-resource > div.d-table-cell:first-child > a {
        font-family: "Montserrat";
        font-weight: normal;
        cursor: pointer;
        padding: 10px 15px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
        box-shadow: 0 0 5px rgba(0,0,0,.15);
    }
div.setting-resource > div.d-table-cell {
    padding: 30px 20px;
}
div.setting-resource > div.d-table-cell div.d-table:not(:last-of-type) {
    margin-bottom: 10px;
}
div.setting-resource > div.d-table-cell div.d-table div.d-table-cell > span {
    display: block;
    opacity: .8;
    font-style: italic;
    font-size: 10px;
}
div.formula-included-excluded {
    position: relative;
    overflow: hidden;
}
div.formula-included-excluded a.action-included-excluded {
    display: inline-block;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 10px;
    text-align: right;
    width: 100%;
}
    div.formula-included-excluded div.action-included-excluded {
        font-family: "Montserrat";
        font-weight: normal;
        font-size: 14px;
        border: 1px solid #ebecf2;
        border-top-width: 0;
        background: #fff;
        height: 50px;
        position: relative;
        cursor: pointer;
        color: #00263b;
        padding: 15px;
    }
div.formula-included-excluded div.action-included-excluded:first-of-type {
    border-top-width: 1px;
}
        div.formula-included-excluded div.action-included-excluded span.label-optional {
            font-weight: 300;
            font-style: italic;
            text-transform: lowercase;
            margin-left: 10px;
        }
        div.formula-included-excluded div.action-included-excluded .label-link {
            margin-left: 10px;
        }
        div.formula-included-excluded div.action-included-excluded .button-link {
            position: absolute;
            right: 20px;
            top: 17px;
            color: rgba(77,124,254,1);
        }
        div.formula-included-excluded div.action-included-excluded.special-rules-title {
            text-align: left;
        }
    div.formula-included-excluded div.included-excluded-value {
        display: none;
        padding: 15px;
        border: 1px solid #ebecf2;
        border-top-width: 0;
        color: #00263b;
        background-color: #f6f8fc;
    }
        div.formula-included-excluded div.included-excluded-value .place-of-deposit {
            font-family: "Montserrat";
            font-weight: 300;
            padding-bottom: 5px;
        }
div.formula-included-excluded div.included-excluded-value .place-of-deposit .link-action {
    font-size: 11px;
    padding-top: 4px;
}
div.formula-included-excluded div.included-excluded-value:last-of-type {
    border-top: 0;
    padding-top: 25px;
}
div.formula-included-excluded div.included-excluded-value div.d-table {
    border: 1px solid #ebecf2;
    border-right-width: 0;
}
    div.formula-included-excluded div.included-excluded-value div.d-table div.d-table-cell {
        cursor: pointer;
        color: rgba(77,124,254,1);
        font-size: 30px;
        font-family: "Montserrat";
        font-weight: normal;
        border-right: 1px solid #c5cde2;
        width: 100px;
        height: 70px;
        background-color: #fff;
        text-align: center;
    }
        div.formula-included-excluded div.included-excluded-value div.d-table div.d-table-cell span {
            display: block;
            font-size: 12px;
            font-family: "Montserrat";
            font-weight: 300;
            color: #00263b;
            margin-top: -2px;
        }
div.formula-included-excluded div.included-excluded-value div.d-table div.d-table-cell:hover {
    background-color: #d3eafc;
}
div.formula-included-excluded div.included-excluded-value div.d-table div.d-table-cell.bg-blue,
div.formula-included-excluded div.included-excluded-value div.d-table div.d-table-cell.bg-blue span {
    color: #fff;
}
/*-- AVIS GOOGLE --*/
.div-google-review-account-w{
    background:#00263b;
    padding:10px 20px;
}
.div-google-review-account-w .color-gray{
    color:#8e99aa;
}
.div-google-review-account-w input::placeholder,
.div-google-review-account-w input:-ms-input-placeholder,
.div-google-review-account-w input::-ms-input-placeholder{
    color:#aeb2b5;
}
.div-google-review-account-w .mail-input{
    width:366px;
    padding: 9px;
    margin-right: -4px;
}
.div-google-review-account-w .ddl-w select{
    -webkit-appearance: none;
    border-radius:20px;
    background-image: url("");
    background-position: calc(100% - 10px) center;
    background-size: 14px;
    background-repeat: no-repeat;
    padding:0 15px;
}
.google-reviews-background{
    background:url("") top right no-repeat #fff;
    height: 100vh;
}
#DivGoogleHotel .imgGoogleHotel {
    height:100px;
}
/*-- FIN AVIS GOOGLE --*/
/*-- AVIS BOOKING --*/
.opinion-general-review {
    margin: 0 -20px;
    padding: 15px 20px;
    background-color: #00263b;
}
.div-booking-opinion .opinion-general-review .global-note-w {
    border: 2px solid rgba(255,255,255,.3);
}
.div-booking-opinion .opinion-general-review .note-bar-w {
    height: 9px;
}
.div-booking-opinion .opinion-general-review .note-bar-w .note-bar.back {
    height: 100%;
}
.div-booking-opinion .opinion-general-review .note-bar-w .note-bar.front {
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.div-booking-opinion .reviews-list-w{
}
.div-booking-opinion .reviews-list-w .reviews-list{
    list-style:none;
}
    .div-booking-opinion .reviews-list-w .reviews-list .review {
        -webkit-box-shadow: 0 1px 3px rgba(52,73,94,.3);
        -moz-box-shadow: 0 1px 3px rgba(52,73,94,.3);
        box-shadow: 0 1px 3px rgba(52,73,94,.3);
        border-radius: 15px;
        overflow:hidden;
        background-color:#fff;
    }
.div-booking-opinion .reviews-list-w .reviews-list .review .head{
    background:#00263b;
    padding:15px 20px;
}
.div-booking-opinion .reviews-list-w .reviews-list .review .text-w .text{
    padding-left:40px;
}
        .div-booking-opinion .reviews-list-w .reviews-list .review .part-right .text-w .text {
            padding-left:0;
            margin-bottom:5px;
        }
    .div-booking-opinion .reviews-list-w .reviews-list .review .text-w .smiley {
        padding-left: 28px;
        background-image: url("");
        background-repeat: no-repeat;
        background-size: 100%;
        height: 28px;
        width: 22px;
        display: inline-block;
        position: absolute;
        left: 16px;
    }
.div-booking-opinion .reviews-list-w .reviews-list .review .text-w .smiley.bad-point{
    background-position: 0 -30px;
}
        .div-booking-opinion .reviews-list-w .reviews-list .review .answer-w .textbox-answer-w textarea,
        .div-booking-opinion .reviews-list-w .reviews-list .review .textbox-google-answer-w textarea {
            border: 1px solid #ebecf2;
            height: 130px;
        }
        .div-booking-opinion .reviews-list-w .reviews-list .review .part-right {
            border-left: 1px solid #ebecf2;
        }
.div-booking-opinion .reviews-list-w .reviews-list .review .part-right .review-grade-list{
    list-style:none;
    padding-left:15px;
}
.div-booking-opinion .reviews-list-w .reviews-list .review .part-right .review-grade-list .review-note-bar-w{
    height:9px;
}
.div-booking-opinion .reviews-list-w .reviews-list .review .part-right .review-grade-list .review-note-bar.back{
    height:100%;
    background-color:#00263b;
}
.div-booking-opinion .reviews-list-w .reviews-list .review .part-right .review-grade-list .review-note-bar.front{
    height:100%;
    top:0;
    left:0;
    z-index:1;
}
/*-- FIN AVIS BOOKING --*/
/*-- AVIS AIRBNB --*/
#divAvisAirbnb i.la-star {
    color: #ff5a5f;
}
    #divAvisAirbnb i.la-star.inactive {
        color: #868ba0;
    }
.star-rate-w:hover > i.la-star.inactive{
    opacity: 0.8;
}
#divAvisAirbnb .opinion-general-review ul {
    margin-bottom: 0;
    padding-inline-start: 0;
}
#divAvisAirbnb .opinion-general-review ul li{
    width:49%;
    padding-left:20px;
}
#divAvisAirbnb .subscription-tabs {
    display:block !important;
}
#divAvisAirbnb .reviews-list-w .head .col-md-6.text-right {
    height:60px;
    line-height:60px;
}
#divAvisAirbnb .part-left .text {
    padding-left: 0;
}
#divAvisAirbnb.div-booking-opinion .part-right ul {
   margin-left:-35px;
}
#divAvisAirbnb.div-booking-opinion .part-right ul li {
    width:100%;
}
#AirbnbReviewApprovedAnswerContainer,
#ClientAnswerContenair {
    padding: 10px;
    background-color: #f7f8fc;
}
#divAvisAirbnb .textbox-answer-w .text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 71px);
}
#divAvisAirbnb .remarque-privee {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ebecf2;
}
.round-exclamation-review {
    height: 60px;
    width: 60px;
    border-radius: 30px;
    text-align: center;
    background-color: #ff5a5f;
    color: #fff;
}

    .round-exclamation-review i {
        font-size: 34px;
        line-height: 60px;
    }
.rounded-img-review {
    height: 60px;
    width: 60px;
    border-radius: 30px;
}
/*-- FIN AVIS AIRBNB --*/
#PlanningActivity {
    position: relative;
}
#PlanningActivity .label {
    background: #34495e;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: normal;
    margin: 0 10px;
    padding: 3px 7px;
    text-transform: uppercase;
}
#PlanningActivity .label a {
    text-decoration: underline;
    color: #FFF;
}
#PlanningActivity .label a:hover {
    text-decoration: none;
}
/*-- Table ressources --*/
/* Légende / indicateurs */
.res-legend {
    background: #fff;
    border-top: 1px solid #c8d3e5;
    bottom: 0;
    color: #00263b;
    left: auto;
    margin-left: -20px;
    padding: 20px;
    position: fixed;
    width: 100%;
    z-index: 1001;
}
.res-legend-item,
.res-legend-text,
.res-legend-sub-item,
.res-legend-item-title,
[class^=res-legend-dot-] {
    display: inline-block;
    vertical-align: middle;
}
.res-legend-item {
    margin-right: 40px;
}
.res-legend-item-title {
    font-weight: normal;
}
.res-legend-text {
    font-size: 12px;
}
.res-legend-sub-item,
.res-legend-item-title + .res-legend-text {
    margin-left: 20px;
}
[class^=res-legend-dot-] {
    border-radius: 50%;
    height: 15px;
    width: 15px;
}
.res-legend-dot-g,
.schedule-resources-dates table .g,
.schedule-resources table .g {
    background: #1ea989;
}
.res-legend-dot-r,
.schedule-resources-dates table .r,
.schedule-resources table .r {
    background: #e46565;
}
.res-legend-dot-o,
.schedule-resources-dates table .o,
.schedule-resources table .o {
    background: #e9b352;
}
/* Table */
.schedule-resources-dates,
.schedule-resources {
    background: #fff;
    margin: 0 -20px;
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}
.schedule-products {
    overflow-x: scroll;
}
.schedule-resources-item-w [data-id] {
    display: none;
    position: relative;
}
.schedule-resources-item-w h2 {
    background: #fff;
    width: 100%;
    font-size: 16px;
    color: rgba(77,124,254,1);
    padding: 20px 0 20px 20px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #ebecf2;
    position: relative;
}
.schedule-resources-item-group-w h2 {
    position: relative;
}
.schedule-resources-item-w h2 em {
    margin-right: 10px;
}
.schedule-resources-dates table,
.schedule-resources table {
    font-family: "Montserrat";
    font-weight: 300;
    width: 100%;
}
.schedule-resources-dates table td,
.schedule-resources table td,
.schedule-resources-dates table th,
.schedule-resources table th {
    border: 1px solid #c8d3e5;
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    height: 38px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.schedule-products table td, .schedule-products table th {
    background: #fff;
}
.schedule-resources-dates table td:first-child,
.schedule-resources table td:first-child,
.schedule-resources-dates table th:first-child,
.schedule-resources table th:first-child {
    min-width: 80px;
    width: 80px;
    color: #00263b;
    font-size: 13px;
    padding: 0;
    max-width: none;
} 
.schedule-products table td:first-child, .schedule-products table th:first-child {
    min-width: 200px;
    width: 200px;
    color: #00263b;
}
.schedule-resources-dates table td:first-child,
.schedule-resources table td:first-child {
    background: #f6f8fc;
} 
.schedule-products table td:first-child {
    background: #34495e;
    vertical-align: middle;
    height: 60px;
}
.schedule-resources-dates table td:first-child span,
.schedule-resources table td:first-child span {
    background: #f6f8fc;
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    z-index: 1;
} 
.schedule-products table td:first-child span, .schedule-products table th:first-child span {
    background: #fff;
    width: 200px;
    height: 62px;
    position: relative;
    display: inline-flex;
    margin-left: -1px;
} 
.schedule-products table td:first-child span {
    background: #34495e;
    background-size: cover;
    line-height: initial;
    align-items: center;
} 
.schedule-products table td:first-child span > strong {
    background: rgba(30, 50, 73, .5);
    width: 200px;
    height: 60px;
    line-height: initial;
    color: #fff;
    display: inline-flex;
    align-items: center;
    text-align: left;
    padding-left: 0;
    padding-right: 5px;
    text-transform: uppercase;
} 
.schedule-products table td:first-child span > strong > i {
    background-color: #00263b;
    height: 60px;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    margin-right: 10px;
}
.schedule-resources-dates table td > a,
.schedule-resources table td > a {
    color: #fff;
    display: inline-block;
    height: 38px;
    width: 58px;
    min-width: 58px;
    line-height: 38px;
}
.schedule-resources-dates table td > a > sup
.schedule-resources table td > a > sup,
.schedule-resources-dates table td > a > sub,
.schedule-resources table td > a > sub {
    font-weight: normal;
    font-size: 1em;
    padding: 2px;
} 
.schedule-resources-dates table td > a > sub,
.schedule-resources table td > a > sub {
    opacity: 0.6;
} 
.schedule-products table td > a > i {
    font-size: 20px;
}
.schedule-resources-dates table th.weekend,
.schedule-resources table th.weekend {
    font-weight: normal;
}

.schedule-resources-dates table th{
    background: #fff;
}
.schedule-resources-dates table th.now,
.schedule-resources table th.now {
    background: #fffed7;
}
.schedule-resources-dates table .d,
.schedule-resources table .d {
    background: #34495e;
    font-weight: normal;
}
.schedule-resources-dates table .w,
.schedule-resources table .w {
    background: #fff;
    color: #00263b;
} 
.schedule-products #tableDates {
    z-index: 10;
}
.schedule-resources-dates #tableDates,
.schedule-resources #tableDates {
    background-color: #fff;
}
.schedule-resources-dates #tableDates th,
.schedule-resources #tableDates th {
    color: #00263b;
    height: 63px;
}
.schedule-resources-dates.stick,
.schedule-resources-dates .stick,
.schedule-resources .stick {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
.schedule-resources-dates #tableDates.stick,
.schedule-resources #tableDates.stick,
.schedule-resources-dates .schedule-resources-items.stick,
.schedule-resources .schedule-resources-items.stick {
    position: absolute;
} 
.schedule-resources-dates #tableDates.stick,
.schedule-resources #tableDates.stick {
    left: 0;
    width: auto;
    z-index: 20;
}
.schedule-resources-dates #tableDates th.act-simple-hover,
.schedule-resources #tableDates th.act-simple-hover,
.schedule-resources-dates table td span.act-simple-hover,
.schedule-resources table td span.act-simple-hover,
.schedule-resources-dates table a.act-hover
.schedule-resources table a.act-hover {
    background: #00263b;
    color: #fff;
}
.schedule-resources-dates table a.act-hover,
.schedule-resources table a.act-hover {
    opacity: .5;
}
.schedule-resources-dates:not(.schedule-products) table td > a:hover,
.schedule-resources:not(.schedule-products) table td > a:hover {
    background: rgba(77,124,254,1);
} 
.schedule-resources-action {
    padding: 20px 0;
} 
.schedule-products-action {
    position: relative;
    z-index: 1001;
} 
.schedule-products-action .tt-dropdown-menu {
    margin-top: 0;
    font-size: 11px;
} 
.schedule-products-action .input-group-addon {
    padding: 0;
} 
.schedule-products-action .input-group-addon a {
    color: inherit;
    padding: 6px 12px;
} 
.schedule-products-action .input-group-addon a:hover {
    text-decoration: none;
} 
#StopSalesResources {
    color: #eb1f32;
    border-color: #eb1f32 !important;
    float: right;
} 
.schedule-resources-banner {
    background: #fff;
    margin: 0 -20px;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #ebecf2;
} 
.schedule-resources-banner h1 {
    font-family: "Montserrat";
    font-size: 24px;
    color: #00263b;
    float: left;
    margin-top: 14px;
}
div.popover-resources {
    border: none;
    font-weight: normal;
    padding: 1px 1px 0 1px;
} 
div.popover-resources.top {
    margin-top: 0;
} 
div.popover-resources .popover-content {
    width: 180px;
    padding: 9px 14px 0 14px;
}
    div.popover-resources .popover-title {
        padding: 0 10px 0 10px;
        color: #00263b;
        font-size: 11px;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.1;
        font-weight: normal;
        background-color: #FFF;
        border-bottom: none;
    } 
div.popover-resources .popover-title span {
    font-size: 14px;
} 
div.popover-resources .popover-title .fa {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 13px;
    cursor: pointer;
    color: rgba(77,124,254,1);
} 
div.popover-resources .popover-content div div div {
    text-align: center;
    padding: 6px 0 8px 0;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    color: #1ea989;
} 
div.popover-resources .popover-content div div:nth-of-type(3) {
    background: rgba(77,124,254,1);
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
} 
div.popover-resources .popover-content div div:nth-of-type(3) span, div.popover-resources .popover-content div div:nth-of-type(3) a:not(.stop-reactivate-sale) {
    color: #fff;
    display: inline-block;
    font-size: 8px;
    text-transform: uppercase;
} 
div.popover-resources .popover-content div div:nth-of-type(3) a:not(.stop-reactivate-sale) {
    color: #fff;
    font-size: 30px;
    width: 39px;
} 
div.popover-resources .popover-content div div:nth-of-type(3) a:hover {
    text-decoration: none;
} 
div.popover-resources .popover-content div div:nth-of-type(3) span span {
    border: 1px solid #fff;
    font-size: 22px;
    padding: 0 7px;
} 
div.popover-resources.top .arrow:after {
    border-top-color: rgba(77,124,254,1);
}
/*-- Gestion du Workflow --*/
.alertCritical {
    color: #F60;
    margin-bottom: 10px;
} 
.alertCriticalUnderWorkflow {
    color: red;
    margin-bottom: 10px;
}
/*-- Personnalisation du DatePicker JQuery --*/
.ui-datepicker {
    font-family: tahoma, verdana, helvetica;
    border: 2px solid #646464 !important;
} 
.ui-datepicker .ui-state-default, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-datepicker td {
    background: #fff;
    border: 0;
    border-radius: 0;
} 
.ui-datepicker .ui-state-default, .ui-datepicker .ui-datepicker td {
    font-weight: 300;
    color: #34495E !important;
    border: solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-size: 13px;
    padding: 8px;
}
    .ui-datepicker th {
        text-transform: lowercase;
        font-size: 12px;
        color: #00263b;
        font-weight: 300;
        border-bottom: 1px solid #e4e4e4;
    } 
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
    border-bottom: 1px solid #e4e4e4;
}
.ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: 0;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 11px;
    color: #00263b;
    text-transform: capitalize;
} 
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    cursor: pointer;
} 
.ui-datepicker .ui-datepicker-prev span {
    background-position: -95px -16px;
} 
.ui-datepicker .ui-datepicker-next span {
    background-position: -35px -16px;
}
/*-- Gestion des données éditables --*/
.editable-data {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 2px 4px;
    min-width: 20px;
    min-height: 20px;
} 
.editable-data i {
    display: none;
    float: right;
    font-size: 1.2em;
    cursor: pointer;
    padding-left: 5px;
} 
.editable-data:hover i {
    display: inline;
} 
.editable-data.edited i {
    display: none;
}
/*-- Gestion de la vente par partenaire --*/
.ranking-form .la-star {
    float: right;
    cursor: pointer;
    margin-right: 3px;
} 
.ranking-form .la-star.color-inactive:hover, .ranking-form .la-star.color-inactive:hover ~ .la-star {
    color: rgba(255,165,0,1);
}
/*-- Gestion de la cartographie Apple --*/
.mk-annotation-container > div, .mk-annotation-container > div > * {
    cursor: pointer;
}
/* -- Liste de sélection du pays pour numéro Intracom -- */
#vatNumberUl {
    list-style: none;
    border: none;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: #00263b;
    color: #fff;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-family: "Montserrat";
    font-weight: 300;
} 
#vatNumberUl .li-selected-country{
	padding: 0 10px;
} 
#vatNumberUl li:hover .sub-list{
	display:block;
} 
#vatNumberUl .sub-list{
	display:none;
	position: absolute;
	top: -160px;
	left:0;
	list-style: none;
	padding: 0;
	width: 120px;
    max-height: 160px;
    overflow-y: scroll;
} 
#vatNumberUl .sub-list li {
    width: 100%;
    padding: 10px 0;
    background: #00263b;
    padding-left: 10px;
    border-top: 1px solid #ddd;
} 
#vatNumberUl .sub-list li:hover{
	background:#ddd;
} 
#vatNumberUl .flag{
	display:inline-block;
	width: 16px;
	height: 11px;
	background-size:100%;
} 
#vatNumberUl .flag.fr{
	background-image:url("");
} 
#vatNumberUl .flag.at{
	background-image:url("");
} 
#vatNumberUl .flag.be{
	background-image:url("");
} 
#vatNumberUl .flag.hr{
	background-image:url("");
} 
#vatNumberUl .flag.cy{
	background-image:url("");
} 
#vatNumberUl .flag.cz{
	background-image:url("");
} 
#vatNumberUl .flag.dk{
	background-image:url("");
} 
#vatNumberUl .flag.ee{
	background-image:url("");
} 
#vatNumberUl .flag.fi{
	background-image:url("");
} 
#vatNumberUl .flag.de{
	background-image:url("");
} 
#vatNumberUl .flag.el{
	background-image:url("");
} 
#vatNumberUl .flag.hu{
	background-image:url("");
} 
#vatNumberUl .flag.ie{
	background-image:url("");
} 
#vatNumberUl .flag.it{
	background-image:url("");
} 
#vatNumberUl .flag.lv{
	background-image:url("");
} 
#vatNumberUl .flag.lt{
	background-image:url("");
} 
#vatNumberUl .flag.lu{
	background-image:url("");
} 
#vatNumberUl .flag.mt{
	background-image:url("");
} 
#vatNumberUl .flag.nl{
	background-image:url("");
} 
#vatNumberUl .flag.pl{
	background-image:url("");
} 
#vatNumberUl .flag.pt{
	background-image:url("");
} 
#vatNumberUl .flag.ro{
	background-image:url("");
} 
#vatNumberUl .flag.sk{
	background-image:url("");
} 
#vatNumberUl .flag.si{
	background-image:url("");
} 
#vatNumberUl .flag.es{
	background-image:url("");
} 
#vatNumberUl .flag.se{
	background-image:url("");
} 
#vatNumberUl .flag.gb{
	background-image:url("");
} 
#vatNumberUl .flag.gr{
	background-image:url("");
} 
#vatNumberUl .flag.no{
	background-image:url("");
}
.tb-vat-number {
    max-width: calc(100% - 120px);
    border-radius: 0 20px 20px 0 !important;
} 
.btn-validate a {
    height:50px;
    line-height:50px;
    width:100%;
    padding:0;
}
/*---------- Abonnements, OPTIONS ET PAIMENTS STRIPE ----------*/
.subscription-options-summary .table, .stripe-payments .table {
    border: 1px solid #ebecf2;
}
.subscription-options-summary .table > thead > tr > th,
.stripe-payments .table > thead > tr > th {
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
} 
.subscription-options-summary .table > tbody > tr > td,
  .stripe-payments .table > tbody > tr > td{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
} 
.subscription-options-summary .table-striped > tbody > tr > td, 
.subscription-options-summary .table-striped > tbody > tr > th, 
.stripe-payments .table-striped > tbody > tr > td, 
.stripe-payments .table-striped > tbody > tr > th {
    background-color: #f7fbfe;
} 
.subscription-options-summary .table-striped > tbody > tr:nth-child(odd) > td, 
.subscription-options-summary .table-striped > tbody > tr:nth-child(odd) > th, 
.stripe-payments .table-striped > tbody > tr:nth-child(odd) > td, 
.stripe-payments .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f1f5f8;
}
.input-code {
    width: 230px;
    height: 40px;
    line-height: 40px;
    /*border-radius: 20px;*/
    border: none;
    background-color: #fff;
    padding: 2px;
}

.span-subscription-code {
    width: calc(100% - 34px);
    text-align:right;
}
    .save-coupon-w input,
    .delete-coupon-w input {
        border: none;
        height: 34px;
        line-height: 34px;
        border-radius: 18px;
        width: calc(100% - 34px);
    }
    .save-coupon-w.d-none,
    .delete-coupon-w.d-none {
        display: none;
    }
    .save-coupon-w i,
    .delete-coupon-w i {
        height: 34px;
        line-height: 34px;
        width: 34px;
        border-radius: 100% !important;
        padding: 0;
        text-align: center;
    }
/*---------- OTHERS ----------*/
.heading-switches .switch-item {
    background: #fff;
    color: #072336;
    border: 1px solid #ebecf2;
    cursor: pointer;
} 
.heading-switches .switch-item.active {
    background: #072336;
    color: #fff;
    border: 1px solid #072336;
}
/*---------- OVERRIDES ----------*/
/* #Body permet de passer en priorité sur les cascades précédentes tout en se passant de !important (qui ne laisse pas la main au JS) */
#Body .no-padding {
    padding: 0;
} 
#Body .no-padding-top {
    padding-top: 0;
} 
#Body .no-padding-bottom {
    padding-bottom: 0;
} 
#Body .no-padding-left {
    padding-left: 0;
} 
#Body .no-padding-right {
    padding-right: 0;
}
/*---------- /OVERRIDES ----------*/
/*---------- /FRAIS DE SERVICE ----------*/
#divBookingFees .d-none {
    display:none;
} 
.d-inline-block {
    display: inline-block;
}

.line-fees {
    background-color: #fff;
    border-left: 1px solid #ebecf2;
    border-right: 1px solid #ebecf2;
    border-bottom: 1px solid #ebecf2;
    padding: 10px;
}
.fees-from label, .fees-to label, .fees-type label {
    vertical-align: baseline;
}
.line-fees:first-child {
    border-top: 1px solid #ebecf2;
} 
.line-fees.complete {
    background-color: #f6f8fc;
} 
.fees-from, .fees-to, .fees-type{
    padding-right: 15px;
    vertical-align: text-top;
    white-space: nowrap;
} 
.fees-from{
    width:27%;
} 
.fees-type,
.fees-to {
    width: 25%;
}
.fees-type,
.fees-from .form-control,
.fees-to .form-control {
    height: 40px
}
.fees-type {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ebecf2;
    background-color: #fff;
    display: inline-flex;
    padding: 2px;
}

    .fees-type input {
        text-align: right;
        padding-right: 10px;
        width: calc(100% - 55px);
        display: inline-block;
        vertical-align: top;
        height: 34px;
        line-height: 34px;
        border: none;
        background-color: transparent;
    }

    .fees-type .styled {
        overflow: hidden;
        position: relative;
        width: 55px;
        height: 34px;
        line-height: 34px;
        display: inline-block;
        cursor: pointer;
        background-color: #00263b;
        color: #fff;
        font-size: 14px;
        border: none;
        border-radius: 20px;
        text-align: left;
    }

        .fees-type .styled.la-angle-down:before {
            float: right;
            margin-right: 10px;
        }

        .fees-type .styled select.form-control {
            padding: 0 10px;
            height: 34px;
            color: #fff;
            font-weight: normal;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance: none;
            appearance: none;
            border: none;
            background-color: transparent;
            width: 100% !important;
            position: absolute;
            outline: none;
            font-family: "Montserrat";
            font-weight: 300;
            border-radius: 0;
            margin-top: -2px;
        } 
.fees-type .styled select.form-control option {
    color: #383838;
}
.fees-btn {
    width: 40px;
    text-align: center;
    vertical-align: text-top;
    border-radius: 20px;
    overflow: hidden;
}
.fees-btn .btn,
.fees-btn .btn:hover,
.fees-btn .btn:focus {
    border-bottom: 0;
    height: 40px;
    width: 100%;
    border-radius: 0;
    line-height: 40px;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
} 
.payment-item-box {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 15px 15px 3px 15px;
    position: relative;
    width: 170px;
    display: inline-block;
} 
.payment-item-box img {
    height: 120px;
    width: 120px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
} 
.onoffswitch {
    position: relative;
    width: 140px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
} 
.onoffswitch-checkbox {
    display: none;
} 
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    text-transform:uppercase;
    margin-bottom:0;
    height: 26px !important;
    line-height: 26px !important;
} 
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
} 
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 26px;
    padding: 0;
    line-height: 26px;
    font-size: 13px;
    color: white;
    font-weight: normal;
    box-sizing: border-box;
} 
.onoffswitch-inner:before {
    background-color: #F22918;
    color: #FFFFFF;
    text-align: center;
    padding-right: 20px;
} 
.onoffswitch-inner:after {
    background-color: #00a46d;
    color: #FFFFFF;
    text-align: center;
    padding-left: 20px;
} 
.onoffswitch-switch {
    display: block;
    width: 20px;
    height:20px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 114px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
} 
.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
} 
.onoffswitch-label .onoffswitch-switch {
    right: 0;
} 
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: -140px;
} 
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right:114px;
}

/*---------- REPORTINGS TDR ----------*/
.btn-report-search {
    position: absolute;
    right: 200px;
    top: 20px;
}
/*---------- /REPORTINGS TDR ----------*/


/************  HALLOWEEN  **********/
.login-body.halloween {
    background: #fff url("") no-repeat center fixed;
    background-size: cover;
    background-position-y: center;
}

/************  TERRASSES  **********/
.login-terrasse {
    background: #34495e url("") no-repeat fixed;
    background-size: cover;
}

/************  SUMMER  **********/
.login-summer {
    background: #34495e url("") no-repeat fixed;
    background-size: cover;
    background-position-y: center;
}

/************  AUTUMN  **********/
.login-autumn {
    background: #34495e url("") no-repeat fixed;
    background-size: cover;
    background-position: bottom;
}

/************  HIVER  **********/
.h-100-p {
    height: 100%;
} 
.content-halloween{
    display: none;
}
.content-winter {display:block;}
.login-body.wintersnow {
    background: #000 url("") no-repeat center fixed;
    background-size: cover;
    color: #00263b;
    margin: 0px;
} 
.wintersnow .login-top-bar-w {
    height: 100px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.2);
    z-index: 9999;
    position: relative;
} 
.wintersnow .login-top-bar {
    position: relative;
    margin: 0 auto;
    text-align: center;
} 
.wintersnow .master-top-bar-logo-wizard {
    background: url("") center center no-repeat;
    width: 200px;
    height: 70px;
    background-size: 90%;
    vertical-align: middle;
    display: inline-block;
} 
.wintersnow .login-top-bar > a.btn-myc {
    background: none;
    border: 2px solid #c5cde2;
    color: #fff;
    position: absolute;
    right: 15px;
    text-decoration: none;
    text-align: center;
} 
.wintersnow .content {
    position: relative;
    height: calc(100vh - 101px );
} 
.wintersnow img.center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wintersnow .falling-snow {
    background-image: url(""), url(""), url("");
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: .5;
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
    z-index:-1;
} 

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
} 
@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
} 
@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    50% {
        background-color: #b4cfe0;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #6b92b9;
    }
} 
@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}
/*=========================== Guirlande ========================*/
.wintersnow .guirlande {
    background: url("") center top repeat-x;
    height: 130px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
    display: none;
} 
.wintersnow .lightrope {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    margin: -44px 0 0 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
}
/* Ampoule 1, 5, ...*/
.wintersnow .lightrope li {
    position: relative;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 12px;
    height: 30px;
    border-radius: 50%;
    margin: 50px;
    display: inline-block;
    background: rgba(255,230,65,1);
    box-shadow: 0px 5px 6px 3px rgba(255,230,65,1);
    animation-name: flash-1;
    animation-duration: 2s;
}
/* Ampoule 2, 6, ... */
.wintersnow .lightrope li:nth-child(4n+2) {
    background: rgba(1,13,255,1);
    box-shadow: 0px 5px 6px 3px rgba(1,13,255,1);
    animation-name: flash-2;
    animation-duration: 0.7s;
}
/* Ampoule  3, 7, ... */
.wintersnow .lightrope li:nth-child(4n+3) {
    background: rgba(255,238,182,1);
    box-shadow: 0px 5px 6px 3px rgba(255,238,182,1);
    animation-name: flash-3;
    animation-duration: 1.1s;
}
/* Ampoule 4, 8, ... */
.wintersnow .lightrope li:nth-child(4n+4) {
    background: rgba(27,220,255,1);
    box-shadow: 0px 5px 6px 3px rgba(27,220,255,1);
    animation-name: flash-4;
    animation-duration: 0.7s;
} 
.wintersnow .lightrope li:nth-child(3n+1) {
    animation-duration: 1.8s;
} 
.wintersnow .lightrope li:nth-child(3n+2) {
    animation-duration: 1.4s;
} 
.wintersnow .lightrope li:before {
    content: "";
    position: absolute;
    background: #000;
    width: 6px;
    height: 10px;
    border-radius: 3px;
    top: -5px;
    left: 3px;
} 
.wintersnow .lightrope li:after {
    content: "";
    top: -28px;
    left: 9px;
    position: absolute;
    width: 112px;
    height: 45px;
    border-bottom: solid #000 2px;
    border-radius: 50%;
} 
.wintersnow .lightrope li:last-child:after {
    content: none;
} 
.wintersnow .lightrope li:first-child {
    margin-left: -100px;
} 
@keyframes flash-1 {
    0%, 100% {
        background: rgba(255,230,65,1);
        box-shadow: 0px 5px 6px 3px rgba(255,230,65,1);
    }
    50% {
        background: rgba(255,230,65,.4);
        box-shadow: 0px 5px 6px 3px rgba(255,230,65,0.2);
    }
} 
@keyframes flash-2 {
    0%, 100% {
        background: rgba(1,13,255,1);
        box-shadow: 0px 5px 6px 3px rgba(1,13,255,1);
    }
    50% {
        background: rgba(1,13,255,.4);
        box-shadow: 0px 5px 6px 3px rgba(1,13,255,0.2);
    }
} 
@keyframes flash-3 {
    0%, 100% {
        background: rgba(255,238,182,1);
        box-shadow: 0px 5px 6px 3px rgba(255,238,182,1);
    }
    50% {
        background: rgba(255,238,182,.4);
        box-shadow: 0px 5px 6px 3px rgba(255,238,182,0.2);
    }
} 
@keyframes flash-4 {
    0%, 100% {
        background: rgba(27,220,255,1);
        box-shadow: 0px 5px 6px 3px rgba(27,220,255,1);
    }
    50% {
        background: rgba(27,220,255,.4);
        box-shadow: 0px 5px 6px 3px rgba(27,220,255,0.2);
    }
}
/*---------- /SAINT VALENTIN ----------*/
.custom-saintvalentin.login-body {
    background: #fff url("") no-repeat center fixed;
    background-size: cover;
    background-position-y: center;
} 
.custom-saintvalentin .master-top-bar-logo-wizard {
    background: url("") center center no-repeat;
    width: 200px;
    height: 70px;
    background-size: 90%;
    vertical-align: middle;
    display: inline-block;
}
.custom-saintvalentin .login-top-bar > a.btn-myc {
    background: none;
    border: 2px solid #34495e;
    color: #00263b;
    text-decoration: none;
    text-align: center;
} 
.custom-saintvalentin .panel-email .f-size-26.color-white {
    margin-bottom:10px;
}
.custom-saintvalentin .panel-email .color-yellow {
    background-color: rgba(255,165,0,1);
    color: #00263b;
    display: inline;
    padding: 2px 5px;
} 

.modal .div-global {
    position: absolute;
    background-color: #fff;
    margin: auto;
    width: 600px;
    min-height: 600px;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
} 
.modal .div-global-big {
    width: 700px;
    top: 30px;
    transform: translate(-50%, 0);
} 
.modal .div-global .title {
    color: #203148;
    font-size: 20px;
    line-height: 20px;
    font-family: "Montserrat";
    font-weight: normal;
    text-align: center;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
} 
.modal .div-global .cross-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 20px;
    text-align: center;
    height: 60px;
    z-index: 77;
} 
.modal .div-global .cross-close i {
    cursor: pointer;
    font-size: 24px;
    line-height: 60px;
} 
.modal .div-global .subtitle {
    color: #fff;
    background-color: #65788c;
    font-size: 14px;
    line-height: 14px;
    font-family: "Montserrat";
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
}
.modal .div-global .text-list {
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Montserrat";
    font-weight: 300;
    padding: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
    height: calc(100% - 60px);
    min-height: 480px;
    font-size: 16px;
    text-align: center;
} 
.modal .div-global-big .text-list {
    background-repeat: repeat;
    background-size: auto;
}
.vertical-center {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
    margin-top: inherit;
}
.modal .div-global .text-list img,
.modal .div-global-big .text-list img {
    max-width: 140px;
    max-height: 100px;
}
.modal .div-global .text-list.text-list-no-bottom {
    margin-bottom: 0;
    height: calc(100% - 60px);
    min-height:540px;
} 
#BookingScoresModal.modal .div-global{
    width: 815px;
}
.modal .text-list .vertical-center .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
/*.text-list .vertical-center {
    height: 100%;
    position: relative;
    overflow-y: scroll;
} */
.form-minwidth {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
} 
.text-list.text-left {
    text-align: justify !important;
} 
.modal .div-global .text-list.date-panel-modal {
    padding-top: 0;
}
.modal .div-global .text-list .bold-subtitle {
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 10px;
} 
.modal .div-global .text-list .verybig {
    font-weight: normal;
    font-size: 60px;
    line-height: 50px;
    padding-bottom: 15px;
    font-family: "Montserrat";
} 
.modal .align-left {
    text-align: left;
} 
.modal .t-align-right {
    padding-right: 10px;
} 
.modal .text-bold {
    font-weight: normal;
} 
.modal label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
} 
#ModalSoldeavenir label input {
    margin-right: 5px;
    vertical-align: text-top;
} 
.modal input.date-input, 
.modal input.text-input {
    width: 70%;
    display: block;
    margin-left: 15%;
    height: 36px;
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 14px;
    text-align: center;
}
.modal input.numeric {
    text-align: right;
    border: 1px solid #ebecf2;
} 
.modal input.numeric.text-left {
    text-align: left;
} 
.icon-btn {
    font-size: 50px;
    margin-bottom: 10px;
}
.modal .div-global .tableau {
    background-color: #fff;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
} 
.modal .div-global .tableau table {
    width: 100%;
} 
.modal .div-global .tableau tr {
    height: 50px;
    text-align: left;
    border-bottom: 1px solid #dedede;
} 
.modal .div-global .tableau tr:last-child {
    border-bottom: none;
} 
.modal .div-global .tableau tr td {
    padding-left: 10px;
} 
.modal .div-global .tableau tr td.modify {
    width: 30px;
} 
.modal .div-global .tableau tr td.date {
    width: 100px;
} 
.modal .div-global .tableau tr td.montant {
    width: 80px;
    white-space: nowrap;
} 
.modal .div-global .tableau tr td.suppr {
    padding-right: 10px;
    text-align: right;
    width: 50px;
} 
.modal .div-global .tableau tr td.bloc-btn {
    text-align: right;
    padding-right: 10px;
    width: 200px;
} 
.modal .div-global .tableau tr td.t-align-right {
    padding-right: 0;
} 
.modal .div-global .link-bottom-modal {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    /*box-shadow: 0 -3px 5px rgba(0, 0, 0, .05);*/
}

.modal .div-global td.two-link {
    width: 50%;
    text-align: right;
} 
.modal .div-global td.td-switch {
    width: 120px;
} 
.modal .div-global td.two-link:first-child {
    text-align: left;
} 
.modal .div-global a.red-link, 
.modal .div-global a.blue-link, 
.modal .div-global a.green-link {
    cursor: pointer;
    font-size: 16px;
    line-height: 60px;
    font-family: "Montserrat";
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 40px;
    width: 100%;
    height: 60px;
    display: inline-block;
} 
.modal .div-global a.blue-link {
    color: rgba(77,124,254,1);
} 
.modal .div-global a.green-link {
    color: #00a46d;
} 
.modal .div-global a.red-link {
    color: rgba(242,41,24,1);
} 
.modal .div-global a.red-link:hover, 
.modal .div-global a.blue-link:hover, 
.modal .div-global a.green-link {
    text-decoration: none;
} 
.modal .div-global .one-link, 
.modal .div-global .one-link, 
.modal .div-global .one-link {
    text-align: center;
}
.modal .div-global a.close-link {
    cursor: pointer;
    color: rgba(77,124,254,1);
    font-size: 16px;
    line-height: 18px;
    font-family: "Montserrat";
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 20px;
    width: 100%;
    display: inline-block;
} 
.modal .div-global a.close-link.d-none {
    display: none;
} 
.modal .div-global a.close-link.text-left{
    text-align:left;
} 
.modal .div-global a.close-link.text-right {
    text-align:right;
} 
.modal .div-global a.close-link.f-bold {
    font-weight: normal;
} 
.modal .div-global a.close-link:hover {
    text-decoration: none;
}
div#ModalMissingNameOrBody > .div-global.bloc-file > .link-bottom-modal,
table.link-bottom-modal > tbody > tr > td.two-links > a#lbModalSaveTemplate {
    padding: 0px;
}
.bloc-box-shadow {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
} 
.browser-preview .browser-header {
    background: #00263b;
} 
.browser-preview .browser-header .dot-list{
    list-style:none;
    margin:0;
    padding:0;
} 
.browser-preview .browser-header .dot-list .dot-w{
    display:inline-block;
    margin:0 2px 0 0;
} 
.browser-preview .browser-header .dot-list .dot {
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
} 
.browser-preview .browser-header .dot-list .dot.green{
    background:#00ab76;
} 
.browser-preview .browser-header .dot-list .dot.yellow{
    background:#e3c743;
} 
.browser-preview .browser-header .dot-list .dot.red {
    background: #d9443c;
} 
.browser-preview .browser-header .dot-list .title-preview {
    color: #fff;
    font-size: 16px;
    font-family:Montserrat;
    font-weight:normal;
    display: inline-block;
}

.browser-preview #divPreviewAirbnb .preview-header {
    box-shadow: rgb(0 0 0 / 8%) 0px 1px 12px !important;
}

.mail-simulator .browser-content {
    font-family: "Montserrat";
    font-weight: 300;
} 
.mail-simulator .browser-content .mail-simulator-header {
    border-bottom: 1px solid #ebecf2;
} 
.mail-simulator .browser-content .logo-mail {
    height:60px;
} 
.mail-simulator .browser-content .rappel-booking {
    padding: 20px;
    background-color: rgba(56,110,230,.1);
} 
.mail-simulator .browser-content .btn-blue {
    display:inline-block;
    background-color: #4d7cfe;
    height:40px; 
    line-height:40px;
    padding:0 15px;
} 
.mail-simulator .browser-content .btn-blue a {
    color: #fff;
    line-height: 40px;
    font-weight:500;
} 
.mail-simulator .browser-content a:hover {
    text-decoration:none;
}
/* -------------------- SWITCHERS ------------------------ */
.switchers-w {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40px;
} 
.switchers-w span.switcher {
    position: relative;
    width: 200px;
    height: 37px;
    border-radius: 25px;
    margin: 20px 0;
}
    .switchers-w span.switcher input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        width: 200px;
        height: 37px;
        border-radius: 25px;
        background-color: #1E1E1E;
        outline: none;
        font-family: "Montserrat";
        font-weight: 300;
        cursor: pointer;
    } 
.switchers-w span.switcher input:before, .switchers-w span.switcher input:after {
    z-index: 2;
    position: absolute;
    top: 49%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFFFFF;
} 
.switchers-w span.switcher input:before {
    content: attr(data-before-content);
    left: 17px;
} 
.switchers-w span.switcher input:after {
    content: attr(data-after-content);
    right: 28px;
} 
.switchers-w span.switcher label {
    z-index: 1;
    position: absolute;
    top: 10px;
    bottom: 10px;
    border-radius: 20px;
    height:24px;
    cursor:pointer;
} 
.switchers-w span.switcher.switcher-1 input {
    transition: .25s -.1s;
} 
.switchers-w span.switcher.switcher-1 input:not(:checked) {
    background-color: #fff;
    border:1px solid #ccd1d7;
} 
.switchers-w span.switcher.switcher-1 input:not(:checked):before {
    color: #fff;
    transition: color .5s .2s;
    font-size:14px;
} 
.switchers-w span.switcher.switcher-1 input:not(:checked):after {
    color: #000;
    transition: color .5s;
    font-size:14px;
} 
.switchers-w span.switcher.switcher-1 input:not(:checked) + label {
    left: 10px;
    right: 100px;
    background: rgba(77,124,254,1);
    transition: left .5s, right .4s .2s;
} 
.switchers-w span.switcher.switcher-1 input:checked {
    background: #fff;
    transition: background .5s -.1s;
    border:1px solid #ccd1d7;
} 
.switchers-w span.switcher.switcher-1 input:checked:before {
    color: #000;
    transition: color .5s;
    font-size:14px;
} 
.switchers-w span.switcher.switcher-1 input:checked:after {
    color: #fff;
    transition: color .5s .2s;
    font-size:14px;
} 
.switchers-w span.switcher.switcher-1 input:checked + label {
    left: 100px;
    right: 10px;
    background: rgba(77,124,254,1);
    transition: left .4s .2s, right .5s, background .35s -.1s;
} 
a.crm-tool {
    width: 250px;
    padding-right: 20px;
    display: inline-block;
} 
a.crm-tool:hover {
    text-decoration: none;
} 
.left-side-tab-content {
    padding: 0 20px 20px 20px;
    width: 75%;
} 
.left-side-tab-content-50 {
    padding: 20px;
    width: 50%;
    display: flex;
    flex-flow: column nowrap;
    vertical-align: top;
}
.right-side-tab-content-50 {
    padding: 20px;
    width: 50%;
    display: flex;
    flex-flow: column nowrap;
    vertical-align: top;
    background-color: #fff;
} 
.left-side-tab-content-450 {
    padding: 20px;
    width: 450px;
    display: inline-block;
    vertical-align: top;
} 
.right-side-tab-content-450 {
    padding: 20px;
    width: calc(100% - 450px);
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
} 
.rounded-box {
    background-color:#fff;
    text-align: center;
    border-radius: 15px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    height: auto;
}
#panelNameTel > .d-table.w-100-p.m-top-5.m-autocenter > d-table-cell v-align-middle w-30-p > label {
    text-align: start !important;
}
.rounded-box .page-sub-title {
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #ebecf2;
    font-size: 17px;
    margin-bottom: 0;
    font-family: "Montserrat";
} 
.rounded-box .div-tabs {
    border-bottom: none;
} 
.rounded-box .div-tabs .nav-tabs > li {
    padding: 0;
} 
.rounded-box .div-tabs .nav-tabs > li > a {
    font-weight: normal;
    color: rgba(77,124,254,1);
    height: 40px;
    line-height: 40px;
    padding: 0 15px !important;
    margin-right: 0;
}
.rounded-box a.btn-rounded {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px !important;
    color: #fff !important;
}
    .rounded-box .section {
        padding: 20px;
        margin-bottom: 0;
        text-align: left;
        font-family: "Montserrat";
        font-weight: 300;
    }
        .rounded-box .section .d-flex {
            justify-content:space-between;
        }
            .rounded-box .section .page-sub-subtitle {
            text-align: left;
            font-size: 18px;
            margin-bottom: 10px;
            font-family: "Montserrat";
        }
    .rounded-box label {
        font-size: 14px;
        height: 40px;
        line-height: 20px;
        margin-bottom: 0;
    }
        .rounded-box label.h-auto,
        .rounded-box .cb-w label,
        .toggle-switch-w label,
        .various-choices-bloc label,
        .crm-deduplication-fields #CheckBoxListFieldList label {
            height: auto;
        } 
.rounded-box .section .selectize-control.single .selectize-input, 
.rounded-box .section .selectize-dropdown.single {
    border-width: 1px;
    border-color: #ebecf2;
    text-align:left;
    box-shadow:none;
    margin-top:0;
    border-radius:20px;
}
.rounded-box .section .selectize-control.single.bg-primary .selectize-input{
    color:#fff;
}
    .rounded-box .section .content-switch,
    .rounded-box .section .switch-with-check {
        height: 26px;
    }
    .rounded-box .product-item-img {
        border-radius: 15px 15px 0 0;
    } 
.rounded-box .table-blue-bg {
    height: 60px;
    line-height: 60px;
    width: 100%;
    vertical-align: middle;
    border: 1px solid #ebecf2;
    background-color: #fff;
    display: flex;
}
    .rounded-box .table-blue-bg.line-fullwidth {
        display: inline-table;
    }
        .rounded-box .table-blue-bg.line-fullwidth .choice-blue-bg {
            height:auto;
        }
    .rounded-box .table-blue-bg.table-blue-bg-checkbox {
        height: auto;
        line-height: initial;
        vertical-align: middle;
        display: block;
        padding: 10px 0;
    }
@media (max-width: 1360px) and (min-width: 1200px) {
    .rounded-box .table-blue-bg.pps-config-container {
        height: unset;
    }

    .rounded-box .table-blue-bg.pps-config-container .choice-blue-bg {
        height: 100%;
    }

    .rounded-box .table-blue-bg.pps-config-container .choice-blue-bg select {
        vertical-align: middle;
    }
}
.rounded-box .table-blue-bg .table-blue-bg-label {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    height: 58px;
    vertical-align: top;
    display: inline-block;
}
.rounded-box .table-blue-bg.table-blue-bg-checkbox .table-blue-bg-label {
    margin-bottom: 10px;
    height: 20px;
    line-height:20px;
}
.rounded-box .table-blue-bg.table-blue-bg-checkbox .div-checkbox {
    padding: 0 10px;
}
.rounded-box .table-blue-bg.table-blue-bg-checkbox .div-checkbox label{
    font-weight: 300;
}
    .rounded-box .table-blue-bg.table-blue-bg-checkbox .div-checkbox .choice {
        width: 49%;
        display: inline-block;
    }
    .rounded-box .table-blue-bg.table-blue-bg-checkbox .div-checkbox .choice .content-choice{
        width: auto;
        display: inline-block;
        position: relative;
    }
        .rounded-box .table-blue-bg.table-blue-bg-checkbox .div-checkbox .choice .content-choice input[type="checkbox"] {
            vertical-align: middle;
            margin: 10px 5px 10px 0;
        }
.rounded-box .table-blue-bg .popup {
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    height: auto;
    width: 220px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    top: -50%;
    right: -230px;
    z-index: 150;
}
.rounded-box .table-blue-bg .popup a{
    font-size: 12px;
} 
.rounded-box .table-blue-bg .table-blue-bg-label-300 {
    width: 300px;
}
.rounded-box .table-blue-bg .table-blue-bg-label-200 {
    width: 200px;
}
.rounded-box .table-blue-bg label {
    line-height: 18px;
    vertical-align: middle;
    height:initial;
} 
.rounded-box .section a {
    font-size:14px;
    font-family:Montserrat;
} 
.rounded-box .section a.btn {
    font-family: "Montserrat";
    font-weight: normal;
} 
.rounded-box .table-blue-bg .choice-blue-bg {
    padding: 10px;
    height: 58px;
    background-color: rgba(56,110,230,.1);
} 
.rounded-box .table-blue-bg .choice-blue-bg-300 {
    width: calc(100% - 300px);
}
.rounded-box .table-blue-bg .choice-blue-bg-200 {
    width: calc(100% - 200px);
} 
.rounded-box .table-blue-bg .choice-blue-bg select {
    vertical-align: top;
    border: 1px solid #ebecf2;
}
.rounded-box .table-blue-bg .choice-blue-bg-300 input.type-text,
.rounded-box .table-blue-bg .choice-blue-bg-300 .type-text,
.rounded-box .table-blue-bg .choice-blue-bg-200 input.type-text,
.rounded-box .table-blue-bg .choice-blue-bg-200 .type-text {
    height: 38px !important;
    line-height: 38px;
    border-radius:19px;
    width: 100%;
    vertical-align: top;
    border: 1px solid #ebecf2;
    padding: 0 10px;
    font-family: "Montserrat";
    font-weight: 300;
} 
.rounded-box .table-blue-bg-light {
    height: 40px;
    line-height: 40px;
    width: 100%;
    vertical-align: middle;
    border: 1px solid #ebecf2;
    background-color: #fff;
} 
.rounded-box .table-blue-bg-light .table-blue-bg-label {
    margin-bottom: 0;
    padding-left: 10px;
    background-color: #fff;
    height: 38px;
    vertical-align: top;
    display: inline-block;
    width:100%;
}
    .rounded-box .table-blue-bg-light input.type-text {
        height: 35px;
        font-family: "Montserrat";
        font-weight: 300;
        color: #00263b;
        border: none;
        vertical-align: initial;
        width: calc(100% - 100px);
    } 
.rounded-box .table-blue-bg .div-choice-yes-no {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    width: 49%;
} 
.rounded-box .table-blue-bg .div-choice-yes-no label {
    margin-bottom: 0;
}
.rounded-box .text-info {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 13px;
    color: #868ba0;
} 
.rounded-box .border-top {
    border-top: 1px solid #ebecf2;
    margin-top:20px;
    padding-top:20px;
} 
.rounded-box .border-bottom {
    border-bottom: 1px solid #ebecf2;
    margin-bottom: 20px;
    padding-bottom: 20px;
} 
.crm-emailingTools .rounded-box {
    width: 230px;
    height: 236px;
} 
.crm-emailingTools .rounded-box img {
    margin: 20px auto;
    height: 150px;
} 
.rounded-box .blue-bg-link-bottom, .blue-bg-link-bottom {
    height: 46px;
    line-height: 46px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    color: rgba(77,124,254,1);
    background-color: rgba(77,124,254,.2);
    border-radius: 0 0 15px 15px;
    text-align:center;
} 
.rounded-box .red-bg-link-bottom, 
.red-bg-link-bottom {
    height: 46px;
    line-height: 46px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    color: rgba(242,41,24,1);
    background-color: rgba(242,41,24,.2);
    border-radius: 0 0 15px 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
} 
.rounded-box .green-bg-link-bottom {
    height: 46px;
    line-height: 46px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background-color: #00a46d;
    border-radius: 0 0 15px 15px;
    text-align: center;
} 
.rounded-box .light-green-bg-link-bottom, .light-green-bg-link-bottom {
    height: 46px;
    line-height: 46px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: normal;
    color: rgba(0,164,109,1);
    background-color: rgba(0,164,109,.2);
    border-radius: 0 0 15px 15px;
    text-align: center;
}
.rounded-box .gray-bg-link-bottom {
    height: 46px;
    line-height: 46px;
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    background-color: rgba(77,124,254,.1);
    border-radius: 0 0 15px 15px;
    width: 100%;
    text-align: center;
} 
.selected .rounded-box .blue-bg-link-bottom {
    background-color: rgba(242,41,24,.2);
}

.rounded-box .darkslategray-bg-link-top {
    background-color: rgb(50, 75, 115);
    color: rgb(255, 255, 255);
}

.rounded-box .teal-bg-link-top {
    background-color: rgb(0,130, 145);
    color: rgb(255, 255, 255);
}


#btnOptionShowFormPaymentManager, 
#btnOptionShowFormPaymentManagerPaybox, 
#btnOptionShowFormPaymentManagerPayXpert {
    border: none;
    height: 46px;
    line-height: 46px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: normal;
    color: rgba(77,124,254,1);
    background-color: rgba(77,124,254,.2);
    width: 100%;
    border-radius: 0 0 15px 15px;
} 
#lbDeactivatePaymentManager, #lbDeactivatePaymentManagerPaybox, #lbDeactivatePaymentManagerPayXpert {
    border: none;
    height: 46px;
    line-height: 46px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: normal;
    color: rgba(242,41,24,1);
    background-color: rgba(242,41,24,.2);
    width: 100%;
    border-radius: 0 0 15px 15px;
    display: block;
} 
.selected .rounded-box .blue-bg-link-bottom a, .red-bg-link-bottom a {
    color: rgba(242,41,24,1);
} 
.rounded-box .light-green-bg-link-bottom a, .light-green-bg-link-bottom a {
    color: rgba(0,164,109,1);
} 


#EmailingFirstSynchronization .vertical-center img {
    height:50px;
    width: auto;
} 
#EmailingFirstSynchronization .vertical-center .sync-icon {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 30px;
    vertical-align: middle;
} 
@-webkit-keyframes turn-on {
    0% {
        left: 100%;
    }
    100% {
        left: 0%;
    }
} 
@keyframes turn-on {
    0% {
        left: 100%;
    }
    100% {
        left: 0%;
    }
} 
@-webkit-keyframes turn-off {
    0% {
        right: 100%;
    }
    100% {
        right: 0%;
    }
} 
@keyframes turn-off {
    0% {
        right: 100%;
    }
    100% {
        right: 0%;
    }
}
/* ----------- Overlay Frais de dossiers ----------- */
.payment-means-mask {
    z-index: 2;
    background: rgba(32,53,75,.8);
    top: 60px;
    left: 0;
    padding: 0 !important;
    height: calc(100% - 21px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
}

.fees-mask {
    z-index:2;
    background: rgba(32,53,75,.8);
    top: 0;
    left: 0;
    padding: 0 !important;
    width: calc(100% + 40px);
    margin-left: -20px;
    height: calc(100% + 56px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
}
.payment-means-mask .overlay-inner,
.fees-mask .overlay-inner {
    max-width: 638px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
} 
#divBookingFees .fees-mask, #divCashing .fees-mask {
    width: 100%;
    left: 20px;
    min-height: 100vh;
}

#divCashing .fees-mask {
    min-height: calc(100vh - 250px);
    top: 60px;
} 

#divBookingFees .fees-mask .overlay-inner, 
#divCashing .fees-mask .overlay-inner {
    top: 80px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
#divDescription, #divArticle, #divPhotos, #divConfort, #divApplicable, #divOpening, #divDrive, #divYearsPrices,
#divResources, #divPublish, #divRentalAgreement, #divDomainName, #divLocalisation, #divPictures, #divRating,
#divService, #divCgv, #divOwner, #divPrice, #divTitre, #divMessage, #divVisuels, #divScripts, #divTimeSlots,
#divOrders, #divTags, #divDashboard, #divMyOffers, #divRates, #divCatalog {
    padding: 20px;
} 
#divDescription.d-flex {
    display: flex !important;
} 
#divArticle .uc-articles {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
} 
#divArticle .uc-articles .tab-content {
    padding: 15px;
} 
#divPhotos .h-margin-neg-20 {
    margin-right: 0;
    margin-left: 0;
} 
#divPhotos .embed-xml-max-width {
    max-width: 100%;
} 
#divStock {
    margin-right: 0;
    margin-left: 0;
    padding: 20px;
} 
#divSend {
    margin-right: -5px;
    margin-left: -5px;
    padding: 20px;
} 
#divVisuels .col-left {
    width:calc(100% - 260px);
} 
#divPages li, 
#divNews li, 
#divPartners li {
    padding-left: 10px;
    padding-right: 10px;
} 
#divPages ul, #divPartners ul{
    padding-left: 0;
} 
#divCashing, #divBankDetails, #divProfil, #divUserList, #divBookingFees {
    padding: 0;
} 
#divCashing .cashing-actions-w {
    margin-left: 0;
    width: 100%;
}
#divCashing .cashing-actions-w #StripePayoutActivation .page-sub-title,
#divCashing .cashing-actions-w #NoPaymentRequest .page-sub-title,
#divCashing .cashing-actions-w #SendPaymentNotifications .page-sub-title,
#divCashing .cashing-actions-w #InsuranceActivation .page-sub-title,
#divCashing .cashing-actions-w #BankGuaranteePaymentCenter .page-sub-title,
#divCashing .cashing-actions-w #divActiveMeansOfPayment.page-sub-title,
#divCashing .cashing-actions-w #panelCashingModeTitle.page-sub-title,
#divCashing .cashing-actions-w .list-sub-title.page-sub-title {
    background-color: #fff;
    padding: 0 0 0 20px;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
    border-top: 1px solid #ebecf2;
    border-bottom: 1px solid #ebecf2;
    margin-top: -1px;
    font-family: "Montserrat";
}
#divCashing #panelCashingMode .cashing-multi-box-list .list-sub-title .text-title {
    width: calc(100% - 65px);
    display: inline-block;
}
#divCashing .cashing-actions-w .page-sub-title .open-close-title {
    width: 60px;
    display: inline-block;
    height: 58px;
    vertical-align: top;
    text-align: center;
    border-left: 1px solid #ebecf2;
    cursor: pointer;
} 
#divCashing #UpdActiveMeansOfPayment, 
#divCashing #panelCashingMode .cashing-multi-box-w {
    display: table;
    border-spacing: 20px 0px;
}
#divCashing #UpdActiveMeansOfPayment {
    display: flex!important;
    flex-wrap: wrap;
}
#divCashing #panelCashingMode .prepostpaid-cashing-multi-box-w {
    display: flex;
    padding-left: 20px;
    justify-content: center;
} 
#divCashing #UpdActiveMeansOfPayment .payment-item-box {
    display: table-cell;
    width: 200px;
    padding: 20px 20px 10px 20px;
    margin-right: 20px;
} 
#divCashing #UpdActiveMeansOfPayment .payment-item-box .onoffswitch {
    margin-right: 10px;
    margin-left:10px;
} 
#divCashing #panelCashingMode .cashing-box {
    position: relative;
    width: 25%;
    display: table-cell;
    vertical-align: top;
    margin-right: 20px;
    border: none;
    border-spacing: 0 5px;
}
#divCashing #panelCashingMode .cashing-box.prepostpaid-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#divCashing #panelCashingMode .cashing-box .div-content-bottom {
    padding: 20px;
    min-height: 90px;
    text-align: center;
} 
#divCashing #panelCashingMode .cashing-box .div-btn-bottom {
    margin-bottom: 20px;
}
#divCashing #panelCashingMode .list-sub-title {
    background-color: #00263b;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
} 
#divCashing #panelCashingMode .cashing-multi-box-list {
    padding: 20px 20px 0 20px;
}
#divCatalog .section {
    padding:0;
}
#divCatalog #divCashing #panelCashingMode .cashing-multi-box-list:last-child {
    margin-bottom: 10px;
}
    #divCashing #panelCashingMode .cashing-multi-box-list:last-child {
        margin-bottom: 70px;
    } 
.cashing-list {
    margin-bottom:20px;
} 
.cashing-list:last-child {
    margin-bottom: 0;
} 
#divCashing .textbox-payment-percentage-cashing::-webkit-outer-spin-button, 
#divCashing .textbox-payment-percentage-cashing::-webkit-inner-spin-button, 
#divCashing .textbox-payment-percentage-cashing{
    -webkit-appearance: none;
    -moz-appearance:textfield;
    margin: 0;
} 
#divCashing #panelCashingMode .list-sub-title .text-title {
    width: calc(100% - 65px);
    display: inline-block;
} 
#divCashing #panelCashingMode .list-sub-title .open-close-title {
    width: 60px;
    display: inline-block;
    height: 58px;
    vertical-align: top;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,.2);
} 
#divCashing .open-close-title .la-angle-down {
    transition-duration: 0.7s;
} 
#divCashing .open-close-title .la-angle-down.rotate-tab {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
} 
#divCashing #panelCashingMode .cashing-multi-box-list .offer-list {
    background-color: #fff;
    border: 1px solid #ebecf2;
    margin-top:-1px;
} 
#divCashing #panelCashingMode .cashing-multi-box-list .offer-title {
    height: 60px;   
    display: flex;
    align-items: center;
}
#divCashing #panelCashingMode .cashing-multi-box-list .price-line {
    height: 50px;
    background-color: #f6f8fc;
    margin-bottom: 2px;
} 
#divCashing #panelCashingMode .cashing-multi-box-list .price-line:last-child {
    margin-bottom: 0;
} 
#divCashing #panelCashingMode .cashing-multi-box-list .offer-title .img-offer {
    width: 120px;
    background-color: #34495e;
    display: inline-block;
    vertical-align:top;
} 
#divCashing #panelCashingMode .cashing-multi-box-list .offer-title .open-close-title {
    width: 44px;
    height: 60px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
} 
#divCashing #panelCashingMode .cashing-multi-box-list .text-title {
    display: inline-flex;
    align-items: center;
    height: 60px;
    width: auto;
    flex-grow: 1;
    font-size: 16px;
    font-family: "Montserrat";
}

#divCashing #panelCashingMode .cashing-multi-box-list .text-title.w-70-p{
    width: 70%;
}
#divCashing #panelCashingMode .cashing-multi-box-list .price-line .text-title {
    font-size: 13px;
    font-family: "Montserrat";
    font-weight: 300;
    margin-left: 171px;
} 
#divCashing #panelCashingMode .cashing-multi-box-list .cashing-mode {
    display: inline-block;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-weight: normal;
    width: auto;
    white-space: nowrap;
}
#UpdatePanelShopProductList .cashing-mode input {
    margin: 0 4px 0 0;
}
#divCashing #panelCashingMode .cashing-multi-box-list .cashing-mode.partial-mode {
    width: auto;
}
#divCashing #panelCashingMode .cashing-multi-box-list .cashing-mode .input-group {
    display: inline-flex;
    width: 100px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ebecf2;
    background-color: #fff;
    padding: 2px;
}
#divCashing #panelCashingMode .cashing-multi-box-list .cashing-mode .input-group input.form-control {
    background-color: transparent;
    height: 34px;
    line-height: 34px;
    vertical-align: top;
    border: none;
    width: calc(100% - 34px);
}
#divCashing #panelCashingMode .cashing-multi-box-list .cashing-mode .input-group .input-group-addon {
    border-radius: 100% !important;
    height: 34px;
    line-height: 34px;
    width:34px;
    padding : 0;
}

@media (max-width: 1439px) {
    #divCashing #panelCashingMode .cashing-multi-box-list .price-line .text-title span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #divCashing #panelCashingMode .cashing-multi-box-list .price-line .text-title {
        overflow: hidden;
        white-space: nowrap;
        margin: auto;
    }
}

@media (max-width: 1280px) {
    #divCashing #panelCashingMode .cashing-multi-box-list .price-line .text-title {
        margin: auto;
        overflow: hidden;
        white-space: wrap;
        width: auto;
    }
    #divCashing #panelCashingMode .cashing-multi-box-list .price-line .text-title span:first-child {
        display: inline;
    }
}

#divCashing #panelCashingMode .cashing-multi-box-list .price-line {
    display: flex;
}

#divCashing #panelCashingMode .cashing-multi-box-list .price-line .text-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.global-cashing-mode {
    white-space: nowrap;
}

#UpdatePanelShopProductList .global-cashing-mode {
    display: flex;
    align-items: center;
}

#divTitre .page-sub-title,
#divDomainName .page-sub-title {
    text-align: center !important;
}
    #divDomainName .page-sub-title span {
        font-family: "Montserrat";
        font-weight: 300;
        display: block;
        text-align: center;
        font-size: 13px;
    }


.selectize-control.single .selectize-input,
.selectize-dropdown.single {
    border-color: #ebecf2;
} 
.panel-condition-table {
    border: 1px solid #ebecf2;
    background-color: #fff;
    width: 550px;
} 
.panel-condition-table .title-table {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ebecf2;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
} 
.panel-condition-table .line-table {
    height: 60px;
    line-height: 36px;
    border-bottom: 1px solid #ebecf2;
    padding: 10px;
} 
.panel-condition-table .line-table:last-child {
    border-bottom: none;
} 
.panel-condition-table .line-table.light-grey-bg {
    background-color: #f6f8fc;
} 
.panel-condition-table .line-table label {
    margin-bottom: 0;
    text-transform:lowercase;
} 
.panel-condition-table .line-table label.two-lines {
    width: calc(100% - 60px);
    line-height: 18px;
    vertical-align: middle;
} 
.panel-condition-table .line-table input {
    height: 40px;
    width: 50px;
    border-radius:20px;
    border: 1px solid #ebecf2;
    vertical-align: middle;
} 
.panel-condition-table .line-table a {
    width: 40px;
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
    .panel-condition-table .line-table a i{
        height: 40px;
        line-height: 40px;
    } 
.mail-type-band{
    padding: 3px 0;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.mail-item {
    height: 300px;
    width: 260px;
    position: relative;
    cursor: initial;
} 
.mail-item-img {
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #ebecf2;

} 
.mail-item-img img {
    padding-top: 10px;
    padding-bottom:10px;
    height: 126px;
    width: auto;
}
.mail-item-description {
    color: #00263b;
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
} 
.barcode-panel {
    width: 150px;
    padding: 30px;
} 
.mail-item-description .onoffswitch {
    margin-left: 45px;
} 
.mail-item .blue-bg-link-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
} 
.mail-item .blue-bg-link-bottom a:hover {
    text-decoration:none;
    bottom: 0;
}
#divConditionsOfSale .sub-title {
    color: #00263b;
    font-size: 18px;
    text-align: left;
    padding: 20px 20px 0 20px;
    font-weight:normal;
}
/*------------------------------------- MODALES MOYENS D'ENCAISSEMENT ------------------------------- */
.bloc-file .vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 300px;
    margin-top: initial;
}
/*------------------------------------- Media queries -------------------------------------*/
@media (min-width: 1300px) {
    .div-page-title-img.product-master > div > div > label.with-durate {
        width: 54%;
    }
    div.panelSuivi table.table-data tbody td > i.las.la-phone-square + span,
    div.panelSuivi table.table-data tbody td > img + span {
        width: 80%;
    }
} 
@media (max-width: 1400px) {
    .activate-modify-paymentmanager {
        right: calc(100% - 1105px);
        top: -140px;
    }
    .d-flex-to-block {
        display: block;
    }
    .w-50-p-to-100-p {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
} 
  @media (max-width: 1350px) {
    .activate-modify-paymentmanager {
        right: calc(100% - 1102px);
        top: -123px;
    }
} 

@media (max-width: 1274px) {
    .has-resource-management .div-onboard-dashboard .onboard-item {
        width: 170px;
        height: 110px;
    }
    .activate-modify-paymentmanager {
        right: calc(100% - 1001px);
        top: -190px;
    }
} 

@media (max-width: 1200px) {

    .master-top-bar-establishment-name {
        width : calc(100% - 600px);
    }

    body#Body:not(.is-in-modal) {
        min-width: 100%;
    }

    .prices .prestation-name .p-link-quick-change span:first-of-type > span {
        display: none;
    }
    .div-onboarding-empty-page img {
        width: 100%;
    }
    .div-onboarding-empty-page p.title {
        font-size: 24px;
    }
    .div-onboarding-empty-page > div {
        margin-top: 15px;
    }
    .bloc-general-content-50 {
        display:block !important;
    }
    .left-side-tab-content-50,
    .right-side-tab-content-50 {
        width: 100%;
    }
} 
@media (min-width:1101px) and (max-width: 1200px) {
    .div-page-title-img.product-master > div > div > label.with-durate {
        width: 46%;
    }
    .dashboard-row .d-table-cell p.p {
        font-size: 50px;
    }
    .dashboard-row:not([class*=dashboard-bottom-row]) .d-table-cell:first-of-type div.text-center {
        padding-top: 8px;
    }
    .panelSuivi .panelListe .table.table-data td,
    .panelSuivi .panelListe .table.table-data th {
        padding-left: 12px !important;
        max-width: 200px;
    }
} 
  @media (max-width: 1150px) {
    .unique-offer.prices .prices-title {
        margin-bottom: 80px;
    }
    .activate-modify-paymentmanager {
        right: calc(100% - 784px);
    }
} 
  @media (max-width: 1100px) {
    .dashboard-row .d-table-cell p.p {
        font-size: 40px;
    }
    .dashboard-row:not([class*=dashboard-bottom-row]) .d-table-cell:first-of-type div.text-center {
        padding-top: 15px;
    }
    .panelSuivi .panelListe .table.table-data td,
    .panelSuivi .panelListe .table.table-data th {
        padding: 8px !important;
        font-size: 12px !important;
        max-width: 104px;
    }
    .content-nav-tab > a > span {
        display: none;
    }
    .list-oi-partner .item {
        width: 48%;
    }
    .list-oi-partner .item .infos {
        min-height: 246px;
    }
    .div-wording-pane .part-left {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 40px;
    }
} 
  @media (max-width: 974px) {
    .dashboard-row:not([class*=dashboard-bottom-row]) .d-table-cell:first-of-type div.text-center {
        padding-top: 0;
    }
} 
  @media (max-width: 400px) {
    .tt-suggestions {
        max-height: 125px;
        overflow-y: auto;
    }
} 
  @media (min-width: 401px) and (max-width: 768px) {
    .tt-suggestions {
        max-height: 185px;
        overflow-y: auto;
    }
} 
  @media (min-width: 570px) {
    .DateRangeSelector-item {
        flex-basis: auto;
    }
}
@media (max-width: 570px) {
    .wizard.m-autocenter.o-hidden.rounded-box.createAccount-panel {
        width: 450px;
    }
    .rounded-box .section .page-sub-subtitle {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .wizard.m-autocenter.o-hidden.rounded-box.createAccount-panel {
        width: 380px;
    }
    .wizard .wizard-title .wizard-title-text {
        top: 15px;
        position: relative;
    }
    .wizard-content.o-hidden {
        top: 15px;
    }
}
/*-- Custom pour le Wizard Responsive --*/
@media (max-width:600px) {
    #bodyWizard .panelLoading {
        min-width: 320px;
        max-width: 375px;
        width: 100%;
    }
    #bodyWizard .panelLoading .body-loader {
        width: auto;
        height: auto;
    }
    #bodyWizard .panelLoading .body-loader > div.div-tel-loader {
        font-size: 18px;
    }
    #bodyWizard .panelLoading .body-loader > div > img {
        width: 80px;
    }
    .wizard .wizard-title {
        padding: 20px 0;
    }
    .wizard .wizard-title .wizard-title-action {
        float: none;
        position: static;
        text-align: left;
        margin-bottom: 10px;
    }
    .wizard .wizard-content .panel-email input::-moz-placeholder {
        font-style: normal;
    }
    .wizard .wizard-content .panel-email input::-webkit-input-placeholder {
        font-style: normal;
    }
    .wizard .wizard-content .panel-email .input-group {
        display: block;
    }
    .wizard .wizard-content .panel-email .input-group .form-control {
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    .wizard .wizard-content .panel-email .input-group .input-group-addon {
        width: 100%;
        display: block;
        -moz-border-radius: 0 0 3px 3px !important;
        -webkit-border-radius: 0 0 3px 3px !important;
        border-radius: 0 0 3px 3px !important;
        margin-top: 10px;
    }
    .wizard .wizard-content div.w-70-p {
        width: 90%;
    }
    .login-top-bar-w #linkConnectTop {
        display: none;
    }
} 
@media (max-width:370px) {
    #bodyWizard .panelLoading .body-loader > div.div-tel-loader {
        width: 60%;
        margin: auto;
    }
} 
@media print {
    #temp {
        width: 100%;
        overflow: visible;
    }
}
#divMyDistributors .table-data tbody,
#divAwaitingValidation .table-data tbody {
    text-align: left;
}
.cc-card-container,
.cc-card,
.cc-support-block-container,
.cc-support-block-content,
.cc-support-block-col,
.cc-support-cta,
.cc-support-cta-btn {
    display: flex;
    flex-basis: auto;
}
.cc-filter-row {
    display: inline-block;
    float: right;
}
.cc-card-container,
.cc-support-block-container {
    flex-flow: row nowrap;
    padding: 0 20px;
}
#divBeforeActivation .page-main-title {
    padding: 30px 0;
    text-align: center;
}
#divOrders .resa-prices-panel {
    margin-top:0;
}
.cc-card-container {
    justify-content: center;
    margin-bottom: 40px;
}

.cc-card {
    flex-flow: column nowrap;
    background: #fff fixed no-repeat;
    border-radius: 15px;
    margin: 0 20px 0 0;
    padding: 20px;
    max-width: 320px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.cc-card-img {
    position: relative;
    text-align: center;
    height: 220px;
    padding-bottom: 20px;
}
.cc-card-img img{
    height: 100%;
}
.cc-card-text{
    padding: 0 20px;
}
.cc-card-title{
    font-family: "Montserrat";
    font-size: 16px;
    text-align: center;
}

.cc-card-paragraph {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 14px;
    text-align: center;
}

.cc-card-exerpt {
    font-family: "Montserrat";
    font-weight: 300;
    font-size: 10px;
    margin: 10px 0 15px 0;
    padding-left: 10px;
}
.cc-card-asterisk-icon{
    font-variant-position: super;
}
.cc-support-block-container {
    justify-content: center;
    height: 140px;
}
#divWrapperRptPrestaShopList {
    padding:0;
}
.cc-support-block {
    display: flex;
    flex-flow: row wrap;
    width: auto;
  /*  background: url(https://static.elloha.com/elloha/images/CC_support.svg) no-repeat center;
    background-size: contain;*/
}

.cc-support-block-content{
    flex-flow: row nowrap;
    padding: 20px 25px;
}

.cc-support-block-col{
    height: 100px;
    flex-grow: 1;
    padding: 15px;
}

.cc-icon{
    width: 72px;
}

.cc-support-block-text{
    text-align: left;
    align-self: center;
    margin-left: 15px;
    line-height: 20px;
}
.cc-support-excerpt {
    font-size: 24px;
    font-weight: normal;
}

.cc-support-cta {
    height: auto;
    justify-content: center;
    flex-basis: 25%;
}

.cc-support-cta-btn {
    align-items: center;
    align-self: center;
    align-content: center;
    flex-flow: row nowrap;
    height: 65px;
    width: 255px;
    background: #00a46d;
    border: none;
}

.cc-support-cta-btn:hover {
    cursor: pointer;
    color: #fff;
    transition: ease-in 0.3s;
    box-shadow: 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12), 0 5px 6px -3px rgba(0,0,0,0.20);
}

.cc-support-cta-btn:active {
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.20);
}

.cc-support-cta-btn:visited {
    color: #fff;
    box-shadow: none;
}

.cc-btn-icon,
.cc-cta-btn-text{
    text-align: left;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.cc-btn-icon{
    font-size: 35px;
    margin:0 10px;
}

.cc-li-activation-switch{
    float: right !important;
}

.cc-onoffswitch {
    position: relative;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.cc-onoffswitch a{
    color:#00263b;
}
.cc-onoffswitch-checkbox {
    display: none;
}

.cc-onoffswitch-label {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
    vertical-align: middle;
    margin-left: 5px;
    width: 50px;
    height: 26px !important;
    line-height: 26px !important;
}
.cc-onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .cc-onoffswitch-inner:before, .cc-onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 26px;
        padding: 0;
        line-height: 26px;
        font-size: 13px;
        color: white;
        font-weight: normal;
        box-sizing: border-box;
    }

    .cc-onoffswitch-inner:before {
        content: " ";
        background-color: #F22918;
        color: #FFFFFF;
        text-align: center;
        padding-right: 20px;
    }

    .cc-onoffswitch-inner:after {
        content: " ";
        background-color: #00a46d;
        color: #FFFFFF;
        text-align: center;
        padding-left: 20px;
    }

    .col-abo .cc-onoffswitch-inner:before,
    .col-abo .cc-onoffswitch-inner:after {
        background-color: #00263b;
    }

    .col-abo .cc-onoffswitch span.active-wording {
        color:#00263b;
    }
    
    .col-abo .cc-onoffswitch span.n-active-wording {
        color:#acadb1;
    }
.cc-onoffswitch-switch {
    display: block;
    width: 20px;
    height: 20px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.cc-onoffswitch-label .cc-onoffswitch-inner {
    margin-left: 0;
}

.cc-onoffswitch-label .cc-onoffswitch-switch {
    right: 0;
}

.cc-onoffswitch-label.cc-activated .cc-onoffswitch-inner {
    margin-left: -50px;
}

.cc-onoffswitch-label.cc-activated .cc-onoffswitch-switch {
    right: 25px;
}
.hidden-content {
    background-color: #f1f4f7;
    border: 1px solid #ebecf2;
    padding: 10px;
}

.cc-filter-link {
    font-size: 12px;
    font-weight: 200;
}
    .cc-filter-link.active {
        color: darkslategray;
        font-weight: normal;
    }
.cc-card-col,
.cc-shortcode-block,
.cc-stripe-button {
    display: flex;
}
.cc-dash-card {
    background: #fff fixed no-repeat;
    border-radius: 30px;
    margin: 20px 30px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    min-width: 500px;
}
.cc-shortcode-block {
    flex-flow: row nowrap;
    justify-content: space-around;
}
.cc-catalogue{
    margin: 20px 50px;
}
.cc-card-col {
    text-align: center;
    flex-flow: column nowrap;
    justify-content: center;
}
.cc-card-col-currency{
    position: relative;
    font-size: 25px;
    left: -15px;
    
}
.cc-card-col-unity {
    font-size: 13px;
    text-transform: uppercase;
    opacity: 0.65;
}
.cc-shortcode-block{
    flex-basis: 100%;
    margin: 15px 0;
    align-items: baseline;
}
.cc-shortcode-name {
    display: inline-block;
    text-align: left;
    width: 90px;
    font-size: 14px;
    font-weight:normal;
}
.cc-shortcode-input {
    height: 40px;
    line-height:40px;
    border-radius: 20px;
    font-size: 13px;
    padding: 0 15px;
    flex-grow: 5;
    border: 1px solid #ebecf2;
    font-family: "Montserrat";
    font-weight: 300;
    color: lightslategray;
}
.cc-shortcode-icon {
    flex-grow: 1;
    text-align: center;
    font-size: 20px;
    color: rgba(77,124,254,1);
}
.cc-shortcode-icon i:hover {
    cursor: pointer;
}
.cc-shortcode-facebook-icon {
    height: 30px;
    width: 30px;
}
.cc-shortcode-google-icon{
    height: 30px;
    width: 30px;
}
.cc-stripe-icon {
    background-color: #fff;
    width: 77px;
    height: 50px;
    flex-grow: 1;
    border-radius: 10px;
    margin-bottom:10px;
}
.cc-stripe-paragraph {
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
}
.cc-incentive-container {
    display: flex;
    padding: 0 20px;
    margin-left: -20px;
    margin-right: -20px;
    justify-content: flex-start;
    background-color: #fff;
    border-bottom: 1px solid #ebecf2;
}
.cc-incentive-text {
    padding: 10px 50px 10px 0;
}
.dashboard-ribbon .cc-incentive-container {
    z-index: 9;
    right: 0;
    top: 5px;
    flex-flow: row wrap;
    position: absolute;
}
.dashboard-ribbon .cc-incentive-text {
    flex-grow: 3;
    padding: 6px 15px;
    align-self: center;
    max-width: 350px;
    padding:0;
}
.cc-incentive-title {
    font-size: 18px;
    font-family: "Montserrat";
    margin: 0 0 2px 0;
    line-height: 20px;
}
.cc-incentive-paragraph {
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    color: #868ba0;
    font-family: "Montserrat";
    font-weight: 300;
}
.cc-incentive-btn {
    padding: 10px;
    text-align: center;
    font-family: "Montserrat";
    align-self: center;
    color: #fff;
    background-color: #F39C12;
}
.cc-incentive-btn:hover {
    cursor: pointer;
    color: #fff;
    background-color: #ff6a00;
    transition: ease-in 0.3s; 
}
.cc-incentive-btn:active {
    background-color: #F39C12;
}
.cc-incentive-btn:visited {
    color: #fff;
    background-color: #F39C12;
    box-shadow: none;
}
.cc-incentive-cta {
    margin: 0;
    line-height: 16px;
}
.cc-brandname {
    font-size: 18px;
    font-weight: normal;
}
.div-title-with-bg.div-title-dashboard,
.div-title-with-bg.div-title-planning.pos-relative {
    height: 115px;
}

.custom-mail-panel-overlay {
    background: rgba(77,124,254,1) url("") no-repeat;
    background-position-x: right;
    background-blend-mode: multiply;
}

.mail-template-selection {
    border: 0;
    background: url("") no-repeat right #fff;
    -webkit-appearance: none;
    background-position-x: 244px;
}

.email-pps-textbox {
    height: 96%;
    border: none;
    outline: none;
}

/* Emails Campaign LandingPage - FreeTrial screen - PlaceHolder Without Subscription */

.icons-container,
.flex-icons,
.email-icon{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.flex-icons{
    margin: 50px auto;
    flex-grow: 1;
}
.email-icon {
    flex-flow: column nowrap;
}
.email-icon-svg {
    padding: 0 20px;
}
.email-icon-text {
    margin: 20px auto;
    padding: 0 10px;
    text-align: center;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    width: 180px;
    color: rgba(77,124,254,1);
}

/* ---------------- Synchro Airbnb & Booking ---------------- */
#imgChannelLogoSynchro {
    height:40px;
    margin-left:20px;
}
.bloc-autor-sync {
    margin-top: 14px
}
    .bloc-autor-sync .txt-autor-sync {
        font-family: "Montserrat";
        font-weight: 300;
        line-height: 16px;
        vertical-align: super;
    }
.sync-mask {
    z-index: 2;
    background: rgba(32,53,75,.8);
    top: 70px;
    left: 0;
    padding: 0 !important;
    width: 100%;
    height: calc(100vh - 140px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
}
    .sync-mask img.logosync {
        margin-top:90px;
        margin-bottom:20px;
    }
        .sync-mask img.arrow-white {
            position:absolute;
            right:70px;
            top:20px;
            height:105px;
        }
        #divMyOffers .synchro-item,
        #divMyOffers .synchro-item .page-list-item-photo {
            width: 300px;
            max-width: 300px;
            min-width: 300px;
        }
#divMyOffers .synchro-item .page-list-item-photo div img {
    max-height: initial !important;
}
#divMyOffers .synchro-item .product-item-description {
    height: 110px;
}
#divMyOffers .synchro .selectize-control.single .selectize-input {
    padding: 0 10px;
}

#divRates .image-left {
    width: 150px;
    height: 100px;
    margin-right: 15px;
    display: inline-block;
}
#divRates .tab-right {
    width: calc(100% - 170px);
    display: inline-block;
    vertical-align: top;
}
    #divRates .tab-right td:last-child {
        padding-right: 10px !important;
        width: 350px;
    }
#SynchroPhotos.photo-container {
    width: 100%;
    padding: 0;
    background-color : transparent;
}
    #SynchroPhotos.photo-container .photo-item {
        margin: 0;
        width: 33%;
        height: 135px;
        border: 5px solid transparent;
    }
        #SynchroPhotos .photo-item.photo-active {
            border: 5px solid rgba(255,165,0,1);
        }
#SynchroPhotos .photo-item .photo-item-rel {
    border: none;
    background-color: #00263b;
    height: 125px;
}
#SynchroPhotos .photo-item .photo-check {
    display: none;
}
#SynchroPhotos .photo-item.photo-active .photo-check {
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 18px;
    color: rgba(255,165,0,1);
    left: 7px;
    top: 2px;
}
#SynchroPhotos .photo-item .photo-overlay {
    height: 100%;
    width: 100%;
}
#SynchroPhotos .photo-item .photo-inner-wrap {
    height: 125px;
}
#SynchroPhotos .photo-item.photo-active .photo-inner-wrap {
    opacity:.3;
}
#SynchroPhotos .photo-item:hover .dropdown-menu {
    display:none;
}

#SynchroPhotos .photo-overlay .d-table-cell {
    height: 125px;
}
#divSynchroGMB {
    position:relative;
}
    #divSynchroGMB .arrow-blue {
        position: absolute;
        right: 70px;
        top: -60px;
        height: 105px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    #divSynchroGMB .logosync {
        margin-top: 80px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        width: 80px;
        display: block;
    }

/* ---------------- Jours d'arrivée ---------------- */

.applied-day-list tr:first-child,
.close-on-arrival-list tr:first-child{
    border-bottom:1px solid #fff;
}

.applied-day-list tr td.rate,
.close-on-arrival-list tr td.rate {
    padding: 0px;
}

.applied-day-list tr td input,
.applied-day-list tr td input:focus,
.close-on-arrival-list tr td input,
.close-on-arrival-list tr td input:focus {
    padding: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
}

    .applied-day-list tr td input:checked,
    .close-on-arrival-list tr td input:checked {
        background: url("") no-repeat center center;
        background-size: 18px;
    }

/* ---------------- Upsell ---------------- */
.link-help {
    height: 60px;
    line-height: 58px;
}
.inactive-bloc {
    opacity: 0.5;
    pointer-events: none;
}
.UpsellPage .div-wording-pane .part-left {
    max-width: 50%;
}
.UpsellPage .div-wording-pane .part-right {
    padding-top: 50px;
}
.arrow-mini img {
    transform: rotate(90deg);
    margin-bottom: 40px;
}
.UpsellPage .product-item .onoffswitch {
    margin: 15px auto 0 auto;
    width: 160px;
}
.UpsellPage .product-item .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-upsell {
    margin-left: -160px;
}

.UpsellPage .product-item .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 134px;
}
.UpsellPage .product-item .onoffswitch-upsell:before,
.UpsellPage .product-item .onoffswitch-upsell:after {
    font-family: "Montserrat";
    text-transform: initial;
    font-weight: normal;
}
.UpsellPage .rounded-box .border-bottom {
    margin-bottom:0;
}
.UpsellPage .onoffswitch-switch,
.UpsellPage .onoffswitch-inner {
    transition: none;
} 
.yesno {
    width: 100px;
}
    .yesno .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-yesno {
        margin-left: -100px;
    }
    .yesno .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 74px;
    }
.title-switch {
    width: calc(100% - 120px);
}
.btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.UpsellPage .room-list .dropdown-menu {
    padding: 0;
    border-color: #ebecf2;
    border-radius:0;
}
.UpsellPage .room-list .dropdown-menu li {
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #ebecf2;
    padding:5px;
}
    .UpsellPage .room-list .dropdown-menu li a {
        padding: 0;
        text-transform: initial;
        font-family: "Montserrat";
        font-weight: 300;
    }
.UpsellPage .room-list .dropdown-image {
    height: 50px;
    padding-right: 10px;
}
.UpsellPage .room-list.dropdown-selected {
    height: 52px;
}
    .UpsellPage .room-list.dropdown-selected .la-angle-down {
        margin-top: 12px;
    }
.UpsellPage .browser-content {
    background-color : rgba(52,73,94,.5);
}
.upsell-preview {
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
}
.upsell-previewTitle {
    background-color: #ff0c56;
    height: 50px;
    border-radius: 15px 15px 0 0;
    color: #fff;
    text-transform: uppercase;
    line-height: 50px;
    position: relative;
    font-weight:normal;
}
    .upsell-previewTitle .la-times {
        position: absolute;
        right: 15px;
        top: 18px;
    }
.upsell-previewImg {
    position:relative;
}
.upsell-previewImg img {
    width: 100%;
}
.upsell-previewImgTxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    padding:5px 10px;
    text-align:left;
}
.upsell-previewDescription {
    padding:20px;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
}
.browser-preview-alert {
    padding: 15px;
    border: 2px solid #fda921;
    background-color: rgba(253,169,33,.2);
    text-align: center;
}
.browser-preview-alertcontent {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.button-datepicker {
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #00263b;
    color: #fff;
}
.link-trad {
    text-transform: initial !important;
    white-space: nowrap;
}
.bloc-info-GMB {
    height:40px;
    line-height:40px;
    width:260px;
    padding:0 10px;
    margin-right:10px;
    background-color:#fff;
    text-align:left;
    display:inline-block;
    vertical-align:middle;
}
#DivGoogleReview .page-sub-title {
    text-transform:capitalize;
}
#divDashboardNews .rounded-box .nonews .txt {
    width: calc(100% - 60px);
}
#divDashboardNews .rounded-box .hadnews .date-news {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    line-height: 13px;
    background-color: #00263b;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px 0;
}
#divDashboardNews .rounded-box .hadnews .date-news .day{
    font-size: 14px;
}
#divDashboardNews .rounded-box .hadnews .txt-news {
    padding-left: 5px;
    width: calc(100% - 44px);
    vertical-align: top;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.img-news-list {
    width: 70px;
    height: 50px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.nophoto {
    width: 70px;
    height: 50px;
    line-height: 50px;
    background-color: #00263b;
    text-align: center;
}
    .nophoto i {
        color: #fff;
        font-size: 30px;
        line-height: 50px;
    }
.btn-choice-dates {
    padding:2px !important;
}
    .btn-choice-dates .action-planning,
    .btn-choice-dates .action-planning-activity {
        height: 34px;
        line-height: 34px;
        width: 34px;
        border-radius: 18px;
        color: #34495e !important;
        background-color: #f6f8fc;
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }
.btn-switch-txt {
    padding: 2px !important;
}
    .btn-switch-txt .action-planning-reservation {
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
        background-color: transparent !important;
        color: #34495e !important;
        vertical-align: super;
    }
    .btn-switch-txt .action-planning-reservation:hover {
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
    }
        .btn-switch-txt .action-planning-reservation.active {
            background-color: #00263b !important;
            color: #fff !important;
        }
.website-title-container {
    line-height:20px;
}
.website-title-container span{
    font-weight:300;
}
#liSectionSupport {
    display:none;
}
#menuItemSupport {
    margin-top:15px !important;

}

.btn-icon,
.btn-icon:hover,
.btn-icon:active {
    padding: 0 !important;
    background-color: transparent !important;
    color: rgba(77,124,254,1) !important;
    vertical-align: middle;
}
.btn-icon.color-red {
    color: rgba(242,41,24,1) !important;
}
.btn-icon i.las {
    font-size: 24px;
    height: 40px;
    line-height: 40px;
}
.rounded-span {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ebecf2;
    background-color: #fff;
    display: flex;
    padding: 2px;
}
    .rounded-span input {
        background-color: transparent;
        width: calc(100% - 34px);
        height: 34px;
        line-height: 34px;
        vertical-align: top;
        border:none;
        padding:0 10px;
    }
    .rounded-span input .rounded-action {
        width: 34px;
        padding: 0;
        height: 34px;
        line-height: 34px;
        border-radius: 100%;
        text-align: center;
    }
.rounded-date-choice {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ebecf2;
    padding: 2px;
    display: inline-flex;
    width: 160px;
}
.rounded-date-choice input {
    height: 34px;
    line-height: 34px;
    border: none;
    width: calc(100% - 34px) !important;
    background-color: transparent;
}
    .rounded-date-choice .input-group-addon {
        height: 34px;
        text-align: center;
        font-size: 18px;
        padding: 0;
        width: 34px;
        line-height: 34px;
        border-radius: 100% !important;
    }
.rounded-input {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ebecf2 !important;
}
.stats-cell-reminder {
    text-align: center;
    vertical-align:middle;
    padding: 5px;
}
.stats-reminder .stats-data-reminder {
    font-weight: 600;
    font-size: 40px;
    vertical-align: bottom;
}
.stats-reminder .stats-label-reminder {
    vertical-align: bottom;
}
.pps-config-container .rounded-input .form-control {
    border: none;
    background-color: transparent;
    text-align: right;
    width: calc(100% - 34px);
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
    padding: 0 5px
}
.pps-config-container .rounded-input label {
    height: 34px;
    line-height: 34px;
    width: 34px;
    background-color: #f6f8fc;
    border-radius: 18px;
    text-align: center;
}
input#noFeesChk {
    height: 17px;
    width: 17px !important;
    vertical-align: top;
}

.pub-campus {
    background-color: #FFD12B;
    padding: 10px 20px;
}

    .pub-campus .alternate-content {
        height: 50px;
        line-height: initial;
        display: flex;
        align-items: center;
    }

    .pub-campus img {
        height: 50px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .pub-campus a {
        text-decoration: underline;
    }
.filter-panel label {
    color:#fff !important;
}

.RadCalendar_Default .rcMainTable {
    height:100%;
}

.rules-panel select {
    padding: 0 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* Modal MFA */

body.bodyModalMFA {
    background: #fff url("") no-repeat center fixed;
    background-size: cover;
    color: #00263b;
}

.modalMFA {
    display: block;
    width: 525px;
    margin: auto;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
    margin-top: 7%;
}

.contentModalMFA {
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contentModalMFA .titreModalMFA {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: #203148;
    font-size: 20px;
    line-height: 20px;
    font-family: "Montserrat";
    font-weight: normal;
    text-align: center;
    padding: 10px;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 15px 15px 0 0;
}


.titreModalMFA h2 {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 20px;
    color: #293748;
}

.rounded-boxMFA {
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    height: auto;
}

.pictureModalMFA {
    padding: 40px;
}

.messageModalMFA p {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #1e3249;
    padding: 10px 40px;
}

.confirmModalMFA h4.titleConfirmMFA {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #1e3249;
    padding: 10px;
}

.footModalMFA span {
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 14px;
    color: #00263b;
    padding: 20px;
}

.wrapBlocConfirmMFA {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.blocConfirmMFA input {
    height: 44px;
    background: #f1f4f7;
    border-radius: 10px;
    border: 1px solid #edeef3;
    margin: 10px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

input#Code::placeholder {
    font-weight: 300;
    color: lightgrey;
}

input.confirmIdentityMFA {
    background: #4d7cfe;
    font-family: "Montserrat";
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    border: none;
    border-radius: 30px;
    margin: 10px;
    line-height: 1.2;
}

input.confirmIdentityMFA:hover {
    padding: 10px 20px!important;
    line-height: 1.2;
}
.footModalConfirmEmailMFA {
    background: #f1f4f7;
    padding: 20px;
    color: #4d7cfe;
    border-radius: 0 0 15px 15px;
    margin-top: 30px;
}

.footModalConfirmEmailMFA a {
    font-family: "Montserrat";
    font-weight: normal;
    color: #4d7cfe;
    text-decoration: none;
}

a[disabled].greyed {
    opacity: 0.65;
}

.owl-slider.template-r,
.owl-slider.template-l {
    position: relative;
    width: 5%;
    text-align: center;
}

.consent-w {
    display: flex;
    align-items: baseline;
    text-align: left;
}

.sandbox-slider {
    display: flex;
    align-items: center;
}
@media (max-width: 1750px) {
    .page-title.page-title-thin.email-detail-container.is-fixed {
        width: 87% !important;
    }
}
@media (max-width: 1550px) {
    .page-title.page-title-thin.email-detail-container.is-fixed {
        width: 86% !important;
    }
}
@media (max-width: 1350px) {
    .page-title.page-title-thin.email-detail-container.is-fixed {
        width: 83% !important;
    }
}
@media (max-width: 1150px) {
    .page-title.page-title-thin.email-detail-container.is-fixed {
        width: 81% !important;
    }
}
@media (max-width: 1000px) {
    .page-title.page-title-thin.email-detail-container.is-fixed {
        width: 79% !important;
    }
}
@media (max-width: 900px) {
    .page-title.page-title-thin.email-detail-container.is-fixed {
        width: 77% !important;
    }
    .page-main-title {
        font-size: 16px;
    }
    .clearfix.w-max-1140 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        left: -10px;
        position: relative;
    }
    a.btn.btn-MyC-return.pull-left.m-top-17.m-right-20 {
        margin: 0;
        margin-right: 10px;
    }
    div#suppressButton,
    .pull-right.text-center.p-left-20 
    {
        padding-left: 5px;
    }
}
.btncColorAndFont {
    width: 13px;
    height: 13px;
    border: 2px solid #A0B3CB;
    border-radius: 15px;
}
.be-tb-color.text-center.w-90 {
    border: 1px solid #ebecf2;
}
.flex-wrap {
    flex-wrap: wrap;
    display: flex;
}
.font-container .selectize-input {
    border-radius: 0 !important;
}
input#TextBoxDuVal, 
input#TextBoxAuVal {
    width: 110px !important;
}
.ck-source-editing-area {
    text-align: start;
}
.save-special-offer {
    top: -50px;
    position: relative;
}
#ctl00_MainContent_divAddProductType .v-align-middle {
    width: 120px !important;
}
a.link-menu.disabled {
    opacity: 0.5;
    pointer-events: none;
}

div#ModalCGUVW .modal-dialog {
    width: 100%;
    margin: 0px;
}

div#ModalCGUVW {
    max-width: 50%;
    max-height: 90%;
    margin: auto;
}

body.modal-open {
    overflow: hidden; /* Bloque le défilement */
}

/* Empêche les interactions et crée un fond semi-transparent */
#ModalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1040; /* Position sous la modale */
    opacity: 0.6;
}

.div#ModalCGUVW modal-header {
    border-radius: 0px;
}

div#ModalCGUVW .modal-body {
    padding: 20px;
}

.modal-header {
    display: flex;
    justify-content: space-between;
}


/*------ Tables dynamiques ------*/

/* Gestion des sticky */
.table .sticky-head th {
    position: sticky;
    top: -1px;
    z-index: 1;
}

table tbody td {
    position: relative;
}

.table thead th.sticky {
    position: sticky;
    left: 0;
    z-index: 2;
}

.table tbody tr td.sticky {
    position: sticky;
    left: 0;
    z-index: 2;
    font-weight: 500;
    padding-right: 5px !important;
}
/* -- Bootstrap -- */
.stats-main-w .btn:not(.btn-show-hide-filter-list),
.stats-main-w .btn:not(.btn-show-hide-filter-list):hover {
    font-family: 'Montserrat';
}
.stats-main-w .btn-default {
    background: #fff;
    border: 1px solid #ebecf2;
    height:40px;
    line-height:40px;
    color:#34495e;
}
    .stats-main-w .btn-default:hover,
    .stats-main-w .btn-default.active {
        background: #ebecf2;
        height: 40px;
        line-height: 40px;
    }
    .stats-main-w .btn-default.active {
        background: #2078e9;
        border-color: #2078e9;
        box-shadow: none;
        color: #fff;
        cursor: default;
    }
.stats-main-w .nav-tabs {
    font-family: 'Montserrat';
    max-width: none;
    width: 100%;
}
    .stats-main-w .booking-window-legends-w {
        height: 34px;
        line-height: 34px;
    }
    .stats-main-w .label {
        border-radius: 2px;
        font-size: 12px;
        font-weight: 400;
        padding: 3px 6px;
        vertical-align: middle;
    }
.stats-main-w .label-global {
    background-color: #2078e9;
}
    .stats-main-w .label-ota {
        background-color: #1ac7bf;
    }
    .stats-main-w .label-direct {
        background-color: #e74833;
    }
.stats-content-w .stats-header .nav-tabs {
    width: auto;
}
.stats-content-w .nav-tabs > li > a {
    margin-left: 15px;
    padding: 0 15px;
    text-transform: none;
}
    .stats-content-w .nav-tabs > li:first-of-type > a {
        margin-left: 0;
    }
.stats-content-w .nav-tabs > li.active > a,
.stats-content-w .nav-tabs > li.active > a:hover,
.stats-content-w .nav-tabs > li.active > a:focus {
    border: solid #ebecf2;
    border-width: 0 0 1px 0;
}
.stats-main-w .add-panel-plus {
    border-top: 1px solid #ebecf2;
}
    .stats-main-w .add-panel-plus label {
        color: #00263b;
    }
/* -- /Bootstrap -- */

/* -- Pikaday -- */
.stats-date-w .pika-button {
    background: #fff;
    color: #00263b;
}
/* -- /Pikaday -- */

.stats-main-title {
    height: 70px;
    line-height: 68px;
    display: inline-block;
}
.stats-reference-w {
    float: right;
    text-transform: none;
    height: 70px;
    line-height: 68px;
}
    .stats-reference-w .btn-group {
        margin: 0 10px;
    }
    .stats-reference-w > div {
        display: inline-block;
        vertical-align: middle;
    }
.stats-reference-text {
    font-size: 12px;
    line-height: 14px;
    font-family: 'Montserrat';
}
.stats-content-w {
    color: #00263b;
    margin-top: 20px;
}
.stats-section {
    background: #fff;
    box-shadow: 0 1px 3px #ccc;
    margin-bottom: 20px;
}
.stats-inner {
    padding: 20px;
}
.stats-part {
    border: solid #ebecf2;
    border-width: 1px 0 0;
}
    .stats-part:first-of-type {
        border-top: 0;
    }
.stats-half-part {
    float: left;
    width: 50%;
    border: inherit;
    border-width: 0 1px 0 0;
}
.stats-header {
    margin-bottom: 15px;
}
.stats-header .btn-group {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
    padding: 2px;
    display: inline-flex;
}
    .stats-header .btn-group .btn-default {
        height: 36px;
        text-align: center;
        font-size: 15px;
        padding: 0;
        width: 38px;
        line-height: 36px;
        border-radius: 100% !important;
        border: none;
    }
    .stats-header .btn-group .btn-default.active {
        background-color : #00263b
    }
    .stats-header .btn-group.date-choice .btn-default {
        width: auto;
        padding: 0 10px;
        border-radius: 18px !important;
        font-size: 14px;
    }
    .stats-part-title {
        font-size: 16px;
        height: 34px;
        line-height: 34px;
        text-transform: uppercase;
        font-weight: normal;
    }
.stats-cumulative-item {
    color: #757f90;
    display: inline-block;
    font-size: 13px;
    padding: 0 15px;
    text-transform: uppercase;
}
    .stats-cumulative-item span {
        color: #00263b;
        font-size: 40px;
        font-weight: normal;
    }
[data-chart],
[data-empty-chart] {
    height: 350px;
    line-height: 350px;
    text-align: center;
    position: relative;
}
    [data-chart="geo"],
    [data-empty-chart="geo"] {
        height: 500px;
        line-height: 500px;
        text-align: center;
    }
.stats-selector-w {
    bottom: -5px;
    left: 0;
    line-height: 1;
    position: absolute;
    margin-bottom: 2px;
}
    .stats-selector-w .selectized {
        width: 100px;
        padding: 10px;
        top: 15px;
    }
.stats-custom-dates-w {
    margin-bottom: 15px;
    text-align: center;
}
    .stats-custom-dates-w .page-list-item-btn {
        margin: 0;
    }
    .stats-custom-dates-w > div {
        display: inline-block;
        vertical-align: middle;
    }
    .stats-selector-w select {
        margin-left: 5px;
    }
.stats-date-w {
    margin: 0 10px;
}

    .stats-date-w .input-group {
        height: 40px;
        line-height: 40px;
        border-radius:20px;
        border: 1px solid #ebecf2;
        padding: 2px;
        display: inline-flex;
    }

        .stats-date-w .input-group input {
            height: 34px;
            line-height: 34px;
            border: none;
            width: calc(100% - 34px);
        }
    .stats-date-w .input-group-addon {
        cursor: pointer;
        height: 34px;
        text-align: center;
        font-size: 18px;
        padding: 0;
        cursor: pointer;
        width: 34px;
        line-height: 34px;
        border-radius: 100% !important;
    }
.stats-custom-dates-text:first-of-type {
    text-transform: capitalize;
}
.stats-scale-legend {
    float: left;
    height: 34px;
    line-height: 34px;
    margin-right: 15px;
}

/*-- Loader spécifique --*/
#divChartLoader {
    display: none;
    position: fixed;
    z-index: 20000;
    top: 50%;
    left: 50%;
    max-width: 500px;
}
    #divChartLoader .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16em;
        height: 16em;
        transform: translate(-50%,-50%);
    }
.chart {
    color: #FFF;
}
    .chart::before,
    .chart::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0.25em;
        height: 8.125em;
        margin: 0 0 0 -3.25em;
        transform: translate(-50%,-50%);
        background-color: currentColor;
        border-radius: 0.125em;
    }
    .chart::after {
        width: 8.125em;
        height: 0.25em;
        margin: 3.125em 0 0 -0.125em;
    }
    .chart i {
        position: absolute;
        bottom: 4.75em;
        left: 10.5em;
        box-sizing: border-box;
        display: block;
        width: 1.624em;
        height: 0;
        background-color: #0873c9;
        box-shadow: inset 0 0 0 0.25em currentColor;
    }
        .chart i:first-child {
            animation: chart1 1.6s infinite linear;
        }
        .chart i:nth-child(2) {
            background-color: #1ac7bf;
            animation: chart2 1.6s 0.4s infinite linear;
        }
        .chart i:nth-child(3) {
            background-color: #f4ce48;
            animation: chart4 1.6s 0.8s infinite linear;
        }
        .chart i:last-child {
            background-color: #e74833;
            animation: chart3 1.6s 1.2s infinite linear;
        }
@keyframes chart1 {
    0% {
        height: 0;
    }
    10% {
        height: 5.625em;
    }
    70% {
        width: 1.624em;
        transform: translateX(-5.875em);
    }
    99% {
        width: 0;
        height: 5.625em;
        transform: translateX(-5.875em);
    }
    99.1% {
        height: 0;
        transform: translateX(0em);
    }
    100% {
        height: 0;
    }
}
@keyframes chart2 {
    0% {
        height: 0;
    }
    10% {
        height: 2.375em;
    }
    70% {
        width: 1.624em;
        transform: translateX(-5.875em);
    }
    99% {
        width: 0;
        height: 2.375em;
        transform: translateX(-5.875em);
    }
    99.1% {
        height: 0;
        transform: translateX(0em);
    }
    100% {
        height: 0;
    }
}
@keyframes chart3 {
    0% {
        height: 0;
    }
    10% {
        height: 3.5625em;
    }
    70% {
        width: 1.624em;
        transform: translateX(-5.875em);
    }
    99% {
        width: 0;
        height: 3.5625em;
        transform: translateX(-5.875em);
    }
    99.1% {
        height: 0;
        transform: translateX(0em);
    }
    100% {
        height: 0;
    }
}
@keyframes chart4 {
    0% {
        height: 0;
    }
    10% {
        height: 4.5625em;
    }
    70% {
        width: 1.624em;
        transform: translateX(-5.875em);
    }
    99% {
        width: 0;
        height: 4.5625em;
        transform: translateX(-5.875em);
    }
    99.1% {
        height: 0;
        transform: translateX(0em);
    }
    100% {
        height: 0;
    }
}
.text-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 16em;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    margin-top: 13em;
}
/* Présentation générale */
#Cashing {
    background: #fff;
    font-family: 'Open Sans';
    padding: 15px;
    color: #00263b;
}

    #Cashing .em-scan-close a {
        color: #00263b;
    }

/* Champs de saisie du montant */
.em-cashing-price {
    text-align: center;
}

    .em-cashing-price .cashed-amount-container {
        display: table-cell;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #d2d6db;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .em-cashing-price label {
        font-weight: normal;
        margin: auto 0 auto auto;
        display: inline-flex;
    }

    .em-cashing-price input {
        height: 50px;
        font-size: 30px;
        font-family: 'Open Sans';
        width: 100%;
        border: 0;
        outline: 0;
        display: inline-flex;
    }

    .em-cashing-price .input-group-addon {
        border-left: 1px solid #d2d6db !important;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    
        .em-cashing-price .input-group-addon label {
            font-weight: bold;
            font-size: 1.4em;
        }

    .em-cashing-price em {
        display: inline-block;
        font-size: 20px;
        font-style: normal;
    }

/* Moyens de paiement */
.em-cashing-mop {
    margin-top: 40px;
}

    .em-cashing-mop h2 {
        font-size: 16px;
        text-align: center;
        font-weight: 700;
    }

    .em-cashing-mop > div > div > a {
        display:block;
        width: 100%;
        height: 70px;
        border: 1px solid #d2d6db;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #00263b;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }

        .em-cashing-mop > div > div > a.hover {
            background-color: #00263b;
            color: #FFF;
        }

        .em-cashing-mop > div > div > a[disabled] {
            background: #e2e3e4;
        }

        .em-cashing-mop > div > div > a.em-cashing-info {
            font-weight: normal;
            background-color: rgba(77,124,254,1);
            color: #FFF;
            padding: 4px 30px;
        }

    .em-cashing-mop-second {
        margin-top: 15px;   
    }

    .em-cashing-mop-first >div {
        padding: 0 15px 0 0;
    }

    .em-cashing-mop-second >div {
        padding-right: 10px;
        padding-left: 0;
    }

    .em-cashing-mop-first >div:last-child,
    .em-cashing-mop-second >div:last-child {
        padding: 0;
    }

    .em-cashing {
        background-image: url("");
        background-repeat: no-repeat;
        margin: auto;
    }

    .em-cashing-mop a em {
        display:block;
        margin-top: 5px;
        height: 40px;
    }

        .em-cashing-mop a[disabled]:hover .em-cashing-ancv,
        .em-cashing-ancv {
            width: 45px;
            background-position: -5px -1px;
        }

        .em-cashing-mop a.hover .em-cashing-ancv {
            width: 45px;
            background-position: -5px -39px;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-check,
        .em-cashing-check {
            width: 41px;
            background-position: -5px -79px;
        }

        .em-cashing-mop a.hover .em-cashing-check{
            width: 41px;
            background-position: -5px -119px;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-gift,
        .em-cashing-gift {
            width: 38px;
            background-position: -5px -154px;
        }

        .em-cashing-mop a.hover .em-cashing-gift{
            width: 38px;
            background-position: -5px -190px;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-money,
        .em-cashing-money {
            width: 26px;
            background-position: -5px -230px;
        }

        .em-cashing-mop a.hover .em-cashing-money  {
            width: 26px;
            background-position: -5px -271px;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-bank-transfer,
        .em-cashing-bank-transfer {
            width: 50px;
            background-position: -3px -721px;
        }

        .em-cashing-mop a.hover .em-cashing-bank-transfer  {
            width: 50px;
            background-position: -3px -758px;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-paymentcenter,
        .em-cashing-paymentcenter {
            margin: auto;
            font-size: 34px;
        }

        .em-cashing-mop a.hover .em-cashing-paymentcenter {
            width: 21px;
            color: #FFF;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-mytpe,
        .em-cashing-mytpe {
            width: 21px;
            background-position: -5px -314px;
        }

        .em-cashing-mop a.hover .em-cashing-mytpe{
            width: 21px;
            background-position: -5px -355px;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-payworks,
        .em-cashing-payworks {
            width: 58px;
            background-position: -5px -399px;
        }

        .em-cashing-mop a.hover .em-cashing-payworks {
            width: 58px;
            background-position: -5px -449px;
        }

        .em-cashing-mop a[disabled]:hover .em-cashing-payment-manager,
        .em-cashing-payment-manager {
            width: 60px;
            background-position: -5px -492px;
        }

        .em-cashing-mop a.hover .em-cashing-payment-manager {
            width: 60px;
            background-position: -5px -527px;
        }

            .em-cashing-mop .em-cashing-mangopay a[disabled]:hover .em-cashing-payment-manager,
            .em-cashing-mangopay .em-cashing-payment-manager {
                width: 70px;
                background-position: 0 -566px;
            }

            .em-cashing-mop .em-cashing-mangopay a.hover .em-cashing-payment-manager {
                width: 70px;
                background-position: 0 -606px;
            }

            .em-cashing-mop .em-cashing-paybox a[disabled]:hover .em-cashing-payment-manager,
            .em-cashing-paybox .em-cashing-payment-manager {
                width: 70px;
                background-position: 0 -645px;
            }

            .em-cashing-mop .em-cashing-paybox a.hover .em-cashing-payment-manager {
                width: 70px;
                background-position: 0 -685px;
            }

/* Bouton d'action de lancement du paiement */
.em-cashing-fire {
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-top: 20px;
    font-weight: 700;
}

    .em-cashing-fire[disabled] {
        color: #CCC;
    }

    .em-cashing-fire:hover {
        color: #FFF;
    }

.em-cashing-error {
    background-color: rgba(242,41,24,1);
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
}

/* Spécificités pour le module en mode Desktop */
.em-cashing-desktop .cashed-amount[type=number] {
    -moz-appearance: textfield;
}

.em-cashing-desktop .cashed-amount::-webkit-inner-spin-button,
.em-cashing-desktop .cashed-amount::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}

.em-cashing-desktop .cashed-amount::-o-inner-spin-button,
.em-cashing-desktop .cashed-amount::-o-outer-spin-button {
	-o-appearance: none;
	margin:0
}

/* Spécificités pour le module en mode Mobile */
.em-cashing-mobile .em-cashing-price .cashed-amount-container {
    width: 80%;
}

.em-cashing-mobile .em-cashing-mop > div > div > a {
    height: 53px;
}

.mollie-commission {
    width: 100px;
}
/* -- Styles propres au CRM -- */

/* -- Styles généraux -- */

.contact-img {
    width: 52px;
    height: 52px;
}
.contact-initials,
.contact-photo {
    display: inline-block;
    width: 52px;
    height: 52px;
    border-radius: 10%;
}
.contact-initials {
    background-color: #203047;
    text-align: center;
    padding: 12px 0;
    font-size: 20px;
    color: #FFF;
}
.contact-photo {
    border: 1px solid rgba(77,124,254,1);
}
.contact-info-txt {
    width:calc(100% - 52px);
}
/* -- Tableau de bord -- */
.crm-dashboard-shortcuts-container {
    background-color: #00263b;
    margin: 0 -20px;
}
.crm-dashboard-shortcuts {
    text-align: center;
}
.crm-dashboard-shortcuts a {
    width: 150px;
    height: 150px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    font-weight: normal;
    font-size: 14px;
    margin: 30px 20px;
    padding: 30px 15px 0 15px;
}
.crm-dashboard-shortcuts a:hover {
    background-color: #FFF;
    color: rgba(77,124,254,1);
    text-decoration: none;
}
.crm-dashboard-shortcuts a i {
    display: block;
    font-size: 40px;
    margin-bottom: 5px;
}
/* -- Liste des contacts -- */
.table-data tbody tr.crm-new-contact {
    background-color: #fffed8 !important;
}
.crm-contacts-graph {
    background-color: #f6f8fc;
    margin: 0 -20px;
    padding: 15px 15px 5px 15px;
    border-bottom: 1px solid #ddd;
}
.crm-contacts-graph .crm-contacts-graph-legend {
    overflow: hidden;
    font-family: "Open sans";
    color: #000;
    font-size: 12px;
    margin-left: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.crm-contacts-graph .crm-contacts-graph-legend .stats-main-w .btn-default {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
}
.crm-contacts-graph .crm-contacts-graph-legend > label {
    padding-top: 10px;
}
.crm-contacts-graph .crm-contacts-graph-legend > label > i {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: rgba(77,124,254,1);
    border-radius: 100%;
    margin-right: 5px;
}
/* -- Page de détail d'un contact -- */
.crm-contact-detail {
    font-family: "Open Sans";
}
.crm-contact-detail hr {
    margin: 20px 15px 0 15px;
}
.crm-contact-detail .contact-note {
    font-size: 13px;
    font-style: italic;
    opacity: .5;
}
.crm-contact-detail .contact-reservation-info > i,
.crm-contact-detail .contact-reservation-info > img {
    height: 17px;
    vertical-align: bottom;
}
.crm-contact-detail .fa-facebook-square {
    font-size: 26px;
    color: #1d4286;
}
.crm-contact-detail .fa-twitter-square {
    font-size: 26px;
    color: #3d6fe1;
}
.crm-contact-detail .fa-linkedin-square {
    font-size: 26px;
    color: #3d6fe1;
}
    .crm-contact-detail .div-tabs {
        padding:0;
    }
    .crm-contact-detail .contact-sub-tabs ul {
        width: 100%;
        display: flex;
    }
.crm-contact-detail .contact-sub-tabs .nav-tabs > li {
    width: 50%;
    text-align: center;
}
.crm-contact-detail .contact-sub-tabs .tab-pane {
    padding: 20px 15px;
}
.crm-contact-detail .editor {
    min-height: 140px;
}
.crm-contact-detail .dashboard-row .d-table-cell p.p {
    font-size: 40px;
    font-family: Montserrat;
}
.crm-contact-detail .dashboard-row .d-table-cell .contact-occupancy p.p {
    font-size: 12px;
    font-weight: bold;
    font-family: Montserrat;
    text-transform: lowercase;
}
.crm-contact-detail .dashboard-row .d-table-cell .contact-occupancy p.p i {
    font-size: 20px;
}
.crm-contact-detail .item-status {
    position: relative;
    padding: 2px 6px;
}
.crm-contact-detail .contact-tag {
    display: inline-block;
    font-size: 10px;
    color: #FFF;
    border-radius: 15px;
    padding: 2px 6px;
}
.crm-contact-detail .contact-event {
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.crm-contact-detail .contact-event:first-of-type, .crm-contact-detail .first-visible-block {
    padding-top: 10px;
    border-top: none;
}
.crm-col-date {
    width: 150px;
}
.crm-col-info {
    width: calc(100% - 150px);
}
#divHistory .section {
    text-align:left !important;
}
/* -- Ecrans de dédoublonnage des contacts -- */
.crm-deduplication-fields td {
    padding-top: 10px;
}
.crm-deduplication-fields input[type="checkbox"] {
    margin-right: 10px;
}
.crm-deduplication-duplicates .table {
    border-spacing: 0;
    border-collapse: separate;
}
.crm-deduplication-duplicates .table > tbody {
    background-color: transparent;
}
.crm-deduplication-duplicates .table > tbody > tr {
    background-color: #fff;
}
.table-data tbody tr:nth-child(even),
.table-data tbody tr:nth-child(even):hover > td {
    background-color: #f6f7fa;
}
.crm-deduplication-duplicates .table > tbody > tr > td {
    border: none !important;
    padding: 20px 0 20px 20px !important;
}
/* -- Ecrans de fusion des contacts -- */
.crm-deduplication-merge .box-shadow-dashboard {
    padding: 35px 50px;
}
.crm-deduplication-merge .contact-merged {
    width: 100%;
}
.crm-deduplication-merge .contact-merged .d-table-row {
    padding: 10px 0;
}
.crm-deduplication-merge .contact-merged .d-table-row.row-separator-bottom .d-table-cell {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.crm-deduplication-merge .contact-merged .d-table-row.row-separator-top .d-table-cell {
    padding-top: 20px;
}
.crm-deduplication-merge .contact-merged .d-table-cell {
    vertical-align: middle;
    padding-bottom: 10px;
    white-space: nowrap;
}
.crm-deduplication-merge .contact-merged div.d-table-cell:first-of-type {
    padding-right: 60px;
}
.crm-deduplication-merge .contact-merged input {
    height: 35px;
}
.crm-deduplication-merge .contact-merged input.h-50 {
    height: 50px;
}
.crm-deduplication-merge .contact-merged .contact-merged-info {
    display: inline-block;
    float: right;
    width: 92%;
}
.crm-deduplication-merge .contact-merged label > i {
    width: 20px;
}
.crm-deduplication-merge .contact-merged .contact-merged-info .contact-merged-field {
    border: 1px solid #ebecf2;
    padding: 7px 13px;
    font-family: "Open Sans";
    overflow: hidden;
}
    .crm-deduplication-merge .contact-merged input:checked + .contact-merged-info .contact-merged-field,
    .crm-deduplication-merge .contact-merged input:checked + .contact-merged-info + .contact-merged-info .contact-merged-field {
        background-color: rgba(77,124,254,.2);
        border-color: rgba(77,124,254,1);
    }
.crm-deduplication-merge .contact-merged .contact-merged-info .contact-merged-field-associated {
    width: 66%;
    float: right;
}
.crm-deduplication-merge .contact-merged .contact-merged-info .contact-merged-field-associated + .contact-merged-field-associated {
    width: 30%;
    float: none;
}
/* -- Listes de contacts -- */
.crm-contact-list-filter {
    background-color: #fff;
    border: solid 1px #cfd7df;
    margin-top: 10px;
}
.crm-contact-list-filter > div {
    padding: 15px 25px;
    border-top: solid 1px #cfd7df;
}
.crm-contact-list-filter > div:first-of-type {
    margin-top: 0;
    padding-top: 20px;
    border-top: none;
}
.crm-contact-list-filter > div:last-of-type {
    padding-bottom: 20px;
}
.crm-contact-list-filter > div:last-of-type .crm-contact-list-filter-add {
    display: inline-block;
}
.crm-contact-list-filter > div > div {
    display: inline-block;
    vertical-align: middle;
    font-family: "Open sans";
}
.crm-contact-list-filter .crm-contact-list-filter-add,
.crm-contact-list-filter .crm-contact-list-filter-remove,
.crm-contact-list-filter-add-block {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}
.crm-contact-list-filter .crm-contact-list-filter-add {
    display: none;
}
.crm-contact-list-filter .crm-contact-list-filter-add,
.crm-contact-list-filter-add-block {
    background-color: rgba(77,124,254,1);
    color: #fff;
    padding: 10px;
    border: none;
    font-size: 12px;
    font-family: "Open sans";
    font-weight: bold;
}
.crm-contact-list-filter .crm-contact-list-filter-remove {
    color: rgba(242,41,24,1);
    margin-left: 15px;
}
.crm-contact-list-filter .crm-contact-list-filter-type,
.crm-contact-list-filter .crm-contact-list-filter-content > div > div,
.crm-contact-list-filter .crm-contact-list-filter-content > div > input {
    display: inline-block;
    margin-right: 10px;
}
.crm-contact-list-filter .crm-contact-list-filter-content > div > div.input-group {
    display: table;
}
.crm-contact-list-filter .crm-contact-list-filter-content > div > label {
    top: -10px;
    position: relative;
}
.contact-detail-note,
#divHistory {
    width: calc(100% - 330px);
}