#resalys_component {
    height: 100%;
    position: relative;
}

#resalys_component_body_container{
    position: relative;
}

#resalys_component_body{
    position: absolute;
    height: 100%;
    width: 100%;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

input.MuiOutlinedInput-input[type=text][id^=alo_blocking_retro_date_],
input.MuiOutlinedInput-input[type=text][id^=alo_non_blocking_retro_date_],
input.MuiOutlinedInput-input[type=text][id^=alo_stop_sell_retro_date_]{
    display: none;
}

.stay_cells_global_line_container {
}

.quota_period_modifier_container {
    display: grid;
    align-items: center;
}

.quota_period_modifier_title {
    display: grid;
    grid-template-rows: max-content;
    font-weight: bold;
}

.quota_period_modifier_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    text-align: left;
    align-items: center;
}

.quota_period_modifier_relative_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    text-align: left;
    align-items: center;
}

.allow_automatically_addlineitem_container {
    display: flex;
}

.checked-quota-quantity {
    background-color: #FFF002 !important;
}

.quota_period_modifier_container {
    display: grid;
    align-items: center;
}

.quota_period_modifier_title {
    display: grid;
    grid-template-rows: max-content;
    font-weight: bold;
}

.quota_period_modifier_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    text-align: left;
    align-items: center;
}

.quota_period_modifier_relative_row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    text-align: left;
    align-items: center;
}

:root {
    /* Theme Resalys environnement crs */
    --crs-theme-primary-color: #188a8f;
    --crs-theme-on-primary: #00adb3;
    --crs-theme-primary-color-highlight: #1a9ea5;
    --crs-theme-primary-color-bg: #757575;
    --crs-theme-secondary-color: #F39200;
    --crs-theme-on-secondary: #F6A42C;

    /* Theme Resalys environnement achat */
    --buy-theme-primary-color: #49599a;
    --buy-theme-on-primary: #5c6bc0;
    --buy-theme-primary-color-highlight: #7986cb;

    --dashed-color: thin dashed rgb(224, 224, 224);
    --crs-theme-outline-color: #bdbdbd; /* Couleur de bordure MUI par défaut */
}

.annex_product_column_header {
    height: 48px;
    border-bottom: var(--crs-theme-secondary-color) 1px solid;
    font-family: Roboto medium;
    font-size: 12px;
    text-align: center;
    line-height: 48px;
}

.annex_product_column_content {
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all .25s ease;
}

td.react_table_header_column_header,
td.react_table_header_column_group_header {
    height: 25px;
    font-family: Roboto medium;
    font-size: 14px;
    text-align: center;
}

div.react_table_header_column_header,
div.react_table_header_column_group_header,
span.react_table_header_column_header,
span.react_table_header_column_group_header{
    font-family: Roboto medium;
    width: inherit;
}

.react_table_header_column_header_no_wrap,
.react_table_header_column_group_header_no_wrap{
    font-family: Roboto medium;
    font-size: 14px;
    white-space: nowrap;
}

.TopRightGrid_ScrollWrapper{
    border-bottom: none !important;
}

div.sortable_header, label.sortable_header{
    color: var(--crs-theme-on-primary);
    cursor: pointer;
}

div.sortable_header{
    display: flex;
    align-items: center;
}

.MuiTableSortLabel-iconDirectionAsc {
    transform: rotate(180deg);
}

.MuiTableSortLabel-iconDirectionDesc {
    transform: rotate(0deg);
}

.MuiTableSortLabel-root.MuiTableSortLabel-active.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiTableSortLabel-icon {
    color: rgba(0, 0, 0, 0.87);
    opacity: 1;
}

.MuiSvgIcon-root.MuiTableSortLabel-icon {
    width: 18px;
    height: 18px;
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    margin-left: 4px;
    user-select: none;
    margin-right: 4px;
}


td.react_table_header_column_group_header {
    color: var(--crs-theme-primary-color);
}

.stay_product_group_headers {
    color: var(--crs-theme-primary-color) !important;
}


.price_modifier_row {
    background-color: #00FF00 !important;
}

.price_modifier_row.closed {
    background-color: #FF0000 !important;
}

.price_modifier_row.negative {
    background-color: #F8F5C2 !important;
}

.partner_service_contact_dragging {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
}

.partner_service_contact_title {
    font-size: 16px;
}

.partner_service_contact_subtitle a.dialog-title {
    font-size: 13px !important;
    font-family: Roboto medium;
    color: var(--crs-theme-primary-color-bg) !important;
}

#reservation_header #res_precheckin_layer {
    font-weight: bold;
    color: violet;
}

#reservation_header #res_precheckin_layer {
    font-weight: bold;
    color: violet;
}

.task_alert_container {
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.rsl-binding strong {
    font-weight: bold;
}

.task_alert_container.on {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

@font-face {
    font-family: "Roboto medium";
    src: url('/rslhtml/skins/default/fonts/Roboto-Medium.woff2') format('woff2'),
    url('/rslhtml/skins/default/fonts/Roboto-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: "Roboto regular";
    src: url('/rslhtml/skins/default/fonts/Roboto-Regular.woff2') format('woff2'),
    url('/rslhtml/skins/default/fonts/Roboto-Regular.ttf') format('truetype');
    font-display: swap;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Roboto regular';
        src: url('/rslhtml/skins/default/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/rslhtml/skins/default/fonts/Roboto-Regular.ttf') format('truetype');
        font-display: swap;
    }
}

@font-face {
    font-family: "Kameleon";
    src: url('/rslhtml/skins/default/fonts/resalysneo.woff2') format('woff2'),
    url('/rslhtml/skins/default/fonts/resalysneo.ttf') format('truetype');
    font-display: auto;
}

@font-face {
    font-family: "FontAwesome";
    src: url('/rslhtml/skins/default/fonts/FontAwesome.woff2') format('woff2'),
    url('/rslhtml/skins/default/fonts/FontAwesome.otf');
    font-display: auto;
}

/*tablesortorder*/

td.header,
th.header {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

table.tablesorter thead tr td.headerSortUp:after,
table.tablesorter thead tr td.headerSortDown:after,
table.tablesorter thead tr td.header:after,
table.tablesorter thead tr th.headerSortUp:after,
table.tablesorter thead tr th.headerSortDown:after,
table.tablesorter thead tr th.header:after {
    font-family: "Kameleon";
}

tr.line_items_subpricing_table {
    padding-bottom: 12px;
}

table.tablesorter thead tr td.headerSortUp:after,
table.tablesorter thead tr th.headerSortUp:after {
    content: "\e647";
    color: #FFFFFF;
}

table.tablesorter thead tr td.headerSortDown:after,
table.tablesorter thead tr th.headerSortDown:after {
    content: "\e62f";
    color: #FFFFFF;
}

/*tablesortorder*/

/*Icones de la zone de travail*/

.icon-resalys:before,
.icon-resalys-big:before,
.icon-sequoiasoft:before {
    font-family: "Kameleon";
    color: var(--crs-theme-primary-color-bg);
}

.icon-resalys:before,
.icon-resalys-big:before {
    content: "\e6a5";
}

.icon-sequoiasoft:before {
    content: "\e667";
    font-size: 24px;
}

.icon-resalys-big {
    font-size: 350px;
}

.icon-create:before,
.icon-attachment:before,
.icon-attachment-selected:before,
.icon-attachment-enabled:before,
.icon-attachment-disabled:before,
.icon-forwardall:before,
.icon-forwardall-selected:before,
.icon-forwardall-enabled:before,
.icon-forwardall-disabled:before,
.icon-search:before,
.icon-user-search:before,
.icon-menu-search:before,
.icon-search-menu:before,
.icon-search-menu-stays-unaffected:before,
.icon-close-menu:before,
.icon-useradd:before,
.icon-rf-people-family:before,
.icon-delete:before,
.icon-cancel:before,
.icon-cancel-only:before,
.icon-cancel-stay:before,
.icon-undo:before,
.icon-undo-disabled:before,
.icon-lock:before,
.icon-lock-disabled:before,
.icon-unlock:before,
.icon-unlock-disabled:before,
.icon-list-action-add-disabled:before,
.icon-expire_session:before,
.icon-lock-pricing:before,
.icon-unlock-pricing:before,
.icon-comment:before,
.icon-edit-addr:before,
.icon-delete-addr:before,
.icon-add-note-pms:before,
.icon-add-note-pms-disabled:before,
.icon-calendar:before,
.icon-download:before,
.icon-view:before,
.icon-file-odt:before,
.icon-view-disabled:before,
.icon-view-doc:before,
.icon-invoice:before,
.icon-validate_invoice_remaining_holiday_credits:before,
.icon-set_as_paid:before,
.icon-balance_accounts:before,
.icon-payment:before,
.icon-add-presta:before,
.icon-upload:before,
.icon-refresh:before,
.icon-refresh-disabled:before,
.icon-info:before,
.icon-next:before,
.icon-previous-page:before,
.icon-previous-page-disabled:before,
.icon-create-disabled:before,
.icon-forbidden-disabled:before,
.icon-forbidden-preaff:before,
.icon-search-disabled:before,
.icon-useradd-disabled:before,
.icon-add-baby:before,
.icon-add-baby-disabled:before,
.icon-add-baby-rooming:before,
.icon-add-baby-rooming-disabled:before,
.icon-import-export-rooming:before,
.icon-display-rooming:before,
.icon-room-assign:before,
.icon-cancel-disabled:before,
.icon-delete-disabled:before,
.icon-calendar-disabled:before,
.icon-download-disabled:before,
.icon-upload-disabled:before,
.icon-duplicate:before,
.icon-list-action-add:before,
.icon-duplicate-disabled:before,
.icon-minus:before,
.icon-plus:before,
.icon-plus-no-padding:before,
.icon-expand:before,
.icon-expand-white:before,
.icon-unexpand:before,
.icon-unexpand-horizontal:before,
.icon-upsort:before,
.icon-downsort:before,
.icon-resalys-logout:before,
.icon-resalys-help:before,
.icon-switch-workspace:before,
.icon-resalys-help:before,
.icon-change-password:before,
.icon-resalys-logout:before,
.icon-upsort:before,
.icon-downsort:before,
.icon-mail:before,
.icon-mail-warning:before,
.icon-mail-relay:before,
.icon-history:before,
.icon-clock:before,
.icon-pre-assigned-uh:before,
.icon-planning:before,
.icon-planning-disabled:before,
.icon-allo-sell-level:before,
.icon-folder-add:before,
.icon-folder-add-disabled:before,
.icon-new-tab:before,
.icon-status-on:before,
.icon-status-off:before,
.icon-status-wait:before,
.icon-status-no-settings:before,
.icon-status-sub-type:before,
.icon-status-disabled:before,
.icon-status-option:before,
.icon-overflow:before,
.icon-menu-display-column:before,
.icon-menu-manage-view:before,
.icon-menu-export-list:before,
.icon-menu-refresh-list:before,
.icon-menu-manage-filter:before,
.icon-menu-manage-filter-disabled:before,
.icon-menu-plug:before,
.icon-user:before,
.icon-user-resa-resume:before,
.icon-warning-fac:before,
.icon-resa-indiv:before,
.icon-resa-group:before,
.icon-planning-group:before,
.icon-next-week:before,
.icon-prev-week:before,
.icon-warning:before,
.icon-warning-white:before,
.icon-warning-black:before,
.icon-alternative-proposal:before,
.icon-counter-proposal:before,
.icon-overclass:before,
.icon-info-room-type:before,
.icon-info-discount:before,
.icon-edit-fidelity:before,
.icon-edit-fidelity-0:before,
.icon-edit-fidelity-0-disabled:before,
.icon-edit-fidelity-disabled:before,
.icon-edit-fidelity-empty:before,
.icon-menu-reservation-bandeau:before,
.icon-checkin:before,
.icon-checkout:before,
.icon-card:before,
.icon-gift:before,
.icon-baby:before,
.icon-payer:before,
.icon-payer-sidepane:before,
.icon-print:before,
.icon-run:before,
.icon-proforma:before,
.icon-send:before,
.icon-send-google:before,
.icon-send_booklet:before,
.icon-flag_cgos_export_as_send:before,
.icon-generate_documents:before,
.icon-menu-schedule:before,
.icon-add-transit-zone:before,
.icon-add-transit-zone-disabled:before,
.icon-world:before,
.icon-world-disabled:before,
.icon-enum:before,
.icon-enum-disabled:before,
.icon-color-chooser:before,
.icon-maintenance:before,
.icon-cash-box:before,
.icon-cash-box-disabled,
.icon-validate-payment:before,
.icon-validate-payment-disabled:before,
.icon-agent-status:before,
.icon-stop-agent:before,
.icon-start-agent:before,
.icon-menu-settings-path:before,
.icon-menu-settings-planning:before,
.icon-menu-stat-path:before,
.icon-menu-settings-path:before,
.icon-menu-plug-path:before,
.icon-menu-schedule-path:before,
.icon-menu-client-path:before,
.icon-menu-gestion-path:before,
.icon-menu-pms-path:before,
.icon-etc-room-feature:before,
.icon-use-web:before,
.icon-status-stay-not-assigned:before,
.icon-status-stay-partially-assigned:before,
.icon-status-stay-assigned:before,
.icon-product-popup-changeview:before,
.icon-product-popup-changeview-disabled:before,
.icon-transport:before,
.icon-no-pricings:before,
.icon-oodoc-help:before,
.icon-positionnext2:before,
.icon-open-card:before,
.icon-ferry:before,
.icon-ski2:before,
.icon-sepa:before,
.icon-barcode2:before,
.icon-currency2:before,
.icon-cash2:before,
.icon-forbidden:before,
.icon-tpev:before,
.icon-positionfirst:before,
.icon-positionlast:before,
.icon-positionfirst-disabled:before,
.icon-positionlast-disabled:before,
.icon-positionfirst-top:before,
.icon-positionlast-bottom:before,
.icon-positionfirst-top-disabled:before,
.icon-positionlast-bottom-disabled:before,
.icon-image:before,
.icon-positionbottom:before,
.icon-cut:before,
.icon-link:before,
.icon-shoppingcart:before,
.icon-document:before,
.icon-document-disabled:before,
.icon-menu-key:before,
.icon-textlist:before,
.icon-synchronisation:before,
.icon-print-disabled:before,
.icon-add-note-pms-disabled:before,
.icon-warning-orange:before,
.icon-people-welcome:before,
.icon-list-simple:before,
.icon-letters:before,
.icon-security:before,
.icon-lock-map:before,
.icon-keyboard_return:before,
.icon-lock-map-disabled:before{
    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 5px 0px;
    cursor: pointer;
}

.icon-user-business {
    font-family: "Kameleon";
}


.icon-cash-box-home,
.icon-cash-box-home-disabled {
    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.icon-plus {
    margin-left: 2.2em;
}

.icon-positionpreview:before,
.icon-positionnext:before,
.icon-positionprevious-sidepane:before,
.icon-positionprevious-sidepane-left:before,
.icon-positionnext-sidepane:before,
.icon-positionpreviewall:before,
.icon-positionnextall:before,
.icon-positiondown:before,
.icon-positionup:before,
.icon-positionup-disabled:before,
.icon-positiondown-disabled:before,
.icon-positionpreview-disabled:before,
.icon-positionnext-disabled:before,
.icon-positionpreviewall-disabled:before,
.icon-positionnextall-disabled:before {
    font-family: "FontAwesome";
    font-size: 20px;
}


.icon-upsort:before,
.icon-downsort:before {
    color: var(--crs-theme-on-primary);
}

.icon-resalys-help:before,
.icon-change-password:before,
.icon-resalys-logout:before,
.icon-new-tab:before {
    font-size: 20px;
}

.icon-create:before,
.icon-search:before,
.icon-user-search:before,
.icon-useradd:before,
.icon-rf-people-family:before,
.icon-add-presta:before,
.icon-delete:before,
.icon-cancel:before,
.icon-cancel-only:before,
.icon-cancel-stay:before,
.icon-lock:before,
.icon-unlock:before,
.icon-expire_session:before,
.icon-comment:before,
.icon-edit-addr:before,
.icon-delete-addr:before,
.icon-add-note-pms:before,
.icon-add-baby:before,
.icon-add-baby-rooming:before,
.icon-import-export-rooming:before,
.icon-display-rooming:before,
.icon-room-assign:before,
.icon-undo:before,
.icon-calendar:before,
.icon-download:before,
.icon-view:before,
.icon-file-odt:before,
.icon-view-doc:before,
.icon-upload:before,
.icon-invoice:before,
.icon-validate_invoice_remaining_holiday_credits:before,
.icon-set_as_paid:before,
.icon-balance_accounts:before,
.icon-payment:before,
.icon-refresh:before,
.icon-positionpreview:before,
.icon-positionnext:before,
.icon-positionpreviewall:before,
.icon-positionnextall:before,
.icon-positionup:before,
.icon-positiondown:before,
.icon-duplicate:before,
.icon-minus:before,
.icon-plus:before,
.icon-plus-no-padding:before,
.icon-mail:before,
.icon-mail-relay:before,
.icon-history:before,
.icon-clock:before,
.icon-pre-assigned-uh:before,
.icon-planning:before,
.icon-allo-sell-level:before,
.icon-folder-add:before,
.icon-overflow:before,
.icon-menu-display-column:before,
.icon-menu-manage-view:before,
.icon-menu-export-list:before,
.icon-menu-refresh-list:before,
.icon-list-action-add:before,
.icon-menu-manage-filter:before,
.icon-user:before,
.icon-next-week:before,
.icon-prev-week:before,
.icon-edit-fidelity:before,
.icon-edit-fidelity-0:before,
.icon-card:before,
.icon-print:before,
.icon-run:before,
.icon-proforma:before,
.icon-send:before,
.icon-send-google:before,
.icon-send_booklet:before,
.icon-flag_cgos_export_as_send:before,
.icon-generate_documents:before,
.icon-add-transit-zone:before,
.icon-world:before,
.icon-enum:before,
.icon-color-chooser:before,
.icon-maintenance:before,
.icon-validate-payment:before,
.icon-agent-status:before,
.icon-stop-agent:before,
.icon-start-agent:before,
.icon-etc-room-feature:before,
.icon-use-web:before,
.icon-status-stay-not-assigned:before,
.icon-status-stay-partially-assigned:before,
.icon-status-stay-assigned:before,
.icon-positionnext2:before,
.icon-open-card:before,
.icon-ferry:before,
.icon-ski2:before,
.icon-sepa:before,
.icon-forbidden:before,
.icon-tpev:before,
.icon-image:before,
.icon-positionbottom:before,
.icon-shoppingcart:before,
.icon-document:before,
.icon-menu-key:before,
.icon-textlist:before,
.icon-list-simple:before,
.icon-synchronisation:before,
.icon-security:before {
    /*color: var(--crs-theme-secondary-color);*/
    color: #3fb9c0;
    /*color : #757575;*/ /*54%*/
}

.icon-mail-warning:before {
    color: #FF0000;
}

.icon-menu-stat-path:before,
.icon-menu-settings-path:before,
.icon-menu-settings-path:before,
.icon-menu-plug-path:before,
.icon-menu-schedule-path:before,
.icon-menu-client-path:before,
.icon-menu-gestion-path:before,
.icon-menu-pms-path:before {
    color: var(--crs-theme-secondary-color);
}

.icon-positionnext-sidepane:before {
    color: var(--crs-theme-secondary-color);
    position: relative;
    top: 2px;
    left: -25px;
}

.icon-positionprevious-sidepane:before,
.icon-positionprevious-sidepane-left:before {
    color: var(--crs-theme-secondary-color);
    position: relative;
    top: -25px;
    /* left: -7px;*/
}

#icon-resa-type {
    position: relative;
}

#icon-resa-type-read {
    position: relative;
    left: 7px;
}

.icon-menu-reservation-bandeau:before,
.icon-checkin:before,
.icon-checkout:before {
    color: var(--crs-theme-on-secondary);
}

.icon-search-home:before {
    color: var(--crs-theme-on-primary);
}

.icon-create-disabled:before,
.icon-forbidden-disabled:before,
.icon-search-disabled:before,
.icon-user-search-disabled:before,
.icon-useradd-disabled:before,
.icon-add-baby-disabled:before,
.icon-add-baby-rooming-disabled:before,
.icon-delete-disabled:before,
.icon-add-transit-zone-disabled:before,
.icon-cancel-disabled:before,
.icon-undo-disabled:before,
.icon-info-disabled:before,
.icon-calendar-disabled:before,
.icon-download-disabled:before,
.icon-upload-disabled:before,
.icon-refresh-disabled:before,
.icon-duplicate-disabled:before,
.icon-planning-disabled:before,
.icon-cash-box-disabled:before,
.icon-cash-box-home-disabled:before,
.icon-validate-payment-disabled:before,
.icon-folder-add-disabled:before,
.icon-world-disabled:before,
.icon-previous-page-disabled:before,
.icon-enum-disabled:before,
.icon-positionbottom-disabled:before,
.icon-lock-disabled:before,
.icon-list-action-add-disabled:before,
.icon-unlock-disabled:before,
.icon-print-disabled:before,
.icon-positionup-disabled:before,
.icon-positiondown-disabled:before,
.icon-positionfirst-disabled:before,
.icon-positionlast-disabled:before,
.icon-positionfirst-top-disabled:before,
.icon-positionlast-bottom-disabled:before,
.icon-print-disabled:before,
.generic-icon-plus-disabled:before,
.icon-add-note-pms-disabled:before,
.icon-menu-manage-filter-disabled:before,
.icon-document-disabled:before{
    color: #bdbdbd;
}

.icon-view-disabled:before,
.icon-disabled:before {
    color: #bdbdbd;
    cursor: default;
}

.icon-disabled:hover:before {
    color: #bdbdbd !important;
    cursor: default;
}

.icon-edit-fidelity-disabled:before,
.icon-edit-fidelity-0-disabled:before {
    color: #bdbdbd;
}

.icon-edit-fidelity-0:before {
    color: var(--crs-theme-primary-color-bg);
}

.icon-edit-fidelity-0.icon-disabled:before {
    color: #bdbdbd;
}

a.icon-create-disabled:hover:before,
a.icon-forbidden-disabled:hover:before,
a.icon-search-disabled:hover:before,
a.icon-useradd-disabled:hover:before,
a.icon-add-baby-disabled:hover:before,
a.icon-add-baby-rooming-disabled:hover:before,
a.icon-delete-disabled:hover:before,
a.icon-cancel-disabled:before,
a.icon-undo-disabled:before,
a.icon-info-disabled:before,
a.icon-calendar-disabled:hover:before,
a.icon-download-disabled:before,
a.icon-upload-disabled:before,
a.icon-duplicate-disabled:hover:before,
a.icon-planning-disabled:before,
a.icon-previous-page-disabled:before,
a.icon-print-disabled:before,
.icon-add-note-pms-disabled:before {
    cursor: default;
}

a.icon-create:hover:before,
a.icon-search:hover:before,
a.icon-user-search:hover:before,
a.icon-useradd:hover:before,
a.icon-rf-people-family:hover:before,
a.icon-add-presta:hover:before,
a.icon-add-baby:hover:before,
a.icon-add-baby-rooming:hover:before,
a.icon-import-export-rooming:hover:before,
a.icon-display-rooming:hover:before,
a.icon-add-baby:hover:before,
a.icon-room-assign:hover:before,
a.icon-delete:hover:before,
a.icon-cancel:hover:before,
a.icon-cancel-only:hover:before,
a.icon-cancel-stay:hover:before,
a.icon-undo:hover:before,
a.icon-lock:hover:before,
a.icon-unlock:hover:before,
.icon-expire_session:hover:before,
a.icon-comment:hover:before,
a.icon-edit-addr:hover:before,
a.icon-delete-addr:hover:before,
a.icon-add-note-pms:hover:before,
a.icon-download:hover:before,
a.icon-view:hover:before,
a.icon-file-odt:hover:before,
a.icon-view-doc:hover:before,
a.icon-upload:hover:before,
a.icon-invoice:hover:before,
a.icon-validate_invoice_remaining_holiday_credits:hover:before,
a.icon-set_as_paid:hover:before,
a.icon-balance_accounts:hover:before,
a.icon-payment:hover:before,
a.icon-refresh:hover:before,
a.icon-info:hover:before,
a.icon-next:hover:before,
a.icon-previous-page:hover:before,
a.icon-positionpreview:hover:before,
a.icon-positionnext:hover:before,
a.icon-positionpreviewall:hover:before,
a.icon-positionnextall:hover:before,
a.icon-positionup:hover:before,
a.icon-positiondown:hover:before,
a.icon-duplicate:hover:before,
a.icon-plus:hover:before,
a.icon-plus-no-padding:hover:before,
a.icon-minus:hover:before,
a.icon-mail-relay:hover:before,
a.icon-history:hover:before,
a.icon-planning:hover:before,
a.icon-allo-sell-level:hover:before,
a.icon-folder-add:hover:before,
a.icon-new-tab:hover:before,
a.icon-next-week:hover:before,
a.icon-prev-week:hover:before,
a.icon-card:hover:before,
table.user-info td a:hover,
.icon-print:hover:before,
.icon-run:hover:before,
.icon-proforma:hover:before,
.icon-send:hover:before,
.icon-send-google:hover:before,
.icon-send_booklet:hover:before,
.icon-flag_cgos_export_as_send:hover:before,
.icon-generate_documents:hover:before,
a.icon-switch-workspace:hover:before,
a.icon-switch-workspace:hover:before,
a.icon-menu-change-column-sort-order:hover:before,
a.icon-menu-display-bar-filter:hover:before,
a.icon-menu-cashbox:hover:before,
a.icon-resalys-help:hover:before,
a.icon-resalys-logout:hover:before,
a.icon-change-password:hover:before,
a.icon-new-tab:hover:before,
a.icon-list-action:hover:before,
a.icon-list-action-add:hover:before,
a.icon-list-action-duplicate:hover:before,
a.icon-menu-display-column:hover:before,
a.icon-menu-manage-view:hover:before,
a.icon-menu-export-list:hover:before,
a.icon-menu-refresh-list:hover:before,
a.icon-menu-manage-filter:hover:before,
.icon-cancel:hover:before,
.icon-cancel-only:hover:before,
.icon-cancel-stay:hover:before,
.icon-clock:hover:before,
.icon-world:hover:before,
.icon-enum:hover:before,
.icon-color-chooser:hover:before,
.icon-maintenance:hover:before,
.icon-validate-payment:hover:before,
.icon-agent-status:hover:before,
.icon-stop-agent:hover:before,
.icon-start-agent:hover:before,
.icon-positionnext2:hover:before,
.icon-calendar:hover:before,
.icon-ferry:hover:before,
.icon-ski2:hover:before,
.icon-sepa:hover:before,
.icon-forbidden:hover:before,
.icon-image:hover:before,
.icon-positionbottom:hover:before,
.icon-document:hover:before,
.icon-menu-key:hover:before,
.icon-textlist:hover:before,
.icon-synchronisation:hover:before,
.icon-security:hover:before,
.icon-keyboard_return:hover:before,
.icon-calendar-trend-up:hover:before
{
    color: var(--crs-theme-primary-color-highlight);
}

a.icon-create:focus:before,
a.icon-search:focus:before,
a.icon-user-search:focus:before,
a.icon-useradd:focus:before,
a.icon-rf-people-family:focus:before,
a.icon-add-presta:focus:before,
a.icon-add-baby:focus:before,
a.icon-add-baby-rooming:focus:before,
a.icon-import-export-rooming:focus:before,
a.icon-display-rooming:focus:before,
a.icon-add-baby:focus:before,
a.icon-room-assign:focus:before,
a.icon-delete:focus:before,
a.icon-cancel:focus:before,
a.icon-cancel-only:focus:before,
a.icon-cancel-stay:focus:before,
a.icon-undo:focus:before,
a.icon-lock:focus:before,
a.icon-unlock:focus:before,
.icon-expire_session:focus:before,
a.icon-comment:focus:before,
a.icon-edit-addr:focus:before,
a.icon-delete-addr:focus:before,
a.icon-add-note-pms:focus:before,
a.icon-download:focus:before,
a.icon-view:focus:before,
a.icon-file-odt:focus:before,
a.icon-view-doc:focus:before,
a.icon-upload:focus:before,
a.icon-invoice:focus:before,
a.icon-validate_invoice_remaining_holiday_credits:focus:before,
a.icon-set_as_paid:focus:before,
a.icon-balance_accounts:focus:before,
a.icon-payment:focus:before,
a.icon-refresh:focus:before,
a.icon-info:focus:before,
a.icon-next:focus:before,
a.icon-previous-page:focus:before,
a.icon-positionpreview:focus:before,
a.icon-positionnext:focus:before,
a.icon-positionpreviewall:focus:before,
a.icon-positionnextall:focus:before,
a.icon-positionup:focus:before,
a.icon-positiondown:focus:before,
a.icon-duplicate:focus:before,
a.icon-plus:focus:before,
a.icon-plus-no-padding:focus:before,
a.icon-minus:focus:before,
a.icon-plus:focus:before,
a.icon-mail-relay:focus:before,
a.icon-history:focus:before,
a.icon-planning:focus:before,
a.icon-allo-sell-level:focus:before,
a.icon-folder-add:focus:before,
a.icon-new-tab:focus:before,
a.icon-next-week:focus:before,
a.icon-prev-week:focus:before,
a.icon-card:focus:before,
table.user-info td a:focus,
.icon-print:focus:before,
.icon-run:focus:before,
.icon-proforma:focus:before,
.icon-send:focus:before,
.icon-send-google:focus:before,
.icon-send_booklet:focus:before,
.icon-flag_cgos_export_as_send:focus:before,
.icon-generate_documents:focus:before,
a.icon-switch-workspace:focus:before,
a.icon-switch-workspace:focus:before,
a.icon-menu-change-column-sort-order:focus:before,
a.icon-menu-display-bar-filter:focus:before,
a.icon-menu-cashbox:focus:before,
a.icon-resalys-help:focus:before,
a.icon-resalys-logout:focus:before,
a.icon-change-password:focus:before,
a.icon-new-tab:focus:before,
a.icon-list-action:focus:before,
a.icon-list-action-add:focus:before,
a.icon-list-action-duplicate:focus:before,
a.icon-menu-display-column:focus:before,
a.icon-menu-manage-view:focus:before,
a.icon-menu-export-list:focus:before,
a.icon-menu-refresh-list:focus:before,
a.icon-menu-manage-filter:focus:before,
.icon-cancel:focus:before,
.icon-cancel-only:focus:before,
.icon-cancel-stay:focus:before,
.icon-clock:focus:before,
.icon-world:focus:before,
.icon-enum:focus:before,
.icon-color-chooser:focus:before,
.icon-maintenance:focus:before,
.icon-validate-payment:focus:before,
.icon-agent-status:focus:before,
.icon-stop-agent:focus:before,
.icon-start-agent:focus:before,
.icon-positionnext2:focus:before,
.icon-calendar:focus:before,
.icon-ferry:focus:before,
.icon-sepa:focus:before,
.icon-forbidden:focus:before,
.icon-image:focus:before,
.icon-positionbottom:focus:before,
.icon-document:focus:before,
a.icon-security:focus:before {
    color: var(--crs-theme-primary-color-highlight);
}

.icon-expand:before,
.icon-unexpand:before,
.icon-unexpand-horizontal:before {
    color: black; /* teal custom jennifer */

}

.icon-expand-white:before {
    color: #FFFFFF;
}

.icon-unexpand-horizontal:before {
    transform: rotate(90deg);
}

.icon-expand:before,
.icon-expand-white:before,
.icon-unexpand:before,
.icon-unexpand-horizontal:before {
    padding: 0 0 5px 2px;
}

.icon-expand-white:hover:before {
    color: #FFFFFF;
}

.icon-expand:hover:before,
.icon-unexpand:hover:before,
.icon-unexpand-horizontal:hover:before {
    color: #1976D2;
}

td.lineitem_header_action {
    min-width: 110px;
    max-width: 110px;
    width: 110px;
    text-align: left !important;
}

td.lineitem_header_product {
    min-width: 550px;
    max-width: 550px;
    width: 550px;
    text-align: center !important;
}

td.lineitem_header_date {
    min-width: 90px;
    max-width: 90px;
    width: 90px;
    text-align: left !important;
}

td.lineitem_header_amount {
    min-width: 80px;
    max-width: 80px;
    width: 80px;
    text-align: right !important;
}

td.lineitem_header_business_actor {
    min-width: 110px;
    max-width: 110px;
    width: 110px;
    /*background-color: var(--crs-theme-on-primary);*/
    text-align: center !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    border: #e0e0e0 1px solid;
    height: 28px;
}

td.lineitem_header_business_actor > span {
    /*color: #FFFFFF !important;*/
}

td.lineitem_header_business_actor_col {
    text-align: right !important;
}

td.add_product_popup_occupant_header {
    min-width: 110px;
    max-width: 110px;
    width: 110px;
    text-align: center;
}

.strike_price {
    text-decoration: line-through;
}

td.lineitem_pricing,
td.lineitem_edit,
td.listrow_edit,
td.listrow_action {
    background-color: #fafafa !important;
}

td.lineitem_edit > input,
td.lineitem_edit > span {
    font-family: Roboto medium;
}

td.listrowlineitem {
    border-bottom: #e0e0e0 1px solid;
}

/* td.lineitem_occupant
{
	border-top:	var(--crs-theme-primary-color-bg) 1px solid !important;
} */

tr.listrow1 + tr.expand-sub-row {
    /* 	border-bottom:var(--crs-theme-primary-color-bg) 1px solid; */
}

td.lineitemtotalrow > span,
td.lineitem_occupant > span,
td.lineitem_occupant > input {
    font-family: Roboto medium;
}

td.booking_stay_actions {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

td.booking_stay_room_number,
td.booking_stay_period {
    min-width: 70px;
    max-width: 70px;
    width: 70px;
}

td.booking_stay_pax {
    min-width: 20px;
    max-width: 20px;
    width: 20px;
}

td.booking_stay_duration {
    min-width: 260px;
    max-width: 260px;
    width: 260px;
}

td.booking_stay_room_type {
    min-width: 290px;
    max-width: 290px;
    width: 290px;
}

.expand-row > td, .totalrow > td {
    background-color: #f4f4f4;
    /*box-shadow: 0 -1px 0 #F39200;*/
}

.expand-row {
    background-color: #f4f4f4;
    border-top: #F39200 thin solid;
}

.expand-sub-row {
    border-top: #e0e0e0 thin solid;
}

td.titlerow {
    /*border-bottom:var(--crs-theme-secondary-color) 1px solid;*/
}

.expand-row *:not(input):not(svg):not(.react-select__option):not(.checkbox-react):not(.DateRangePicker):not(.CalendarDay):not(.MuiIconButton-label):not(.control_select_react):not(.react-select__option_span) {
    color: var(--crs-theme-on-primary);
    font-size: 14px;
}

.DayPicker_weekHeader * {
    color: #757575 ! important;
}

.CalendarMonth_caption * {
    font-size: 18px !important;
    color: #484848 !important;
}

.DayPicker_weekHeader_li small {
    font-size: smaller !important;
}


.expand-row .checkbox-react-disabled * {
    color: #e0e0e0 !important;
}

.grouplistrowtype .grouplistrow {
    color: var(--crs-theme-primary-color-bg);
}

.expand-sub-row *:not(input):not(a):not(.react-select__option):not(.react-select__option_span):not(.react-select__placeholder) {

    font-family: "Roboto Medium";
}

.grouplistrowtypeCell,
.grouplistrowtypeCell > a {
    color: var(--crs-theme-primary-color-bg);
    font-family: "Roboto Medium" !important;
}

#add_payment_legend {
    padding-top: 20px;
}

/*.expand-row .icon-expand, .expand-row .icon-unexpand{
	margin-left:20px;

}*/

.expand-row .icon-expand:before, .expand-row .icon-unexpand:before {

}

.icon-expand-white:active:before {
    color: #FFFFFF;
}

.icon-expand:active:before,
.icon-unexpand:active:before,
.icon-unexpand-horizontal:active:before {
    color: #1976D0;
}

.icon-search:before,
.icon-menu-search:before,
.icon-search-menu:before,
.icon-search-menu-stays-unaffected:before,
.icon-search-disabled:before,
.icon-search-home:before {
    content: "\e665";
}

.icon-user-search:before {
    content: "\e6bd";
}

.icon-shoppingcart:before {
    content: "\e66a";
}

.icon-close-menu:before {
    content: "\e614";
}

.icon-search-menu:before,
.icon-menu-search:before,
.icon-close-menu:before {
    color: white;
}

.icon-search-menu-stays-unaffected:before {
    color: var(--crs-theme-on-secondary);
    font-size: 21px;
}

.icon-menu-search:before {
    font-size: 27px;
}

.icon-close-menu:before,
.icon-search-menu:before {
    font-size: 21px;
}

.icon-useradd:before,
.icon-useradd-disabled:before {
    content: "\e68a";
}

.icon-rf-people-family:before {
    content: "\ea41";
}

.icon-add-presta:before {
    content: "\e6c2";
}

.icon-lock-home:after,
.icon-lock-disabled:before {
    content: "\e64a";
}

.icon-lock:before{
    content: "\e64a" !important;
}

.icon-unexpand-after:after {
    font-family: "Kameleon";
    font-size: 16px;
    display: inline-block;
    color: var(--crs-theme-on-primary);
    content: "\e62f";
    position: relative;
    top: 2px;
    left: 4px;
}

.icon-global-action {
    position: relative;
    top: 2px !important;
}

.icon-lock-home:after {
    font-family: "Kameleon";
    font-size: 16px;
    display: inline-block;
    padding: 0 0 0 8px;
    color: var(--crs-theme-secondary-color);

}

.icon-unlock:before,
.icon-expire_session:before,
.icon-unlock-disabled:before {
    content: "\eaad";
}

.icon-lock-pricing:before {
    content: "\e64a";
}

.icon-unlock-pricing:before {
    content: "\eaad";
}

.icon-add-baby:before,
.icon-add-baby-disabled:before {
    content: "\e939";
}

.icon-add-baby-rooming:before {
    content: "\e6be";
}

.icon-import-export-rooming:before {
    content: "\e6b7";
}

.icon-display-rooming:before,.icon-swap:before {
    content: "\e66e";
}

.icon-room-assign:before {
    content: "\e69c";
}

.icon-security:before {
    content: "\eab2";
}

.icon-create:before,
.icon-create-disabled:before {
    content: "\e622";
}

.icon-document:before,
.icon-document-disabled:before {
    content: "\e62a";
}

.icon-link:before {
    content: "\e646";

}

.icon-partner:before{
    content:"\e993";
}

.icon-mobile-home:before{
    content:"\e9a1";
}

.icon-home:before{
    content:"\e641";
}

.icon-link-bandeau:before {
    color: var(--crs-theme-on-secondary);
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
}

.icon-positionbottom:before,
.icon-positionbottom-disabled:before {
    content: "\e6ad";
}

.icon-image:before {
    content: "\e643";
}

.icon-forbidden-disabled:before,
.icon-forbidden:before,
.icon-forbidden-preaff:before,
.icon-forbidden-only:before{
    content: "\e636";
}

.icon-ferry:before {
    content: "\e532";
}

.icon-ski2:before {
    content: "\ead3";
}

.icon-sepa:before {
    content: "\ead4";
}


.icon-tpev:before {
    content: "\e903";
}

.icon-positionnext2:before {
    content: "\e801";
    transform: rotate(90deg);
    position: relative;
    top: 1px;
}

.icon-open-card:before {
    content: "\e698";
}

.icon-user-resa-resume:before,
.icon-user:before {
    content: "\e687";
}

.icon-baby:before {
    content: "\e6be";
}

.icon-people-welcome:before {
    content: "\ea43";
}

.icon-payer:before,
.icon-payer-sidepane:before {
    content: "\e699";
}

.icon-payer-sidepane:before {
    color: var(--crs-theme-on-secondary);
}

.icon-add-transit-zone-disabled:before,
.icon-add-transit-zone:before {
    content: "\e684";
}

.icon-resa-indiv:before {
    content: "\e687";
}

.icon-resa-group:before,
.icon-planning-group:before {
    content: "\e689";
}

.icon-planning-group {
    position: relative;
    top: -6px;
    left: 3px;
    float: left;
}

.booking-sidepanel-title,
.icon-resa-group:before,
.icon-resa-indiv:before {
    color: black;
    font-size: 22px;
}

.icon-planning-group:before {
    font-size: 15px;
}

.icon-warning-fac:before {
    content: "\e6b3";
    color: #fb5808;
    font-size: 13px;
}

.icon-info-room-type:before {
    content: "\e645";
    color: #f4a316;
}

.icon-info-discount:before {
    content: "\e628";
}

.icon-edit-fidelity:before,
.icon-edit-fidelity-disabled:before,
.icon-edit-fidelity-0-disabled:before,
.icon-edit-fidelity-0:before,
.icon-edit-fidelity-empty:before {
    content: "\e631";
}

.icon-card:before {
    content: "\e616";
}

.icon-gift:before {
    content: "\e63b";
}

.icon-calendar:before,
.icon-calendar-disabled:before {
    content: "\e6a0";
    padding: 0 0 5px 0 !important;
}

.icon-calendar.padding-datepicker-react:before,
.icon-calendar-disabled.padding-datepicker-react:before {
    padding: 0 0 2px 0 !important;

}

.control_date {
    position: relative;
    top: -1px;
}

.icon-download:before,
.icon-download-disabled:before {
    content: "\e62b";
}

.icon-view-doc:before {
    content: "\e6b7";
}

.icon-view:before,
.icon-view-disabled:before {
    content: "\e68c";
}

.icon-file-odt:before {
    content: "\eaa3";
}

.icon-upload:before,
.icon-upload-disabled:before {
    content: "\e686";
}

.icon-invoice:before,
.icon-validate_invoice_remaining_holiday_credits:before,
.icon-set_as_paid:before,
.icon-balance_accounts:before,
.icon-payment:before {
    content: "\e699";
}

.icon-switch-workspace:before,
.icon-refresh:before,
.icon-refresh-disabled:before {
    content: "\e660";
}

.icon-switch-workspace:before {
    color: #FFFFFF;
    font-size: 12px;
}

.icon-delete:before,
.icon-delete-disabled:before {
    content: "\e626";
}

.icon-undo:before,
.icon-undo-disabled:before {
    content: "\e684";
}

.icon-overflow:before {
    content: "\e66b";
}

.icon-next:before,
.icon-next-disabled:before {
    content: "\e651";
    /*color : white;*/
    cursor: pointer;
}

.icon-previous-page:before,
.icon-previous-page-disabled:before {
    content: "\e65c";
}

.icon-positionfirst:before,
.icon-positionfirst-disabled:before,
.icon-positionfirst-top:before,
.icon-positionfirst-top-disabled:before {
    content: "\e659";

}

.icon-positionlast:before,
.icon-positionlast-disabled:before,
.icon-positionlast-bottom:before,
.icon-positionlast-bottom-disabled:before {
    content: "\e658";
}

#sortable_action_up_link:before,
#sortable_action_down_link:before {
    font-size: 24px;
    position: relative;
    left: -1px;
}


.icon-positionfirst-top:before,
.icon-positionfirst-top-disabled:before {
    transform: rotate(90deg) !important;
    padding: 0;
    font-size: 20px;
}

.icon-positionlast-bottom:before,
.icon-positionlast-bottom-disabled:before {
    transform: rotate(90deg) !important;
    padding: 0;
    font-size: 20px;
}

.icon-positionpreview:before,
.icon-positionprevious-sidepane:before,
.icon-positionprevious-sidepane-left:before,
.icon-positionpreview-disabled:before {
    content: "\f104";
}

.icon-positionprevious-sidepane-left {
    transform: rotate(-270deg);
    position: relative;
    top: -1px;
    right: 25px;
    background-color: transparent !important;

}

.arrow-sidepane-right {
    transform: rotate(-90deg);
    top: 1px;
    right: -25px;

}

.icon-positionprevious-sidepane-left:before {
    color: white;
}

.icon-positionnext:before,
.icon-positionnext-sidepane:before,
.icon-positionnext-disabled:before {
    content: "\f105";
}

.icon-positionpreviewall:before,
.icon-positionpreviewall-disabled:before {
    content: "\f100";
}

.icon-positionnextall:before,
.icon-positionnextall-disabled:before {
    content: "\f101";
}

.icon-positionpreview-disabled:before,
.icon-positionnext-disabled:before,
.icon-positionnextall-disabled:before,
.icon-positionpreviewall-disabled:before {
    color: #bdbdbd;
}

.icon-positiondown:before, .icon-positiondown-disabled:before {
    content: "\f107";
}

.icon-positionup:before, .icon-positionup-disabled:before {
    content: "\f106";
}

.icon-cancel-only:before {
    content: "\e614";
}

.icon-cancel:before,
.icon-cancel-disabled:before {
    content: "\e612";
}

.icon-cancel-stay:before {
    content: "\eaa6";
}

.icon-info:before,
.icon-info-disabled:before {
    content: "\e645";
}

.icon-duplicate:before,
.icon-duplicate-disabled:before {
    content: "\e62d";
}

.icon-minus:before,
.icon-minus-slider:before
{
    content: "\e650";
}

.icon-plus:before,
.icon-plus-no-padding:before,
.icon-plus-slider:before{
    content: "\e602";
}

.icon-expand:before,
.icon-expand-white:before {
    content: "\e916";
}

.icon-unexpand-horizontal:before,
.icon-upsort:before {
    content: "\e647";
}

.icon-unexpand:before {
    content: "\e62f";
}

.icon-downsort:before {
    content: "\e62f";
}

.icon-mail:before,
.icon-mail-warning:before {
    content: "\e64d";
}

.icon-mail-relay:before {
    content: "\e6ba";
}

.icon-history:before {
    content: "\e640";
}

.icon-clock:before {
    content: "\e630";
}

.icon-pre-assigned-uh:before{
    content: "\eacd";
}

.icon-planning-disabled:before,
.icon-planning:before {
    content: "\e6b0";
}

.icon-comment:before {
    content: "\e621";
}

.icon-edit-addr:before {
    content: "\e64d";
}

.icon-delete-addr:before {
    content: "\e626";
}

.icon-add-note-pms-disabled:before,
.icon-add-note-pms:before {
    content: "\e6b8";
}

.icon-allo-sell-level:before {
    content: "\e62d";
}

.icon-folder-add-disabled:before,
.icon-folder-add:before {
    content: "\e6b8";
}

.icon-status-on:before,
.icon-status-on-planning:after,
.icon-status-on-planning2:before {
    content: "\e6b3";
    color: #5AC7AF;
}

.icon-status-on-planning2:before,
.icon-status-off-planning2:before,
.icon-status-wait-planning2:before {
    position: relative;
    right: 8px;
}

.icon-status-off:before,
.icon-status-off-planning:after,
.icon-status-off-planning2:before {
    content: "\e6b3";
    color: #EF5350;
}

.icon-status-wait:before,
.icon-status-wait-planning:after,
.icon-status-wait-planning2:before {
    content: "\e6b3";
    color: orange;
}

.icon-status-no-settings:before {
    content: "\e6b3";
    color: orange;
}

.icon-status-sub-type:before {
    content: "\e6b3";
    color: inherit;
}

.icon-status-disabled:before {
    content: "\e6b3";
    color: var(--crs-theme-primary-color-bg);
}

.icon-status-option:before {
    content: "\e6b3";
    color: #FFBD66;
}

/*Fin icones de la zone de travail*/

/* Icones du menu */

.icon-menu-right-arrow:before {
    font-family: "Kameleon";
    content: "\e696";
    display: inline;
    float: right;
    color: #FFFFFF;
}

td.menuentryrow-menu-leaf,
tr.menuentryrow-menu-leaf,
td.menuentryrow-menu-node,
tr.menuentryrow-menu-node,
td.menuentryrow,
tr.menuentryrow,
td.menu-bar-node,
.menu-bar-node-home,
.bgmenu {
    /*background-color: var(--crs-theme-primary-color);*//*#34495E;  blue grey 900 */
    background-color: var(--crs-theme-primary-color);
}

td.menuentryrow-roomfeature,
tr.menuentryrow-roomfeature,
td.menuentryrow-action,
tr.menuentryrow-action {
    background-color: var(--crs-theme-on-primary);
}

td.menu-bar-node-action {
    background-color: #FFFFFF;
}

td.menu-bar-node-icon-home a,
td.menu-bar-node-icon a {
    font-family: "Kameleon";
    color: #FFFFFF;
    font-size: 24px;
}

.menu-bar-node-icon {
    position: relative;

}

.menu-bar-node-icon img {

}

.icon-menu-home:before {
    /* 	content: "\e641"; */
    content: "\e69c";
    font-size: 24px;
    /* border: 2px solid #FFFFFF; */
    /* padding: 5px 7px 7px 7px;
	border-radius : 100%; */
}

.icon-menu-plug-path:before,
.icon-menu-plug:before {
    content: "\e6bb";
}

.icon-menu-reservation:before {
    content: "\eaa5";
}

.icon-menu-reservation-group:before {
    content: "\eaa4";
}

.icon-menu-reservation-without-heb:before {
    content: "\e635";
}

.icon-menu-gestion-path:before,
.icon-menu-gestion:before {
    content: "\e6a4";
}

.icon-menu-reservation-bandeau:before {
    content: "\e69e";
    font-family: "Kameleon";
}

.icon-menu-checkin:before {
    content: "\e913";
    font-family: "Kameleon";
    color: white;
}

.icon-menu-checkout:before {
    content: "\e912";
    font-family: "Kameleon";
    color: white;
}

.icon-checkin:before, .icon-checkin-home:before {
    content: "\e802";
}

.icon-checkout:before, .icon-checkout-home:before {
    content: "\e803";
}

.icon-textlist:before {
    content: "\e678";
}

.icon-menu-pms-path:before,
.icon-menu-pms:before, .icon-menu-key:before {
    content: "\e915";

}

.icon-menu-key:hover {
    cursor: pointer;
}

.icon-synchronisation:before {
    content: "\e66f";
}

.icon-menu-messages:before {
    content: "\e64d";
}

.icon-menu-messages-disabled:before {
    content: "\e64e";
}

.icon-menu-user:before {
    content: "\e687";
    font-size: 32px;

}

/*#menu_icon_CLI,*/
.menu-bar-node-icon-home {
    padding: 0;
}

.icon-menu-schedule-path:before,
.icon-menu-schedule:before {
    content: "\e6a0";
}

.icon-menu-client-path:before,
.icon-menu-client:before {
    content: "\e69f";
}

.icon-menu-management:before {
    content: "\e6a4";
}

.icon-menu-stat-path:before,
.icon-menu-stat:before {
    content: "\e6a3";
}

.icon-menu-settings-path:before,
.icon-menu-settings:before {
    content: "\e6a2";
}

.icon-menu-settings-planning:before {
    content: "\e668";
}

.icon-menu-settings-planning:before {
    color: var(--crs-theme-on-primary);
}

.icon-menu-admin:before {
    content: "\e6a1";
}

.icon-new-tab:before {
    content: "\e6bc";
}

.icon-next-week:before {
    content: "\e696";
    font-size: 24px;
}

.icon-prev-week:before {
    content: "\e695";
    font-size: 24px;
}

.icon-warning:before {
    content: "\e691";
    color: red;
}

.icon-warning-orange:before {
    content: "\e691";
    color: var(--crs-theme-on-secondary);
}

.icon-warning-after:after {
    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 5px 0px;
    content: "\e691";
    color: red;
    position: relative;
    left: 6px;
}

.icon-warning-white:before,
.icon-warning-black:before {
    content: "\e691";
    color: transparent;
}

.icon-alternative-proposal:before {
    content: "\e691";
    color: var(--crs-theme-on-secondary);
}

.icon-counter-proposal:before {
    content: "\e691";
    color: #EC407A;
}

.icon-overclass:before {
    content: "\e645";
    color: var(--crs-theme-on-secondary);

}

#global_warning_label_layer {
    position: relative;
    left: 8px;
}

td.menu-bar-action {
    width: 24px;
    height: 24px;
    padding: 6px 4px 3px 6px;
}

td.menu-bar-action a {
    font-family: "Kameleon";
    font-size: 24px;
    color: #FFFFFF;
}

div.menu-bar-action-listparam > a {
    width: 18px;
    height: 18px;
    padding: 6px 4px 3px 6px;
    font-family: "Kameleon";
    font-size: 18px;
}

td.user-info {
    color: #FFFFFF;
    white-space: nowrap;
    padding: 0 12px 0 12px;
}

.icon-menu-display-column:before {
    content: "\e63d";
}

.icon-menu-change-column-sort-order:before {
    content: "\e63d";
}

.icon-menu-display-bar-filter:before {
    content: "\e665";
}

.icon-menu-manage-view:before {
    content: "\e664";
}

.icon-menu-manage-filter:before,
.icon-menu-manage-filter-disabled:before {
    content: "\e6ac";
}

#search_component .icon-menu-manage-filter:before,
#search_component .icon-search:before,
#search_component .icon-create:before,
#search_component .icon-create-disabled:before {
    padding: 0;
}

.icon-menu-export-list:before {
    content: "\e62b";
}

.icon-menu-refresh-list:before {
    content: "\e660";
}

.icon-menu-cashbox:before {
    content: "\e699";
}

.icon-resalys-help:before {
    content: "\e63f";
}

.icon-oodoc-help:before {
    content: "\e63f";
}

.icon-resalys-logout:before {
    content: "\e6b4";
}

.icon-change-password:before {
    content: "\e64a";
}

.icon-list-action-duplicate:before {
    content: "\e62d";
}

.icon-list-action-add-disabled:before,
.icon-list-action-add:before {
    content: "\e602";
}

.icon-list-action:before {
    content: "\e65c";
}

.toggle-button-status,
.toggle-button-workspace {
    border-radius: 20px;
    height: 10px;
    cursor: pointer;
    width: 27px;
    position: relative;
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

.toggle-button-workspace {
    background-color: #62C7CC;
}

.toggle-button-status {
    background-color: #bdbdbd;
}

.toggle-button-status p,
.toggle-button-workspace p {
    cursor: pointer;
    outline: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    float: left;
    margin: -3px 0 0 -3px;
    transition: left 0.2s;
}

.toggle-button-workspace p {
    background-color: var(--crs-theme-on-primary);
}

.toggle-button-status p {
    background-color: #d5d2d2;
}

.toggle-button-workspace-selected {
    background-color: #62C7CC;
    /* 	border-radius: 20px; */
}

.toggle-button-status-selected {
    background-color: #97dcb1;
    /* 	border-radius: 20px; */
}

.toggle-button-workspace-disabled {
    background-color: rgba(0, 0, 0, 0.38);
}

.toggle-button-workspace-disabled p {
    background-color: #E0E0E0;
}

.toggle-button-status-selected p,
.toggle-button-workspace-selected p {
    left: 15px;
    top: -2px;
    margin: 0;
    border: none;
    width: 15px;
    height: 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    transition: left 0.2s;
}

.toggle-button-status-selected p {
    background-color: #169f49;
}

.toggle-button-workspace-selected p {
    background-color: var(--crs-theme-on-primary);
}

/* Fin icones du menu */

body, table, th, td, tr, input, select, textarea, span, div, .formlegend, pre, .MuiTableCell-root.MuiTableCell-body {
    font-family: Roboto regular;
    font-size: 13px;
    color: var(--crs-theme-primary-color-bg);
}

a {

    font-size: 13px;
    color: var(--crs-theme-on-primary);
}

img {
    border: 0;
}

table {
    padding: 0;
    border-spacing: 0;
    border-color: white;
}

#table_customoutputhtmlprinterinputlistparamworkflow_send_info_alo_for_partner tbody tr td > span:nth-child(2),
#table_customoutputhtmlprinterinputlistparamworkflow_send tbody tr td > span:first-child {
    position: initial !important;
}

#table_customoutputhtmlprinterinputlistparamworkflow_send_test_mode > tbody > tr > td {
    overflow: visible;
}

table.res-search,
table.period-criterias,
table.search-criterias {
    border-collapse: collapse;
}

.res-search, #validation,
#products, #validation, #checkin, #checkinReact,
#checkout, #docworkflows, #payments, #relationships_tab,
#stays_tab, #invoices, #notespms,
#deposits, #group_stays_tab, #reservation_global, #dialogs-container-read-only {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#relationships {
    position: relative;
}

#relationships_table {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
}

#relationships_table thead, #stays_table thead {
    min-height: 24px !important;
    height: 24px;
}

#products {
}

#group_stays_tab {
}

table.search-criterias,
table.res-search {
    width: 100%;
}

table.search-criterias td,
table.period-criterias td {
    padding: 0px 10px 10px 0;
}

table.compound-input {
    border-spacing: 10px;
    border-collapse: separate;
    border: #e0e0e0 1px solid;
}

table.compound-input:hover {
    border: var(--crs-theme-on-primary) 1px solid;
}

.compound-input .icon-search:before {
    color: #00BFA5;
}

table.global-actions-layer {
    float: right;
    padding: 2px 12px 2px 12px;
    position: relative;
    top: 6px;
}

table.global-actions-layer td {
    padding-left: 4px;
}

select.stdClass {
    width: 250px;
}

td.boldClass, tr.boldClass {
    font-weight: bold;
    height: 25px;
    background-color: #E6E8F0;
}

table.nowrapClass tr td,
td.nowrapClass, tr.nowrapClass,.nowrapClass {
    white-space: nowrap;
}

td.headerClass, tr.headerClass {
    white-space: nowrap;
    height: 25px;
    font-family: Roboto Medium;
    background-color: #ADB4C7;
}

td.stayrowClass,
tr.stayrowClass {
    height: 20px;
    background-color: #CCFF99;
}

td.grouprowClass {
    height: 20px;
    background-color: #999999;
}

tr.sortHeaderClass, td.sortHeaderClass {
    text-align: left;
    font-size: 13px !important;
    color: var(--crs-theme-primary-color-bg);
    white-space: nowrap;
}

tr.sortRowClass, td.sortRowClass {
    border-bottom-width: 0px;
    height: 20px;
}

tr.overbookrowClass, td.overbookrowClass {
    background-color: #FF9090;
    height: 25px;
}

tr.inputMassSelectQuantityClass, td.inputMassSelectQuantityClass {
    background-color: #FAAC58;
}

span.notExecutedActionClass {
    font-weight: bold;
    font-size: larger;
    color: #ffffff;
}

/* ***** Nouveau Fichier ***** */

body, .scrollpane, .noscrollpane, select {
    scrollbar-face-color: var(--crs-theme-on-primary); /*teal custom jennifer*/
    scrollbar-highlight-color: var(--crs-theme-on-primary);
    scrollbar-shadow-color: var(--crs-theme-on-primary);
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #D3EEFF;
    scrollbar-darkshadow-color: #FFFFFF;
}

body.main {
    margin: 0px;
    overflow: hidden;
}

.errorpage,
.global_layer {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    background-color: white;
}

.booking-panel {
    /*display: inline-block;*/
    /*background-color: #FFFFFF;*/
    box-shadow: 1px 1px 2px 2px #c0c0c0;
    border-radius: 2px;
    /*margin: 13px 8px 0px 8px;*/
    /*     height:500px; */
}

.booking-panel-header {
    width: calc(100% - 464px);
    padding: 16px 16px 16px 16px;
    margin-top: 8px;
    display: none; /*A enlever pour recherche un dossier*/
}

.booking-panel-tabs {
    float: left;
    width: calc(100% - 432px);
    margin: 8px 8px 0px 8px;
}

.booking-panel-sidepaneheader {
    /*height: 44px;*/
    background-color: #FFBD66 !important;
    /*box-shadow: 0 2px 1px #c0c0c0;*/

}

.dialogs-container-booking-panel-sidepaneheader {
    width: 100%;
    height: 44px;
    background-color: #62C7CC;
}

.booking-panel-sidepane {
    /*float: right;*/
    /*width: 414px;*/
    /*     height: 0; */
    box-shadow: none;
    /*  	background-color: #c0c0c0; */
    /*margin: 8px 0px 0px 0px;*/
}

.booking-panel-sidepane-read {
    /*display: inline-block;*/
    /*width: 414px;*/
    /*height: 0;*/
    box-shadow: none;
    /*background-color: #c0c0c0;*/

}

.booking-panel-sidepane #res_type_select-ui-autocomplete {
    width: 138px !important;
    max-width: 237px;
    cursor: hand !important;
    cursor: pointer !important;
}

.booking-panel-sidepane #commercial_user-ui-autocomplete {
    width: 200px !important;
    max-width: 200px;
}

.booking-panel-resamain {
    overflow: auto;
}

.init-panel-90 {
    margin-top: 14px;
    margin-bottom: 14px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.init-panel-70 {
    margin-top: 14px;
    margin-bottom: 14px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.init-panel-50 {
    margin-top: 14px;
    margin-bottom: 14px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.group_pax_global {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

iframe.scrollpane {
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

iframe.server {
    width: 100%;
    height: 0px; /* Important pour qu'elle ne soit pas visible sous Chrome */
    border: none;
    margin: 0px;
    padding: 0px;
}

.noscrollpane {
    width: 100%;
    height: 100%;
}

input.control_file,
input.control_text,
input.control_date,
input.amountClass,
input.amountWarningClass,
input.upper,
.custom-combobox-input,
.control_select,
.select-width,
.select-width-large,
.control_select_and_or,
.control_select_op,
.defaultListparamColumn,
textarea.control_textarea,
.control_code_select_code,
.control_percent,
.control_code_select_select,
.control_multiple_select,
input.control_date_alo,
input.control_text_alo,
input.control_text_alo_warning_centered,
input.control_text_alo_warning,
input.spinner_productselectionctrl,
.control_select_in_card {
    border: 1px solid #e0e0e0;
    font-size: 13px;
    font-family: Roboto regular;
    border-radius: 2px;
    padding: 0 4px 0 4px;
}

input.control_text.user_record {
    float: left;
    width: 100%;
    margin-right: 50px;
}

.control_select_in_card option {
    background: var(--crs-theme-on-primary);
}

.control_select_in_card:focus {
    border: 1px solid var(--crs-theme-on-primary);
}

.control_textarea_small {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
}

.res_type_control_select {
    /*width: 400px !important;*/
}

.spinner,
.spinner_productselectionctrl {
    width: 25px;
}

.spinner_productselectionctrl_selected {
    background-color: #BAE6E8 !important;
}

.cell_productselectionctrl {
    padding-left: 2% !important;
}

/* .control_code_select_select */
/* { */
/* 	margin-left: 1px; */
/* } */

.control_multiple_select {
    height: 150px;
    width: 300px;
    max-width: 300px;
}

#search .control_multiple_select {
    width: 250px;
}

input[name='etab_id_selected_filter'], input[name='etab_id_available_filter'] {
    width: 250px !important;
}

input.control_text_alo_warning_centered,
input.control_text_alo_warning,
input.control_text_alo_centered,
input.control_text_alo {
    width: 40px;
    max-width: 40px;
}

input.control_date_alo {
    width: 90px;
    max-width: 90px;
}

input.control_text_alo_centered {
    text-align: center;
    padding: 1px;
}

input.control_text_alo_warning_centered,
input.control_text_alo_warning {
    color: #FF0000;
}

input.control_text_alo_warning_centered {
    text-align: center;
}

.alo_period_title {
    font-family: Roboto medium;
    font-size: 12px;
    padding: 10px 0 10px 0px;
}

table.contingent_table {
    border-collapse: collapse;
    width: 100%;
}

table.contingent_table td {
    padding: 0 20px 0 20px;
}

table.contingent_table table td {
    padding: 0;
}

.control_select_op {
    width: 100px;
    max-width: 100px;
}

.room_feature_control_select {
    width: 150px !important;
    max-width: 150px !important;
}

.upper,
input.amountWarningClass {
    width: 75px;
    max-width: 75px;
}

.tiny_text_field {
    width: 55px;
    max-width: 55px;
}

.number_text_field {
    width: 55px;
    max-width: 55px;
}

.number_large_text_field {
    width: 100px;
    max-width: 100px;
}

.etab_num_text_field {
    width: 55px;
    max-width: 55px;
}

.amountClass {
    text-align: right;
}

input.amountClass {
    width: 72px;
    max-width: 72px;
}

.ecouponCode {
    width: 100px;
}

.control_select_offered_free,
.control_select_pms_service,
.control_select_paid_by,
.control_select_discount_types,
.control_select_fidelity_point,
.control_select_other_code {
    width: 200px !important;
    max-width: 200px !important;
}

.pax_text_field {
    width: 75px !important;
    max-width: 75px !important;
}

.control_select_op {
    vertical-align: middle;
}

.control_date:disabled,
.control_date {
    width: 90px;
    max-width: 90px;
}

.reservation_id_text_field,
.control_date_react:disabled input,
.control_date_react input {
    max-width: 90px;
    min-width: 90px;
}


.control_date_time_react:disabled input,
.control_date_time_react input {
    max-width: 130px;
    min-width: 130px;
}

.control_select_gender {
    width: 80px !important;
    max-width: 80px !important;
}

/* datepicker */

.ui-datepicker {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    height: 250px;
}

.ui-datepicker-header {
    position: relative;
    top: -3px;
    height: 32px;
    padding: 0 !important;
}

.ui-datepicker-calendar thead * {
    font-size: 13px;
    font-family: "Roboto regular";
    color: var(--crs-theme-primary-color-bg);
}

.ui-datepicker-calendar tbody * {
    font-size: 13px;
    font-weight: normal;
    color: rgb(33, 33, 33);
}

.ui-corner-left {
    position: relative;
    left: -3px;
    width: 102%;
    border: none;

}

.ui-corner-right {
    width: 102%;
    border: none;

}

.ui-datepicker-title {
    line-height: 2.4em !important;

}

.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
    cursor: pointer;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    color: #FFFFFF;
    transform: scale(0.95);
}

.ui-datepicker-prev:before {
    font-family: "Kameleon";
    font-size: 18px;
    content: "\e695";
    font-weight: normal;
    position: relative;
    top: 4px;
    left: 2px;
}

.ui-datepicker-header {
    border: none;
}

.ui-datepicker-prev .ui-icon {
    width: 0;
}

.ui-datepicker-next:before {
    font-family: "Kameleon";
    font-size: 18px;
    content: "\e696";
    font-weight: normal;
    position: relative;
    top: 4px;
}

.ui-datepicker-next .ui-icon {
    width: 0;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    border-radius: 50%;
    /*color:rgba(0,0,0,0);*/

}

.ui-datepicker-calendar .ui-state-default {
    background: rgba(0, 0, 0, 0);
    border: none;
}

#ui-datepicker-div .ui-widget-content {

    border: none;
}

#ui-datepicker-div {
    background: rgb(250, 250, 250);
}

.ui-datepicker-trigger {
    border: none;
    background: none;
    padding-right: 0;
}

.ui-datepicker-trigger:focus {
    background-color: rgba(0, 173, 179, 0.26);
    width: 32px;
    height: 32px;
    position: relative;
}

.ui-datepicker-trigger:focus > span{
    position :relative;
    top:0;
    left:-3px;
}

.ui-datepicker-title * {
    font-family: Roboto medium;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: normal;
}

.ui-datepicker-title select {
    background: #62C7CC;
    position: relative;
    top: 5px;

}

.ui-datepicker tbody td {
    padding: 0;
}

.ui-datepicker-calendar .ui-state-hover {
    background: var(--crs-theme-on-primary);
    color: #FFFFFF;
}

.ui-datepicker-calendar .ui-datepicker-today a {
    color: var(--crs-theme-on-primary);
    font-family: "Roboto regular";
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-hover {
    color: #FFFFFF;
}

.ui-widget-header {

}

.ui-datepicker-calendar {
    height: 80%;
    padding-bottom: 30px;
}

.ui-datepicker-current {
    display: inline-block;
    font-weight: normal;
    font-size: 13px !important;
    min-width: 55px;
    max-height: 21px;
    min-height: 21px;
    padding: 0px 8px 0px 8px !important;
    text-align: center;
    font-family: "Roboto medium" !important;
    vertical-align: middle;
    line-height: 21px;
    color: var(--crs-theme-on-primary) !important;
    background-color: rgb(250, 250, 250) !important;
    border: none !important;
    text-align: center !important;
    position: relative !important;
    left: 44% !important;
    bottom: 10px !important;

}

.ui-datepicker-close {
    display: none;
}

.ui-widget-content-dialog {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;
    border-radius: 2px;
    padding: 0 0 8px 0;

}

.dialog-box {
    padding: 24px 24px 8px 30px;
}

.ui-widget-content-dialog:not(.ui-dialog-buttons) {
    padding: 0;
}

.ui-datepicker-other-month span {
    color: rgb(250, 250, 250);
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    border: none;
    border-radius: 2px;
    font-family: Roboto regular;
}

select.ui-datepicker-year {
    position: relative;
    left: 8px;
}

/*style pour datepicker � 1 seul mois*/
#ui-datepicker-div .ui-datepicker-header.ui-corner-all {
    left: -3px;
    width: 103%;
}

#ui-datepicker-div .ui-datepicker-header.ui-corner-all .ui-datepicker-title {
    position: relative;
    left: -6px;
}

.ui-datepicker-current {
    text-transform: uppercase;
}

/* datepicker */

table.compound-input,
.control_password,
.control_select {
    width: 290px;
    max-width: 290px;
}

/*.control_select_react {*/
/*width: 290px;*/
/*max-width: 290px;*/
/*top: -2px;*/
/*}*/

/*.control_select_react div{*/
/*!*max-height: 15px;*!*/
/*}*/

/*.control_select_react .react-select__control{*/
/*min-height:15px;*/
/*}*/

/*.control_select_react .react-select__dropdown-indicator{*/
/*padding : 0 8px;*/
/*}*/

/*.control_select_react .react-select__value-container{*/
/*padding:0 8px;*/
/*}*/

.react-select__option--is-disabled {
    background-color: #bdbdbd !important;
}

/*.control_select_react .react-select__option--is-selected{*/
/*background: #00adb3;*/
/*}*/
/*.control_select_react .react-select__option--is-focused:not(.react-select__option--is-selected){*/
/*background: #B2DFDB;*/
/*}*/

/*.react-select__value-container > div{*/
/*padding-top: 0;*/
/*padding-bottom: 0;*/
/*margin: 0;*/
/*}*/

/*.react-select__dropdown-indicator > svg{*/
/*height:15px;*/
/*}*/

.medium_text_field {
    width: 290px;
    max-width: 290px;
}

.tiny_control_select {
    width: 50px !important;
    max-width: 50px !important;
}

.control_select_banque {
    width: 310px;
    max-width: 310px;
}

.control_select_yield_rule_date_type,
.control_select_yield_rule_mode_nbj_stays,
.control_select_yield_rule_privilege_card_mode {
    width: 500px !important;
    max-width: 500px !important;
}

.control_select_yield_rule_uh {
    width: 400px !important;
    max-width: 400px !important;
}

.control_select_add_payment {
    width: 255px !important;
    max-width: 255px !important;
}

.control_select_250 {
    width: 250px !important;
    max-width: 250px !important;
}

.control_select_page {
    width: 50px !important;
    max-width: 50px !important;
}

#global_payment_payment_mode_select-ui-autocomplete {
    width: 255px !important;
    max-width: 255px !important;
}

.roomming_status_control_select {
    width: 90px !important;
    max-width: 90px !important;
}

div.contenteditable {
    text-align: left;
    width: 60%;
    height: 60%;
    background-color: #FFFFFF;
    padding: 0 4px 0 4px;
    border: 2px solid #e0e0e0;
    overflow: auto;
}

textarea.control_textarea,
.large_text_field {
    width: 500px;
    max-width: 500px;
    min-width: 500px;
}

textarea.romming_obs {
    width: 800px !important;
    max-width: 800px !important;
    min-width: 800px !important;
}

.address_zip_text_field {
    width: 100px;
    max-width: 100px;
}

.address_city_text_field {
    width: 300px;
    max-width: 300px;
}

.code_text_field,
.order_text_field,
.quanlity_text_field,
.control_select_and_or {
    width: 60px;
    max-width: 60px;
}

.code_text_field_large {
    width: 80px;
    max-width: 80px;
}

.control_code_select_code {
    width: 45px;
    max-width: 45px;
    display: none;
}

.code-always-displayed {

    display: inline-block !important;
}

.control_percent {
    width: 35px;
    max-width: 35px;
}

.two_digit_control_text {
    width: 30px;
    max-width: 30px;
}

.four_digit_control_text {
    width: 60px;
    max-width: 60px;
}

.control_code_select_select {
    width: 290px;
    max-width: 290px;
}

#supplements .control_code_select_select {
    width: 160px;
    max-width: 160px;
}

.control_code_select_select_add_payment {
    width: 300px;
    max-width: 300px;
}

.control_code_select_select_add_payment_details {
    width: 303px !important;
    max-width: 303px !important;
}

.waiting_list_control_date,
.res_opt_control_date {
    width: 90px !important;
    max-width: 120px !important;
}

.res_status_control_select {
    /* 	width: 116px !important; */
    /* 	max-width: 184px !important; */
}

.defaultListparamColumn:disabled,
.control_select:disabled,
.select-width:disabled,
.select-width-large:disabled,
.control_select_and_or:disabled {
    /*background-color: white;
	color: #bdbdbd;*/
}

textarea.control_textarea {
    height: auto;
}

input.control_file:hover,
input.control_text:hover,
input.control_password:hover,
input.control_date:hover,
input.amountClass:hover,
input.amountWarningClass:hover,
input.upper:hover,
textarea.control_textarea:hover,
.control_select:hover,
.select-width:hover,
.select-width-large:hover,
.control_select:focus,
.control_select_op:hover,
.control_select_op:focus,
.control_select_and_or:hover,
.control_select_and_or:focus,
.control_code_select_code:hover,
.control_percent:hover {
    border: 1px solid var(--crs-theme-on-primary);
}

input.control_file:focus,
input.control_text:focus,
input.control_password:focus,
input.control_date:focus,
input.amountClass:focus,
input.amountWarningClass:focus,
input.upper:focus {
    color: #404040; /*75%*/
}

input.control_select:disbled,
input.select-width:disbled,
input.select-width-large:disbled,
input.control_file:disabled,
input.control_text:disabled,
input.control_password:disabled,
input.control_date:disabled,
input.amountClass:disabled,
input.amountWarningClass:disabled,
input.upper:disabled {
    background-color: e8e8e8;
    color: #bdbdbd;
    border: 1px solid #e0e0e0;
}

input.control_file:disabled:hover,
input.control_text:disabled:hover,
input.control_password:disabled:hover,
input.control_date:disabled:hover,
input.amountClass:disabled:hover,
input.amountWarningClass:disabled:hover,
input.upper:disabled:hover {
    border: 1px solid #e0e0e0;
}

input.amountClass {
    text-align: right;
    padding: 1px;
}

input.amountWarningClass {
    text-align: right;
    color: #FF0000;
    padding: 1px;
}

input.centeredAmountClass {
    text-align: center;
    padding: 1px;
}

input.centeredAmountClass.MuiInputBase-input {
    font-size: 13px;
}

div.centeredAmountClass {
    padding: 1px;
    margin:.5em;
}

input.centeredAmountWarningClass {
    text-align: center;
    color: #FF0000;
}

input.percentClass {
    text-align: right;
    padding: 1px;
    width: 40px;
}

input.upper {
    text-transform: uppercase;
}

input[type="checkbox"]:not([id$='_react']) {
    display: none;
}

/*!* <-- style the artificial checkbox *!*/
/*[type="checkbox"]:not([style*="display: none"]) + span {*/
/*height: 10px;*/
/*width: 10px;*/
/*border: 1px solid #b6b6b6;*/
/*display: inline-block;*/
/*position: relative;*/
/*outline: 0;*/
/*}*/

span, button, a, input {
    outline: 0;
}

/* input.select_all_checkbox + span */
/* { */
/* 	 border: 1px solid #FFFFFF; */
/* } */

/* input.select_all_checkbox + span:hover */
/* { */
/* 	 border: 1px solid #FFFFFF; */
/* } */

/* input.select_all_checkbox:checked + span */
/* { */
/* 	 color: #FFFFFF !important; */
/* } */

/*[type="checkbox"] + span:hover {*/
/*border: 1px solid #00ADB3; !* teal custom jennifer *!*/
/*}*/

/*!* <-- style its checked state *!*/
/*input[type="checkbox"]:checked + span:before {*/
/*content: '\2714';*/
/*font-size: 13px;*/
/*position: absolute;*/
/*top: -4px;*/
/*left: 0px;*/
/*}*/

/*input[type="checkbox"]:checked + span {*/
/*color: #00ADB3; !* teal custom jennifer *!*/
/*}*/
/*input[type="checkbox"]:disabled + span:hover,*/
/*input[type="checkbox"]:disabled + span,*/

input[type="radio"]:disabled + span:hover,
input[type="radio"]:disabled + span {
    border: 1px solid #e0e0e0;
    background: #e0e0e0;
    color: #808080;
}

input[type="radio"] {
    display: none;
}

input[type="radio"]:not(.PrivateSwitchBase-input) + span {
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    border: 1px solid #e0e0e0;
    display: inline-block;
    position: relative;
}

input[type="radio"]:not(.PrivateSwitchBase-input) + span:hover {
    border: 1px solid var(--crs-theme-on-primary);
}

input[type="radio"]:not(.PrivateSwitchBase-input):checked + span {
    color: var(--crs-theme-on-primary);
}

input[type="radio"]:not(.PrivateSwitchBase-input):checked + span:before {
    content: '\f111';
    font-family: FontAwesome;
    font-size: 7px;
    position: absolute;
    top: 1.7px;
    left: 2.1px;
}

/* Liens standard */

a, a:link, a:visited,
.mainframe a, .mainframe a:link, .mainframe a:visited {
    /*color: var(--crs-theme-secondary-color);*/
    text-decoration: none;
}

a:hover, a:visited:hover,
.mainframe a:hover, .mainframe a:visited:hover {
    /* color: #9C968C;*/
    text-decoration: none;
}

/* Liens sur fond sombre */

.titlerow a, .titlerow a:link, .titlerow a:visited,
.titlerowRight a, .titlerowRight a:link, .titlerowRight a:visited,
.tab a, .tab a:link, .tab a:visited,
.navrow a, .navrow a:link, .navrow a:visited,
.actionrow a, .actionrow a:link, .actionrow a:visited {
    /*color: #000000;*/
    font-k: normal;
    text-decoration: none;
}

.tab a, .tab a:link, .tab a:visited,
.titlerow a, .titlerow a:link, .titlerow a:visited,
div.titlerow {
    color: var(--crs-theme-on-primary);
    font-family: Roboto medium;
    font-size: 12px;
}

.menuwarn,
.menuwarn:hover,
.menuwarn:visited {
    border-color: #ff0000;
    border-style: solid;
    border-width: 1px;
}

a.menu:hover, a.menu:visited:hover,
.titlerow a:hover, .titlerow a:visited:hover,
.titlerowRight a:hover, .titlerowRight a:visited:hover,
.tab a:hover, .tab a:visited:hover,
.navrow a:hover, .navrow a:visited:hover,
.actionrow a:hover, .actionrow a:visited:hover {
    /*color: var(--crs-theme-on-primary);*/
    text-decoration: none;
}

.inner_menu_nav-action > tbody > tr > td,
.menu_nav a, .menu_nav-action > tbody > tr > td {
    padding-right: 16px;
}

.menu_nav-action {
    position: relative;
    top: 7px;
    left: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1002;
    background-color: white;

}

.menu_nav-action td {
    background-color: #f4f4f4 !important;
}

.menu_nav-action td:hover {
    background-color: white !important;
}

/*correspond au texte de l'action*/
.menu_nav-action td a {
    color: var(--crs-theme-on-primary) !important;
    font-size: 13px !important;
    text-transform: uppercase;
    font-family: "Roboto medium" !important;
}

.menu_nav a, .menu_nav a:link, .menu_nav a:visited {
    color: #393C39;
}

.inner_menu_nav-action a, .inner_menu_nav-action a:link, .inner_menu_nav-action a:visited
.menu_nav-action a, .menu_nav-action a:link, .menu_nav-action a:visited {
    color: var(--crs-theme-on-primary);
}

.menu-bar-node-home *, .menu_actived * {
    color: #fff;
    transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
}

.mode-test .menu-bar-node-home:hover *, .mode-test .menu_actived:hover * {
    color: #E6B965;
}

.menu-bar-node-home:hover *, .menu_actived:hover * {
    color: #bae6e8;
}

/* Liens sur fond clair */

.formrowactionlayer {
    width: 200px;
    /* min-width:200px; */
    max-width: 200px;
    vertical-align: top;
}

.formrowvalue .actionrow a.menu {
    color: #FFFFFF;
}

.formrowvalue .actionrow a:hover,
.formrowvalue .actionrow a.menu:hover {
    color: #FFFF00;
}

.stayGroupLink, .groupLink {
    color: var(--crs-theme-on-primary);
}

td.menuframe {
    background-color: #0070B2;
}

td.worspacetabPMS {
    background-color: #90CDF3;
    background-image: url(../images/db_infoIcon.gif);
}

td.popupwindow {
    padding: 24px 24px 24px 24px;
}

td.waitpage {
    background-color: #FFFFFF;
}

.selected_page,
a.list_footer,
.list_footer {
    font-size: 15px;
    color: #bdbdbd;
}

td.list_footer {
    padding-right: 10px;
    vertical-align: text-bottom;
}

a.list_footer {
    padding-left: 2px;
    padding-right: 2px;
}

span.selected_page {
    color: var(--crs-theme-on-primary);
}

td.stdrow, tr.stdrow,
td.titlerow, tr.titlerow, th.titlerow,
td.titlerowRight, tr.titlerowRight,
td.clearlistrow, tr.clearlistrow,
    /*td.listrow1,*/
td.listrow-without-hover,
    /*td.listrow2,*/
tr.listrow2,
td.listrow3, tr.listrow3,
td.subgrouprow, tr.subgrouprow,
td.grouprow, tr.grouprow,
td.subtotalrow, tr.subtotalrow,
td.selectedrow, tr.selectedrow,
td.actionrow, tr.actionrow,
td.counterproposalrow, tr.counterproposalrow,
td.supplementproposalrow, tr.supplementproposalrow,
td.overbookproposalrow, tr.overbookproposalrow,
td.overbooklistrow, tr.overbooklistrow,
td.cancelledlistrow1, tr.cancelledlistrow1,
td.cancelledlistrow2, tr.cancelledlistrow2,
td.cancelledlistrow3, tr.cancelledlistrow3,
td.cancelledstaylistrow, tr.cancelledstaylistrow,
td.cancelledgrouplistrow, tr.cancelledgrouplistrow,
td.staylistrow, tr.staylistrow,
td.resarow, tr.resarow,
td.grouplistrow, tr.grouplistrow,
td.lineitemrow, tr.lineitemrow,
td.lineitemsubpricingrow, tr.lineitemsubpricingrow,
td.pivotclass, tr.pivotclass,
td.ferry_resume,
td.ferry_rule {
    height: 48px;
    padding-right: 3px;
}

td.listrowresa, tr.listrowresa {
    height: 48px;
    padding-right: 3px;
}

td.listrowresa.relative,
tr.listrowresa.relative,
td.cancelledlineitemlistrow1.relative,
tr.cancelledlineitemlistrow1.relative {
    position: relative;
}

.totalrow {
    background-color: #FAFAFA;
    /* 	border-bottom:var(--crs-theme-secondary-color) 1px solid; */
    border-top: var(--crs-theme-secondary-color) thin solid !important;

}

border-top-color

.total-row {
    background-color: #f4f4f4 !important;
    /* 	border-bottom:var(--crs-theme-secondary-color) 1px solid; */
    border-top: var(--crs-theme-secondary-color) thin solid !important;

}

.totalrow *:not(input), .total-row *:not(input) {
    color: #00BFA5;
    font-size: 15px;

}

tr.listrow1:not(.no-border):hover,
tr.listrow2:hover,
tr.subtotalrow {
    /*   background: #BAE6E8; */
    /* 	background:rgba(0,174,179,0.15); */
    background: rgba(246, 164, 44, 0.15);
}

.listtable > tbody > tr {
    width: max-content;
}

#cart .listtable > tbody > tr, #cart .listtable-react > tbody > tr,
#stays_tab .listtable > tbody > tr,
#relationships_tab .listtable > tbody > tr,
#res-read-only .listtable > tbody > tr,
#payments_list_table > tbody > tr, #payments_list_table .listtable-react > tbody > tr,
#line_items_table tr,#annex_items_table tr,#annex_payments_list_table tr,
#documents_table tr,#deposists-table > tbody > tr,#deposists-table tr ,.cart_infos_container .listtable > tbody > tr,
#checkin_react_table tr,#checkout_react_table tr,
#invoices_table tr

{
    width: auto;
    min-width: min-content;
}

.listtable-react {
    width: 100%;
    display: block;
}

tr.listrow-without-hover:hover {
    background: none !important;
}

td.group_param_last_cell,
td.formrowsortbarlabel {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
    text-align: right;

}

td.listrow2,
.formrowlabel,
td.listrow1 {
    width: 300px;
}

td.planningheaderrow1, tr.planningheaderrow1,
td.planningheaderrow2, tr.planningheaderrow2 {
    height: 24px;
    padding-left: 3px;
    padding-right: 3px;
}

table#planning_table td.informativCell a {
    color: #666666;
    font-weight: normal;
    padding-left: 20px;
}

td.smcell, tr.smcell {
    height: 16px;
    padding-left: 0px;
    padding-right: 0px;
}

table#planning_table td.informativCell a {
    color: #666666;
    font-weight: normal;
}

table tr td.vsmcell, tr.vsmcell {
    height: 1px;
    /* font-size : 3px; */
    line-height: 1px;
    background-color: transparent;
}

/*td.listrow1,*/
tr.listrow1, tr.listrow-without-hover,
td.planningReportRow1, tr.planningReportRow1 {
    background-color: #FFFFFF;
    text-align: left;
}

/*td.listrow2, */
tr.listrow2,
td.planningReportRow2, tr.planningReportRow2 {
    background-color: #FFFFFF;
}

td.listrow3, tr.listrow3 {
    background-color: #D3FFEE;
}

tr.listrow1:not(.no-border),
tr.listrow-without-hover,
tr.listrow2,
tr.listrow3 {
    border-top: #e0e0e0 thin solid;

}

/*tr.listrow1:not(.no-border) > td,*/
/*tr.listrow-without-hover > td,*/
/*tr.listrow2 > td,*/
/*tr.listrow3 > td{*/
/*box-shadow: 0 -1px 0 #e0e0e0;*/
/*}*/

td.pivotclass, tr.pivotclass {
    font-family: Roboto medium;
    background-color: #f4f4f4;
}

td.planningheaderrow1, tr.planningheaderrow1 {
    background-color: #2E9FE3;
}

td.planningheaderrow2, tr.planningheaderrow2 {
    background-color: #D3EEFF;
}

td.surbookrowNoDispo, tr.surbookrowNoDispo {
    background-color: #FF0000;
}

td.surbookrowNoDispoSelected, tr.surbookrowNoDispoSelected {
    background-color: #FFA0A0;
}

td.surbookrowDispoOtherQuota, tr.surbookrowDispoOtherQuota {
    background-color: #CC33CC;
}

td.surbookrowDispoOtherQuotaSelected, tr.surbookrowDispoOtherQuotaSelected {
    background-color: #EE55EE;
}

td.surbookrowDispoSameQuota, tr.surbookrowDispoSameQuota {
    background-color: #FFCCFF;
}

td.surbookrowDispoSameQuotaSelected, tr.surbookrowDispoSameQuotaSelected {
    background-color: #FFEEFF;
}

td.inplanningrow, tr.inplanningrow {
    background-color: #00FF00;
}

td.inplanningrowSelected, tr.inplanningrowSelected {
    background-color: #A0FFA0;
}

td.titlerow, tr.titlerow, th.titlerow {
    text-align: center;
    /*   color:var(--crs-theme-on-primary);  */
    cursor: default;
    background-color: transparent;
    font-family: Roboto medium;
    font-size: 12px;
    /*border-right:#FFFFFF 1px dotted;*/
}

.titlerowReact {
    cursor: default;
    background-color: transparent;
    font-family: Roboto medium;
    font-size: 12px;
}

.tablesorter td.titlerow {
    color: var(--crs-theme-on-primary);
    cursor: pointer;
}

td.nbtitlerow {
    text-align: right !important;
}

.headerSortDown:after {
    color: var(--crs-theme-on-primary) !important;
    font-size: 18px !important;
    position: relative !important;
    top: 2px !important;

}

.headerSortUp:after {
    color: var(--crs-theme-on-primary) !important;
    font-size: 18px !important;
    position: relative !important;
    top: 2px !important;

}

.headerSortDown {
    position: relative !important;
    top: -3px !important;
}

.headerSortUp {
    position: relative !important;
    top: -3px !important;
}

#proposals_table_row_0 {
    /*border-bottom:var(--crs-theme-secondary-color) 1px solid;*/
}

th.titlerow {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

td.titlerowRight, tr.titlerowRight {
    text-align: right;
    background-color: #2E9FE3;
    color: #FFFFFF;
}

td.titlerow label, tr.titlerow label {
    color: #FFFFFF;
}

td.titlerowRight label, tr.titlerowRight label {
    color: #FFFFFF;
}

th.titlerow,
td.titlerow {
    /* min-width: 60px; */
}

td.grouprow, tr.grouprow, td.subgrouprow, tr.subgrouprow {
    color: #FFFFFF;
    text-align: left;
}

td.subgrouprow, tr.subgrouprow {
    color: #000000;
    background-color: #A6D5F2;
}

td.subtotalrow, tr.subtotalrow {
    background-color: #A6D5F2;
}

/* td.actionrow, tr.actionrow */
/* { */
/*   background-color: #FFFFFF; */
/*   color: #FFFFFF; */
/* } */

td.navrow, tr.navrow {
    max-height: 48px;
    min-height: 48px;
    vertical-align: middle;
    white-space: nowrap;
}

a.menuentryrow {
    font-weight: normal;
}

table.navrow {
    width: 100%;
}

table.navrow td {
    padding: 10px 0 14px 0;
}

table.menu-bar {
    border: 0;
    border-spacing: 0;
    padding: 0;
}

td.menu_actived,
td.menu-bar-node-home,
td.menu-bar-node-action,
td.menu-bar-node {
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    padding: 12px 12px 12px 12px;
    cursor: pointer;
    min-width: 85px;
}

td.menu-bar-node-action {
    border-radius: 2px;
}

td.menu-bar-node-home {
    vertical-align: middle;
}

td.menu-bar-node-home {
    cursor: default;
}

.menu_actived {
    /*background-color:var(--crs-theme-on-primary);*/ /* teal custom jennifer */
}

td.menu-bar-node:active {
    /*background-color:var(--crs-theme-on-primary)*/;
}

td.menu-bar-node-action > table,
td.menu-bar-node-home > table,
td.menu-bar-node > table,
td.menu_actived > table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    horizontal-align: center;
}

td.menu-bar-node-icon-home,
td.menu-bar-node-icon {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 24px;
    padding: 0 0 4px 0;
}

td.menu-bar-node-label {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 4px 0 0 0;
}

td.navrow td, tr.navrow td {
    color: #000000;
}

div.menu-nav-position {
    position: absolute;
    /*z-index: 1002;*/
    top: 80px;
}

table.inner_menu_nav-action,
table.menu_nav-action,
table.menu_nav {
    border: 0;
    padding: 0;
    border-spacing: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;
    border-radius: 2px;
    overflow: hidden;
}

table.menu_nav {
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

td.sep-menu-entry {
    height: 1px;
    background-color: #fafafa;
    padding: 0;
}

a.header_menu {
    color: #FFFFFF;
    font-family: "Roboto regular";
    font-size: 11px;
    white-space: nowrap;
}

a.header_menu_home {
    color: #FFFFFF;
    font-family: "Roboto regular";
    font-size: 11px;
    white-space: nowrap;
}

span.input-text-cs {
    padding-right: 2px;
    white-space: nowrap;
}

a.header_menu_home:hover {
    /*color: var(--crs-theme-on-primary);*/
}

td.menuentryrow-menu-leaf a,
td.menuentryrow-menu-node a,
td.menuhighlightedentryrow-menu-leaf a,
td.menuhighlightedentryrow-menu-node a,
td.menuentryrow-roomfeature a,
td.menuhighlightedentryrow-roomfeature a,
td.menuhighlightedentryrow-action a,
td.menuentryrow-action a,
td.menuentryrow a,
td.menuhighlightedentryrow a {
    color: #FFFFFF;
    cursor: pointer;
    cursor: pointer;
    height: 20px;
    white-space: nowrap;
    font-family: "Roboto regular";
    font-weight: normal;
    font-size: 11px;
}

td.menuentryrow-action,
td.menuhighlightedentryrow-action,
td.menuentryrow,
td.menuentryrow-menu-node,
td.menuentryrow-menu-leaf,
td.menuhighlightedentryrow-menu-node,
td.menuhighlightedentryrow-menu-leaf,
td.menuhighlightedentryrow {
    padding: 8px 4px 8px 16px;
}

td.menuhighlightedentryrow-action,
td.menuentryrow-action {
    min-width: 98px;
}

td.menuhighlightedentryrow-roomfeature,
td.menuentryrow-roomfeature {
    padding: 4px 2px 2px 2px;
}

table.menu_nav {
    border-top: solid 8px var(--crs-theme-primary-color); /* contraste 3 */
    border-bottom: solid 8px var(--crs-theme-primary-color);
}

/* highlight row*/

td.menuentryrow, td.menuentryrow-menu-node, td.menuentryrow-menu-leaf {
    background-color: var(--crs-theme-primary-color);
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

td.menuhighlightedentryrow-roomfeature,
tr.menuhighlightedentryrow-roomfeature,
td.menuhighlightedentryrow-action,
tr.menuhighlightedentryrow-action,
td.menuhighlightedentryrow-menu-node,
tr.menuhighlightedentryrow-menu-node,
td.menuhighlightedentryrow-menu-leaf,
tr.menuhighlightedentryrow-menu-leaf,
td.menuhighlightedentryrow,
tr.menuhighlightedentryrow {
    background-color: var(--crs-theme-primary-color);
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    cursor: pointer;
    cursor: pointer;
}

td.menuhighlightedentryrow-roomfeature:hover,
tr.menuhighlightedentryrow-roomfeature:hover,
td.menuhighlightedentryrow-action:hover,
tr.menuhighlightedentryrow-action:hover,
td.menuhighlightedentryrow-menu-node,
td.menuhighlightedentryrow-menu-leaf,
td.menuhighlightedentryrow:hover,
tr.menuhighlightedentryrow:hover {
    background-color: var(--crs-theme-on-primary);
}

.mode-test td.menuhighlightedentryrow-roomfeature:hover,
.mode-test tr.menuhighlightedentryrow-roomfeature:hover,
.mode-test td.menuhighlightedentryrow-action:hover,
.mode-test tr.menuhighlightedentryrow-action:hover,
.mode-test td.menuhighlightedentryrow-menu-node,
.mode-test td.menuhighlightedentryrow-menu-leaf,
.mode-test td.menuhighlightedentryrow:hover,
.mode-test tr.menuhighlightedentryrow:hover {
    background-color: #FFAB40 !important;
}

td.menuhighlightedentryrow-roomfeature,
tr.menuhighlightedentryrow-roomfeature,
td.menuhighlightedentryrow-action,
tr.menuhighlightedentryrow-action,
td.menuhighlightedentryrow,
tr.menuhighlightedentryrow {
    /*background-color:var(--crs-theme-on-primary);*/ /*teal custom jennifer*/
}

td.logintitle, tr.logintitle {
    background-color: #0070B2;
    color: #FFFFFF;
    text-align: center;
}

td.loginbox, tr.loginbox {
    background-color: var(--crs-theme-on-primary);
}

div.dialog, div.dialog_user_parameters {
    background-color: #FFFFFF;
    padding: 16px; /*box-shadow: 0.1rem 0.6rem�rgba(0, 0, 0, 0.3);*/
    box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;
    border-radius: 2px;
    vertical-align: top;

}

div.dialog_user_parameters {
    margin: 16px 16px 0px 10px;
}

#sidepaneLayercontent .dialog,#sidepane-content-container .dialog{
    /* 	box-shadow : 0 -1px 2px 0px #c0c0c0; */
    border-bottom: #e0e0e0 1px solid;
    box-shadow: none;
}

#homeSidepane {
    position: relative;
    overflow-y: hidden !important;
}

fieldset.formfieldset,
td.dialog {
    background-color: #FFFFFF;
    padding: 16px 16px;
    /*box-shadow: 0.1rem 0.6rem�rgba(0, 0, 0, 0.3);*/
    box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;
    border-radius: 2px;
    vertical-align: top;
    width: 100%;
}

td.footer {
    background-color: #FFFFFF;
    min-height: 46px;
    max-height: 46px;
    height: 46px;
    border-top: solid 1px #d1d1d1;
    padding: 8px 16px 8px 0;
    border-radius: 2px;
    vertical-align: center;
    width: 100%;

}

td.popuptitle, tr.popuptitle {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
    padding: 8px 0 8px 8px;
}

div.listparamdesc {
    /*padding: 0 0 11px 0;
	white-space: nowrap;*/
    color: #989898;
}

.dialog-title-sidepane-home {
    color: black;
    font-size: 20px;
    padding: 15px 0 4px 0;
    white-space: nowrap;
}

.title-react {
    color: black;
    font-size: 16px;
}

.dialog-title,
.dialog-title-action,
a.dialog-title {
    color: black; /* teal custom jennifer */
    font-size: 16px;
    padding: 0 0 11px 1px;
    white-space: nowrap;
}

a.dialog-title {
    color: black;
    font-weight: normal !important;
}

#products a.dialog-title, #stays_tab a.dialog-title,
#relationships_tab a.dialog-title, #group_stays_tab a.dialog-title,
#products a.dialog-title:before, #stays_tab a.dialog-title:before,
#relationships_tab a.dialog-title:before, #group_stays_tab a.dialog-title:before {
    color: var(--crs-theme-primary-color-bg) !important;
    font-weight: normal !important;
}

.dialog-title-action {
    font-size: 12px;
}

div.popup-dialog-title {
    color: black;
    font-size: 18px;
    padding-bottom: 14px;
    padding-top: 14px;
}

table.popup-action {
    width: 100%;
    border-spacing: 24px;
}

.group_param_last_cell {
    padding-bottom: 3px;
}

.group_param_title {
    color: #0070B3;
    font-weight: bold;
}

td.group_param_title {
    padding-top: 2px;
    border-top: solid;
    border-top-width: 1px;
    padding-bottom: 3px;
}

td.group_param_resume {
    padding-left: 3px;
}

span.group_param_resume {
    color: #555555;
    font-weight: normal;
}

td.dialog-contener {
    white-space: nowrap;
}

td.dialog-contener div {
    float: left;
    height: 18px;
    white-space: nowrap;
}

td.tab {
    color: #FFFFFF;
}

.rsl-date-input input,
.rsl-date-input a {
    display: inline-block;
    vertical-align: middle;
}

.rsl-date-input a {
    padding-left: 2px;
}

div.criteria {
    display: inline;
}

span.input-code-select {
    display: inline;
    white-space: nowrap;
}

span.input-text-cs {
    padding-right: 2px;
    white-space: nowrap;
}

span.input-text-cs input,
span.input-text-cs span {
    display: inline-block;
    vertical-align: middle;
}

div.criteria {
    display: inline;
}

.divbutton .divbutton-img-link,
.divbutton .divbutton-text-link,
.editcustomerlink {
    display: inline-block;
    vertical-align: middle;
}

td.button {
    height: 16px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
}

.button a, .button a:link, .button a:visited,
a.divbutton, a:link.divbutton, a:visited.divbutton {
    color: #052C87;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

a.divbutton, a:link.divbutton, a:visited.divbutton {
    color: #052C87;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

.button a:hover, .button a:visited:hover,
a:hover.divbutton, a:visited:hover.divbutton {
    color: #6F81A3;
    text-decoration: none;
}

.divbutton .left {
    background: transparent url("../images/btn_left.gif") no-repeat top left;
    padding-top: 2px;
    height: 16px;
    width: 7px;
    display: inline-block;
    cursor: pointer;
}

.divbutton .right {
    background: transparent url("../images/btn_right.gif") no-repeat top right;
    padding-top: 2px;
    height: 16px;
    width: 7px;
    display: inline-block;
    cursor: pointer;
}

.divbutton .center {
    background: transparent url("../images/btn_bg.gif") repeat-x top;
    height: 16px;
    padding-top: 2px;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
}

/*Ecart de 16px entre les boutons*/
div.designed-button-container,
span.designed-button-container {
    /*padding-right: 16px;*/
}

/*td.tab-layer,
td.tab-layer-active
{

  font-weight:normal;
  text-transform: uppercase;
  height: 12px;
  padding: 0.2em 0.6em;
  text-align: left;
  font-family: "Roboto regular";
  vertical-align: middle;
  line-height: 16px;
  padding: 8px 16px;
  background-color: #64A6F4;
  box-shadow: 0 2px 1px #c0c0c0;
  width: 90px;
  cursor: pointer;
}

td.tab-layer-active::after
{
	width: 0;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: var(--crs-theme-on-primary) transparent transparent transparent;
    content:"";
    position: relative;
    top: 30px;
}

td.tab-layer
{
	background-color: #64A6F4;
}

td.tab-layer-active
{
	background-color: var(--crs-theme-on-primary);
}

td.tab-layer-active a:link,
td.tab-layer a:link
{
  font-size: 12px;
  color: #FFFFFF;
  white-space: nowrap;
  word-wrap: normal;
}

a.tab-link:visited
{
	color: #FFFFFF;
}

td.tab-layer a:link
{
	opacity: 0.90;
}*/

li.tab-layer,
li.tab-layer-active {
    display: block;
    float: left;
    list-style-type: none;
    font-weight: normal;
    text-transform: uppercase;
    height: 28px;
    /*text-align: left;*/
    text-align: center;
    font-family: "Roboto regular";
    line-height: 29px;
    padding: 8px 16px;
    background-color: var(--crs-theme-on-primary);
    box-shadow: 0 2px 1px #c0c0c0;
    cursor: pointer;
    overflow: hidden;
    left: 0;

}

/*@media screen and (max-width: 720px) {
	li.tab-layer,
	li.tab-layer-active
	{
	line-height: 36px;
	}
}*/

div.tab-layer-active::after {
    /*width: 0;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: var(--crs-theme-on-primary) transparent transparent transparent;
    content:"";
    position: relative;
    top: 30px;*/
}

#tabs-arrows {
    /*position:fixed;*/
    /*top : -58px; /*Temporaire : placement par rapport a recherche par dossier */

}

#tabs {
    /*position:relative;
	z-index:1002;*/
}

ul.list-margin {
    /*margin-top: 10px;*/
    user-select: none;
    /*margin-left : 8px;*/
    background-color: var(--crs-theme-on-primary); /* teal 300 */
    height: 44px;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
    overflow: hidden;

}

/*.icon-my-previous{
	font-family: "Kameleon";
	font-size: 17px;
	display: block;
    content: "\e65c";

}*/

li.tab-layer {
    background-color: var(--crs-theme-on-primary); /* teal 300 */
    cursor: pointer;

}

li.tab-layer-active {
    background-color: var(--crs-theme-primary-color-highlight);
}

li.tab-layer-active a:link,
li.tab-layer a:link {
    font-size: 12px;
    color: #FFFFFF;
    white-space: nowrap;
    word-wrap: normal;
}

li.tab-layer a:link:hover {
    opacity: 1;
}

a.tab-link:visited {
    color: #FFFFFF;
}

li.tab-layer a:link {
    opacity: 0.90;
}

/*ul {
  font-size: 0;
  position: relative;
  padding: 0;
  width: 480px;
  margin: 40px auto;
  user-select: none;
}

li {
  display: inline-block;
  width: 160px;
  height: 60px;
  background: #E95546;
  font-size: 16px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}*/

li.slider {
    display: block;
    position: relative;
    top: 41px;
    left: 0;
    height: 3px;
    width: 80px;
    background: #FFA726;
    transition: left 0.5s, width 0.5s;
}

#scrollTabsLeft {
    display: block;
    position: relative;

    left: 0;
}

input.submit-button {
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    height: 25;
    font-family: "Roboto medium";
    background-color: var(--crs-theme-on-primary);
    border: 0;
    padding-left: 0 8px 0 8px;
}

/*span.designed-button,*/
/*.primarybutton{
	background-color:#FFFFFF !important;
	color:var(--crs-theme-on-primary) !important;
	box-shadow:none !important;
	text-transform: uppercase;
	border:none !important;
}

.secondarybutton{
	background-color:#FFFFFF !important;
	color:var(--crs-theme-secondary-color) !important;
	box-shadow:none !important;
	text-transform: uppercase;
	border:none !important;
}*/

.designed-button-container, .designed-button-container-disabled, .designed-button-container-without-animation {
    min-width: 60px;
    max-height: 28px;
    min-height: 28px;
    border: none;
    background-color: #FFFFFF;
    outline: 0;
    display: inline-flex;
    width: max-content;
    align-items: center;
    justify-content: center;
}

.designed-button-container-not-important {
    display: inline-flex;
    min-width: 60px;
    max-height: 28px;
    min-height: 28px;
    border: none;
    background-color: #FFFFFF;
    outline: 0;
    width: max-content;
    align-items: center;
    justify-content: center;
}

a.flat-button,
.designed-button,
.designed-button-disabled {
    font-weight: normal;
    font-size: 13px;
    padding: 8px;
    text-align: center;
    font-family: "Roboto medium";
    text-transform: uppercase;
    color: var(--crs-theme-on-primary);
    outline: 0;
}

.designed-button-container:hover, .designed-button-container-without-animation:hover, .designed-button-container-not-important:hover,
.designed-button-container.ui-state-focus {
    /* 	background-color:#FFF3E0; */
    background-color: #f4f4f4;
}

.ui-state-focus > .designed-button-container, .ui-state-focus > .designed-button-container-not-important {
    background-color: #f4f4f4;
}

/*a.flat-button *,
a.designed-button *
{
	vertical-align: middle;
}*/

a.flat-button:link,
a.designed-button:link {
    font-weight: normal;
}

span.primarybutton,
a.primarybutton:link {
    /*color: #FFFFFF;
  background-color:var(--crs-theme-on-primary);*/
}

span.designed-button
a.designed-button {
    /*box-shadow: 0 2px 1px #c0c0c0;*/
}

a.flat-button {
    /* color: var(--crs-theme-on-primary) !important;
  background-color: #FFFFFF;*/
}

a.secondarybutton {
    /*color: #000000 !important;
  background-color: #FFFFFF;
  max-height: 19px;
  min-height: 19px;
  line-height: 19px;
  border : 1px solid #ebebeb;*/
}

a.flat-button-disabled,
a.primarybutton-disabled,
a.secondarybutton-disabled {
    /*pointer-events: none;*/
    cursor: default;
}

a.flat-button-disabled {
    color: #bdbdbd !important; /*26%*/
    background-color: #FFFFFF;
}

a.flat-button:focus,
a.flat-button:hover {
    background-color: #f0f0f0; /*6%*/
}

a.flat-button:active {
    background-color: #e8e8e8; /*9%*/
}

a.primarybutton-disabled,
a.secondarybutton-disabled:not(.designed-button-disabled):not(.designed-button) {
    color: white !important; /*26%*/
    /* background-color: #e7e7e7;*/ /*9%*/
}

input.submit-button:focus,
input.submit-button:hover,
span.primarybutton:hover,
a.primarybutton:hover,
a.secondarybutton:hover {
    /*box-shadow: 2px 2px 3px #c0c0c0; *//*25%*/
}

a.primarybutton:active,
a.secondarybutton:active {
    /*box-shadow: 2px 4px 3px #b3b3b3; *//*30%*/
}

a.primarybutton:focus,
a.secondarybutton:focus {
    /* box-shadow: 2px 2px 3px #c0c0c0; *//*25%*/
}

/* Resa */

td.res_global, tr.res_global {
}

td.res_stays, tr.res_stays {
    height: 100px;
}

td.res_panels, tr.res_panels {
    height: 100%;
}

span.room_feature_proposal {
    display: block;
}

td.counterproposalrow, tr.counterproposalrow {
    background-color: #FF9090;
}

td.supplementproposalrow, tr.supplementproposalrow {
    background-color: #F8F5C2;
}

td.overbookproposalrow, tr.overbookproposalrow {
    background-color: #FFCC99;
}

td.overbooklistrow, tr.overbooklistrow {
    background-color: #FFEBEE;
}

td.cancelledlistrow1, tr.cancelledlistrow1 {
    background-color: #CCCCCC;
}

td.cancelledlineitemlistrow1 > span {
    font-style: italic;
}

td.cancelledlistrow2, tr.cancelledlistrow2 {
    background-color: #DDDDDD;
}

td.cancelledlistrow3, tr.cancelledlistrow3 {
    background-color: #BBBBBB;
}

td.cancelledstaylistrow, tr.cancelledstaylistrow {
    background-color: #AAAAAA;
}

td.cancelledgrouplistrow, tr.cancelledgrouplistrow {
    background-color: #CCCCCC;
}

td.staylistrow, tr.staylistrow,
.staylistrow td, .staylistrow tr {
    white-space: nowrap;
    background-color: var(--crs-theme-on-primary); /* teal custom jennifer */
    color: #FFFFFF;
}

td.resarow, tr.resarow,
.resarow td, .resarow tr {
    white-space: nowrap;
    background-color: #032C86;
    color: #FFFFFF;
}

td.staylistrow, tr.staylistrow {
    white-space: nowrap;
}

td.grouplistrow, tr.grouplistrow {
    white-space: nowrap;
}

li.lineitemrow > div,
li.lineitemrow > ul > li {
    padding: 10px 5px 0 5px;
    white-space: nowrap;
}

td.lineitemsubpricingrow, tr.lineitemsubpricingrow {
    background-color: #FAFAFF;
}

table.proposaltable,
table.dyntable,
table.prodquotatable,
table.alotable,
table.addproducttable,
table.listtable {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.listtable:not(#table_headers_planning):not(#planning_table) {
    height: inherit;
}

.listtable a.primarybutton {
    /*background-color:var(--crs-theme-secondary-color);*/
}

table.product_popup_table tbody tr td:not(.no-padding) {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.div_product_popup_table {
    border-left: 1px solid #e0e0e0 !important;
    border-right: 1px solid #e0e0e0 !important;
    margin-right: 1px !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

table.proposaltable tbody tr:not(.listrow1) {
    border-bottom: #e0e0e0 1px solid;
}

table.formtable, table.condTraitementformtable {
    border-collapse: collapse;
}

table.formtable td:not(.no-padding) {
    padding: 5px 4px 5px 4px;
}

/*Les tableaux imbriqu�s n'h�rite pas du padding*/
table.formtable:not(.addproducttable) table:not(.listtable) td {
    padding: 2px 4px 8px 0px;
}

table.condTraitementformtable {
    border-spacing: 10px;
}

table.formtable.cond_payment_form_table tr > td:first-child {
    vertical-align: top;
}

/* td.formrowlabel, tr.formrowlabel
{
  background-color: #FFFFFF;
} */

td.formrowvalue, tr.formrowvalue {
    background-color: #FFFFFF;

}

td.formrowwarning, tr.formrowwarning {
    background-color: #FFC0C0;
}

td.formrowhelp, tr.formrowhelp, div.formrowhelp {
    color: #606060;
}

td.subtitle, tr.subtitle {
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}

td.globalmessages, tr.globalmessages, div.globalmessages {
    background-color: #B40404;
}

table.customer-container td {

}

.formlegend {
    font-weight: bold;
    color: #032C87;
}

/* fieldset.formfieldset {
	 border:1px solid #0070B3;
	 padding:5px;
} */

fieldset.warnfieldset {
    border: 1px solid #0070B3;
    padding: 5px;
    background-color: #FFC0C0;
}

fieldset.indent1 {
    margin-left: 50px
}

fieldset.indent2 {
    margin-left: 100px
}

fieldset.indent3 {
    margin-left: 150px
}

td.mainframe, tr.mainframe {
    /*background-color: red;*/
    color: #000000;
}

/* Portlets */

td.portlettitlebg, tr.portlettitlebg {
    background-color: #032E88;
    background-repeat: no-repeat;
}

.portlettitle {
    font-weight: bold;
    color: #FFFFFF;
}

.boldtext {
    font-family: "Roboto Medium";
    font-weight: bold;
}

td.minilisttitle, tr.minilisttitle {
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
    color: #032C87;
}

td.minilistrow1, tr.minilistrow1 {
    background-color: #DFF1FD;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    color: #032C87;
}

td.minilistrow2, tr.minilistrow2 {
    padding: 2px 5px 2px 5px;
    color: #032C87;
}

table.dialogs,
table.globalbooking,
.globalsortbar {
    width: 100%;
    border-spacing: 10px;
}

div.dialogs {
    padding: 16px;
    overflow: auto;
}

div.cascade-dialogs {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 1px;
    overflow: auto;
    width: 100%;
}

table.globalbooking {
    border-spacing: 10px;
}

table.sortbardialog,
table.sortbartable {
    width: 100%;
}

table.sortbardialog td {
    padding: 0 0 18px 0;
}

span.resalys {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
}

table.sortbardialog table td {
    padding: 0 0 8px 0;
}

span.poweredby {
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    font-size: 9px;
}

table.navigation {
    width: 100%;
    border-spacing: 8px;
    max-height: 30px;
}

table.portlettable {
    border: 0px;
    border-collapse: collapse;
}

span.versionnumber {
    color: #82CFFD;
    font-size: 10px;
}

span.resalys {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
}

span.poweredby {
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    font-size: 9px;
}

td.multiplesortbartitle, tr.multiplesortbartitle {
    font-weight: bold;
}

a.sortbar-plus-button,
a.sortbar-minus-button {
    padding-left: 2px;
}

/* Calendar */

td.current_day, tr.current_day {
    font-family: verdana, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #2E9FE3;
}

td.unavailable_day, tr.unavailable_day,
td.regular_day, tr.regular_day,
td.current_day, tr.current_day {
    font-family: verdana, helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    text-align: center;
}

td.regular_day, tr.regular_day,
td.current_day, tr.current_day {
    font-weight: bold;
}

td.current_day, tr.current_day,
.current_day a, .current_day a:link, .current_day a:visited {
    /*  background-color: #F8F5C2; */
    background-color: #E0E8FF;
}

/* List content */
col.content_standard, td.content_standard, tr.content_standard,
col.content_money, td.content_money, tr.content_money,
col.content_number, td.content_number, tr.content_number,
col.content_date, td.content_date, tr.content_date,
td.content_action_buttons,
col.content_action_buttons, td.content_action_buttons, tr.content_action_buttons,
col.content_checkbox, td.content_checkbox, tr.content_checkbox,
col.content_ratiobutton, td.content_ratiobutton, tr.content_ratiobutton,
col.content_status, td.content_status, tr.content_status {
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    height: 28px;
}

.content_action_buttons {
    padding-top: 4px;
}

col.content_checkbox, td.content_checkbox, tr.content_checkbox,
col.content_status, td.content_status, tr.content_status {
    text-align: center;
}

col.content_standard, td.content_standard, tr.content_standard {
    text-align: left;
}

td.content_standard {
    min-height: 28px;
}

col.content_money, td.content_money, tr.content_money {
    text-align: right;
    white-space: nowrap;
}

col.content_number, td.content_number, tr.content_number {
    text-align: left;
}

col.content_date, td.content_date, tr.content_date,.custom-icon-center {
    text-align: center;
}

.content_select_box {
    width: 40px !important;
    min-width: 40px !important;
    padding-right: 0 !important;
    padding-left: 14px !important;
    text-align: center !important;
    /*max-width: 80px;*/
}

.content_action_buttons {
    /* 	width: 80px !important; */
    min-width: 80px !important;
    padding-left: 0 !important;

}

col.content_action_buttons, td.content_action_buttons, tr.content_action_buttons {
    text-align: center;
}

/* Planning report */

td.planningReportRow1, tr.planningReportRow1 {
}

td.planningReportRow2, tr.planningReportRow2 {
}

td.planningReportTitle, tr.planningReportTitle {
    background-color: #82CFFC;
    text-align: center;
}

td.planningReportLabel {
    white-space: nowrap;
}

td.planningReportValue {
    text-align: right;
    font-weight: bold;
}

tr.guarantedOption {
    background-color: #F8F5C2;
}

tr.blockingOption {
    background-color: #F8F5C2;
}

tr.notBlockingOption {
    background-color: #F8F5C2;
}

tr.onDemandOption {
    background-color: #F8F5C2;
}

tr.overbookOption {
    background-color: #F8F5C2;
}

/******************************* CALENDAR PICKER ***********************************************/
/* all cells font */
TD.cal, TD.calday, TD.calday_weekend, TD.calmonth, TD.caltoday, TD.calselectedtoday, TD.calselectedday, A.textlink, .disabledtextlink, TD.calmonth_weekend, TD.caltoday_weekend, TD.calselectedtoday_weekend, TD.calselectedday_weekend {
    font-family: arial;
    font-size: 8pt;
}

/* calendar header (months and years)*/
TD.cal {
    text-align: center;
    background-color: #2E9FE3;
    padding-top: 2px;
    padding-bottom: 3px;
}

/* day of week header */
TD.calday, TD.calday_weekend {
    border-bottom: solid thin #2E9FE3;
    border-width: 0 0 1 0;
}

TD.calday_weekend {
    background-color: #D3EEFF;
}

/* weekend background */
TD.calmonth_weekend, TD.caltoday_weekend, TD.calselectedtoday_weekend, TD.calselectedday_weekend {
    text-align: center;
    background-color: #D3EEFF;
}

/* unselected day */
TD.calmonth, TD.calmonth_weekend {
    text-align: center;
}

/* today */
TD.caltoday, TD.calselectedtoday, TD.caltoday_weekend, TD.calselectedtoday_weekend {
    text-align: center;
    color: white;
    background-color: #D3EEFF;
}

/* selected day */
TD.calselectedday, TD.calselectedtoday, TD.calselectedday_weekend, TD.calselectedtoday_weekend {
    text-align: center;
    color: white;
    border-width: 1;
    border: solid thin black;
}

TD.textlink {
    border-top: solid thin #2E9FE3;
    border-width: 1 0 0 0;
}

A.textlink {
    height: 20px;
    color: black;
}

.disabledtextlink {
    height: 20px;
    color: white;
}

.disabledtext {
    color: gray;
}

A.cal {
    text-decoration: none;
    color: black;
}

A.calthismonth {
    color: black;
    text-decoration: none;
}

A.calothermonth {
    text-decoration: none;
    color: gray;
}

.calnotclickable {
    color: white;
}

.disabled {
    color: gray;
    text-decoration: line-through;
}

.dataoption:after {
    font-family: "Kameleon";
    font-size: 14px;
    padding: 0px 0px 0px 1em;
    content: "\e68b";
    color: var(--crs-theme-on-secondary);
}

.error-option:after {
    font-family: "Kameleon";
    font-size: 14px;
    padding: 0px 0px 0px 1em;
    content: "\e691";
    color: red;
}

.dataoption-icon-custom:after {
    font-family: "Kameleon";
    font-size: 13px;
    display: inline-block;
    padding: 0px 0px 0px 8px;

}

.dataoption-icon-custom:before {
    font-family: "Kameleon";
    font-size: 13px;
    display: inline-block;
    padding: 0px 0px 0px 8px;

}

.icon-anonymize-check-ko,
.icon-anonymize-check-ok:after {
    font-family: "Kameleon";
    font-size: 20px;
    padding: 0px 0px 0px 10px;
}


.icon-anonymize-check-ok:after {
    content: "\e68b";
    color: green;
}


.icon-validate:before {
    content: "\e68b";
}

.icon-cancel2:before{
    content: "\e614";
}

.icon-note:before{
    content: "\e90f";
}

.icon-salad:before{
    content: "\ea60";
}

.icon-housekeeping:before{
    content: "\e9ba";
}

.icon-bed:before{
    content: "\e97b";
}

.icon-unhappy:before{
    content: "\e811";
}

.icon-barrier:before{
    content: "\e9be";
}

.icon-wifi:before{
    content: "\e693";
}

.icon-phone:before{
    content: "\e655";
}

.icon-shop:before{
    content: "\eab0";
}

.icon-minibar:before{
    content: "\e9ce";
}

.icon-anonymize-check-ko:after {
    content: "\e691";
    color: red;
}

/* fin calendar */

option.groupoption {
    font-weight: bold;
}

option.suboption {
    padding-left: 15px;
}

.pleaseWaitLayer {
    border: 1px solid black;
    background-color: white;
}

.pleaseWaitLayerText {
    font-weight: bold;
    font-size: large;
    color: #404040;
}

/*** console ***/

.dbconsole_table {
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.dbconsole_log_row {
    position: relative;
    height: 24px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #BEBEBE;
    /*font-family: Monaco, monospace;*/
    font-family: monospace, Courier New;
    font-size: 12px;
    white-space: pre;
}

/* avec image */
.dbconsole_log_row_info,
.dbconsole_log_row_warn,
.dbconsole_log_row_error,
.dbconsole_log_row_command_input {
    padding: 2px 2px 2px 24px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

/* sans image */
.dbconsole_log_row_debug,
.dbconsole_log_row_log,
.dbconsole_log_row_result,
.dbconsole_log_row_command,
.dbconsole_log_row_stack {
    padding: 2px 2px 2px 5px;
}

/* Lignes */
.dbconsole_log_row_info {
    background-color: #FFFFFF;
    background-image: url(../images/db_infoIcon.gif);
}

.dbconsole_log_row_warn {
    background-color: cyan;
    background-image: url(../images/db_warningIcon.gif);
}

.dbconsole_log_row_error {
    color: #FF0000;
    background-color: LightYellow;
    background-image: url(../images/db_errorIcon.gif);
}

.dbconsole_log_row_command_input {
    background-position: 7px 6px;
    background-image: url(../images/db_commandIcon.gif);
    vertical-align: bottom;
    width: 90%;
}

.dbconsole_log_row_command_input {
    background-position: 7px 6px;
    background-image: url(../images/db_commandIcon.gif);
    vertical-align: bottom;
    width: 90%;
}

.dbconsole_log_row_command_buttons {
    padding: 2px 10px 0px 10px;
    text-align: right;
    width: 10%;
}

.dbconsole_log_row_command {
    color: #0000FF;
}

.dbconsole_log_row_stack {
    font-weight: bold;
    background: #F5F5F5;
}

/* Autres */
.dbconsole_button {
    height: 18px;
    border: 1px solid black;
    background-color: white;
    padding: 0;
    margin: 0;
}

.dbconsole_input {
    height: 18px;
    outline: none !important;
    border: 0px solid #FFFFFF;
    padding: 0;
    margin: 0;
    width: 90%;
}

img.thumb {
    width: 300px;
}

img.thumbFull {
    width: 100%;
}

.AloAssignedAll {
    background-color: var(--crs-theme-on-primary);
    color: white;
}

.AloAssignedSome {
    background-color: yellow;
}

.AloAssignedError {
    background-color: red;
}

.error_message,
.request_password_format_error,
.request_password_confirm_error {
    font-family: "Roboto regular";
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: red;
}

li.ui-menu-item a {
    background-color: white;
    color: black;
    border: none;
    border-radius: 0px;
}

li.ui-menu-item a.ui-state-focus {
    background-color: var(--crs-theme-on-primary);
    background-image: none;
    border: none;
    border-radius: 0px;
    color: white;
}

span.info-tooltip div {
    display: none;
}

span.info-tooltip:hover {
    position: relative;
    cursor: pointer;
}

.cursor-pointer:hover {
    position: relative;
    cursor: pointer;
}

span.info-tooltip:hover div {
    position: absolute; /* this will let you align the popup with flexibility */
    top: 0px; /* change this depending on how far from the top you want it to align */
    left: 0px; /* change this depending on how far from the left you want it align */
    display: block;
    background: #FFFFFF;
    z-index: 3000;
    border: 1px solid #000000;
    padding: 3px;
    width: auto;
    height: 260px;
    overflow: auto;

}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip h3, #tooltip div {
    margin: 0;
}

#tooltip.pretty {
    font-family: Arial;
    border: none;
    width: 220px;
    padding: 20px;
    height: 135px;
    opacity: 0.8;
    background: url('../images/shadow.png');
}

#tooltip.pretty h3 {
    margin-bottom: 0.75em;
    font-size: 12pt;
    width: 220px;
    text-align: center;
}

#tooltip.pretty div {
    width: 220px;
    text-align: left;
}

#tooltip.large {
    width: 180px;
}

#tooltip.large h3 {
    width: 180px;
}

#tooltip.large div {
    width: 180px;
    text-align: left;
}

span.invoiced_note {
    font-weight: lighter;
}

.activeTab {

}

.inactiveTabLeft {

}

.activeTabLeft {
    width: 9px;
    height: 22px;
    background-image: url('../images/tab_large_left.gif');
    background-repeat: no-repeat;
    background-position: bottom;
}

.activeTabRight {
    width: 9px;
    height: 22px;
    background-image: url('../images/tab_large_right.gif');
    background-repeat: no-repeat;
    background-position: bottom;
}

.inactiveTabLeft {
    width: 9px;
    height: 18px;
    background-image: url('../images/tab_small_left.gif');
    background-repeat: no-repeat;
    background-position: bottom;
}

.inactiveTabRight {
    width: 9px;
    height: 18px;
    background-image: url('../images/tab_small_right.gif');
    background-repeat: no-repeat;
    background-position: bottom;
}

#customer_service_id_select {
    width: 200px;
}

#period_code_select, .transfer_list_select, .transfer_list_select_large {
    background-color: hsl(0, 0%, 100%);
    border-color: hsl(0, 0%, 80%);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    padding: 8px !important;
}

.transfer_list_select {
    min-width: 300px;
    height: 150px;
    max-width: 300px;
}

.transfer_list_select_large {
    min-width: 300px;
    height: 300px;
}

.costlyListparamColumn {
    color: red !important;
}

.consolidatedCurrencyColumn {
    color: black;
}

span.rooming_tree_stay {
    font: 9px verdana, helvetica, sans-serif;
    font-weight: bold;
}

span.rooming_tree_occupant {
    font: 9px verdana, helvetica, sans-serif;
    font-weight: normal;
}

/*ExtJS Drag and Drop*/

div.rooming_tree_stay, div.rooming_tree_stay:hover {
    background-color: whitesmoke;
}

/*coloriser le fond du séjour sélectionné dans l'arbre de la rooming list*/
div.rooming_tree_stay_selected, div.rooming_tree_stay_selected:hover {
    background-color: #82cffc;
}

div.rooming_tree_stay_selected + ul {
    background-color: #d3eeff;
}

div.rooming_tree_stay_cancelled, div.rooming_tree_stay_cancelled:hover {
    background-color: #AAAAAA;
}

div.rooming_tree_stay_cancelled + ul {
    background-color: #DDDDDD;
}

.popupiframe {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 500px;
    height: 500px;
    z-index: 1;
    display: none;
    border-style: solid;
    border-color: #000000;
    background-color: #FFFFFF
}

input.initialized_data {
    background-color: #FAFFBD;
}

.childrenBirthDate {
    width: 120px;
    float: left;
    margin: 10px 35px 5px 0;
}

.filechooser-headercell {
    display: block;
    background-color: var(--crs-theme-on-primary);
    color: white;
    padding: 10px;
}

.filechooser-filecell,
.filechooser-foldercell {
    display: inline-block;
    align: center;
    padding: 20px;
    min-width: 80px;
    min-height: 50px;
    word-wrap: break-word;
    overflow: hidden;
}

.filechooser-filecell img,
.filechooser-foldercell img {
    display: block;
}

.filechooser-filecell:hover,
.filechooser-foldercell:hover {
    background-color: #DFF1FD;
}

.filechooser-filecell img,
img.imagechooser-preview {
    max-width: 200px;
    max-height: 100px;
}

.filechooser-fontcell {
    display: inline-block;
    align: center;
    padding: 16px;
    min-width: 35px;
    min-height: 35px;
    word-wrap: break-word;
    overflow: hidden;
}

td.roomingLineitem {
    height: 20px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: normal;
    background-color: #82CFFC;
    color: #032C87;
}

/* #cms_criterias, #room_features {width: 700px;}
#cms_criterias .formrowlabel, #room_features .formrowlabel {width:220px;}
#room_features .formrowlabel span.useWeb {
   color:#FFF;
   padding:0px 10px 2px 10px;
   background: transparent url('../images/point.png') no-repeat 9px 2px;
} */

.layerButtonListLineitemReservation {
    width: 50px;
    float: right;
    margin: 0px 10px;
}

.layerButtonListLineitemReservation .divbutton,
.hiddenClass {
    display: none !important;
}

ul.v_control_radio {
    padding: 0px;
}

.v_control_radio li,
.h_control_radio li {
    list-style-type: none;
}

.h_control_radio li {
    display: inline-block;
    float: left; /* because IE8 and older versions don't support inline-block display */
    padding-right: 30px;
}

.layer_marker {
    font-size: 10px;
    font-weight: bold;
    color: #F39200;;
    margin-right: 2px;
    position: relative;
    top: -7px;
}

div.ui-tooltip {
    width: 400px;
}

.ui-autocomplete {
    background: white;
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 10000 !important;
}

.room_tooltip_title {
    font-weight: bold;
    color: inherit;
}
.room_tooltip_container {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.room_tooltip_grid {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 2em;
    color: inherit;
}

.room_tooltip_value{
    color: inherit;
}

.room_feature_shaky_demand {
    opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1; /*for working on IE 9 and older versions*/
}

span.room_feature_shaky_demand,
.service_disabled {
    color: grey;
}

.room_feature_shaky_etab {
    color: lightgrey;
}

span.room_feature_present_demand {
    color: #2E2E2E;
}

span.nonePresentRF,
li.nonePresentRF a,
span.room_feature_none_satisfied_demand {
    color: #DF0101;
}

span.presentRF,
li.presentRF a,
span.room_feature_satisfied_demand {
    color: #04B431;
}

.rich_lookup_div {
    white-space: nowrap;
}

.rich_lookup_code {
    margin-right: 3px;
}

.rich_lookup_label + .divbutton {
    margin-left: 3px;
    display: inline-block;
    vertical-align: top;
}

.rich_lookup_code {
}

.ferry_booking_mode,
.ferry_error,
.ferry_info {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

}

#ferry_resume_leg_id div {
    display: inline-block;
    padding-right: 3em;
    font-family: Roboto medium;
}

.ferry_booking_mode {
    background-color: #D3EEFF;
}

.ferry_resume {
    background-color: #E1E8DC;
}

.ferry_rule {
    background-color: #FFF1FD;
}

.ferry_error {
    background-color: #FFEED3;
}

.ferry_info {
    background-color: #DFF1FD;
}

.ferry_ref_marker {
    position: absolute;
    top: -23px;
}

.rsl-animate-fade.in-add,
.rsl-animate-fade.in-remove {
    display: block !important;
    -webkit-transition: opacity 0.25s cubic-bezier(0, 1, 0.5, 1),
    -webkit-transform 0.25s cubic-bezier(0, 1, 0.5, 1);
    transition: opacity 0.25s cubic-bezier(0, 1, 0.5, 1),
    transform 0.25s cubic-bezier(0, 1, 0.5, 1);
}

.rsl-animate-fade.in-add,
.rsl-animate-fade.in-remove.in-remove-active {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
}

.rsl-animate-fade.in-remove,
.rsl-animate-fade.in-add.in-add-active {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.rsl-popover.top {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.rsl-popover.bottom {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.rsl-popover.left {
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

.rsl-popover.right {
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.rsl-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .6);
}

.rsl-popover.right > .rsl-popover-inner {
    display: table-cell;
}

.rsl-popover.left > .rsl-popover-inner {
    display: table-cell;
}

.rsl-popover-inner {
    background-color: #fff;
    padding: 1px 2px;
}

.rsl-popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.rsl-popover > .arrow,
.rsl-popover > .arrow:after {
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.rsl-popover > .arrow {
    position: relative;
    border-width: 11px;
}

.rsl-popover > .arrow:after {
    position: absolute;
    content: "";
    border-width: 10px;
}

.rsl-popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

.rsl-popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.rsl-popover.right > .arrow {
    display: table-cell;
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, .05);
}

.rsl-popover.right > .arrow:after {
    top: 50%;
    left: 0px;
    margin-top: -11px;
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}

.rsl-popover.bottom > .arrow {
    top: 0px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

.rsl-popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}

.rsl-popover.left > .arrow {
    display: table-cell;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, .05);
}

.rsl-popover.left > .arrow:after {
    top: 50%;
    right: 0px;
    margin-top: -11px;
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}

tr.onHoverSelected:hover .onHoverSelected, td.onHoverSelected:hover .onHoverSelected {
    background-color: #F8F5C2;
}

iframe.iframe_dialog {
    width: 100%;
    height: 100%;
    border: none;
}

div.ui-dialog-titlebar {
    background: #032C86;
    border-color: #032C86;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.dialog_over_mask_dialog,
.dialog_over_mask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100%);
    height: calc(100%);
    opacity: 0.2;
    display: none;
    background-color: black;
}

.invoice_amount_selected_method {
    -top: 2px;
    padding-bottom: 15px;
}

.invoice_amount_selected_method div {
    margin: 2px;
}

.cart_content_element {
    background-color: #FFFFFF;
    margin-top: 4px;
}

.cart_content_reservation {
    background-color: #DFF1FD;
    padding: 1px;
    padding-right: 8px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
}

.cart_content_this_reservation_selector {
    border: solid 1px #2E9FE3;
}

.cart_content_reservation:hover,
.cart_content_title {
    background-color: #2E9FE3;
    color: #FFFFFF;
}

.cart_content_title {
    padding: 4px;
    text-align: center;
}

.cart_content_reservation_id {
    vertical-align: top;
    text-align: right;
    font-weight: bold;
}

.cart_content_important_date {
    font-weight: bold;
}

.cart_content_etab {
    font-weight: bold;
}

.cart_content_garanteed,
.cart_content_option,
.cart_content_canceled {
    width: 3px;
}

.cart_content_garanteed,
.cart_content_garanteed_color {
    background-color: #2E9FE3;
}

.cart_content_option,
.cart_content_option_color {
    background-color: yellow;
}

.cart_content_canceled,
.cart_content_canceled_color {
    background-color: grey;
}

.cart_content_lineitem_code,
.cart_content_lineitem_discount_code {
    white-space: nowrap;
    vertical-align: top;
    padding-left: 20px;
}

.cart_content_lineitem_discount_code {
    font-style: italic;
}

.cart_content_lineitem_label {
    vertical-align: top;
}

.cart_content_lineitem_price {
    width: 80px;
    vertical-align: top;
    text-align: right;
}

.cart_content_no_price {
    color: grey;
}

.cart_content_totals {
    width: 100%;
}

.cart_content_total_label {
    vertical-align: top;
    text-align: right;
    padding-right: 5px;
}

.cart_content_total_price,
.cart_content_total_price_first,
.cart_content_total_price_sold {
    width: 80px;
    vertical-align: top;
    text-align: right;
    padding-right: 8px;
}

.cart_content_total_price_first {
    border-top: solid 1px black;
}

.cart_content_total_price_sold {
    font-weight: bold;
}

.cart_content {
    background-color: #FFFFFF;
    padding: 2px;
    min-width: 400px;
}

.invoice_amount_selected_method div span {
    margin-right: 2px;
}

.invoice_percent_selected_method {
    display: inline-block;
}

.invoice_amount_selected_method div.invoice_enable_percent_amount {
    display: inline-block;
    padding-top: 20px;
    margin-left: 15px;
}

.invoice_amount_method_invoice_perct {
    padding-bottom: 10px;
    padding-left: 75px;
}

.invoice_amount_selected_method div.invoice_enable_percent_amount {
    display: inline-block;
    padding-top: 20px;
    margin-left: 15px;
}

.invoice_amount_method_with_product_list div {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px;
    margin: 5px;
}

.custom-combobox {
    white-space: nowrap;
}

.custom-combobox-toggle {
    height: 12px;
    width: 0px;
}

.invoice_amount_method_with_product_list div {
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px;
    margin: 5px;
}

.ui-menu-item a {
    font-weight: normal;
    white-space: nowrap;
}

.ui-state-default {
    color: var(--crs-theme-primary-color-bg);
}

.ui-autocomplete-input {
    cursor: pointer;
}

#return_to_portal_block {
    text-align: center;
}

/* Loader */

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ui-menu-item a {
    font-weight: normal;
    white-space: nowrap;
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ui-menu-item .ui-state-hover {
    background: #2E9FE3;
    color: white;
    border: 1px solid #2E9FE3;
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.uil-ring-css-tiny {
    background: none;
    position: relative;
}

.uil-ring-css-tiny > div {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    box-shadow: 0 2px 0 0 #00adb3;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.uil-ring-css-small {
    background: none;
    position: relative;
}

.uil-ring-css-small > div {
    position: relative;
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 var(--crs-theme-on-primary);
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.uil-ring-css {
    background: none;
    position: relative;
    width: 190px;
    height: 190px;
}

.uil-ring-css > div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 var(--crs-theme-on-primary);
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.circular-rotate {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;

    -webkit-animation: dash 1.5s ease-in-out forwards, color 6s ease-in-out forwards;
    animation: dash 1.5s ease-in-out forwards, color 6s ease-in-out forwards;
    stroke-linecap: round;
}

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

    }
}

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

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@-webkit-keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%, 90% {
        stroke: #ffa700;
    }
}

@keyframes color {
    100%, 0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%, 90% {
        stroke: #ffa700;
    }
}

.ui-widget-overlay {
    position: absolute;
    opacity: 0.2;

}

div#global_layer_menu {
    position: relative;
    z-index: 1002;
    /*box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.3) !important;*//*a voir*/
}

div#global_layer_menu:before {
}

/* End Loader */

#scrollTabsLeft {
    display: none;
    position: relative;
    color: white;
    cursor: pointer;
    padding: 8px 8px 8px 6px !important;

}

#scrollTabsLeft:before {
    font-family: "Kameleon";
    font-size: 14px;
    /*padding: 5px 5px 5px 5px;*/
    content: "\e695";
}

#scrollTabsRight {
    display: none;
    position: fixed;
    right: 5px;
    color: white;
    cursor: pointer;
    padding: 12px 6px 8px 6px !important;

}

#scrollTabsRight:before {
    font-family: "Kameleon";
    font-size: 14px;
    /*padding: 5px 5px 5px 5px;*/
    content: "\e696";
    overflow: visible;

}

/*#sidepaneLayercontent {*/
/*    grid-area: bandeau / tabs / resa-content / resa-content;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

#sidepaneLayercontent:not(.sidepaneLayercontent-read) {

}

.scrollpane-panel {
    overflow-x: hidden;
}

#res_id_layer, #res_type_footer_layer, #display_invoice_resa {
    background-color: inherit !important;
}

#sidepaneLayercontent .scrollpane-panel {
    /*box-shadow: -1px 0px 0px 0px #c0c0c0;*/
    /*box-shadow: -0.1rem 0.1rem 0.6rem -0.1rem rgba(0, 0, 0, 0.3);*/
}

#sidepaneLayercontent input {
    background-color: #FFFFFF !important;
}

#sidepaneLayercontent input:disabled {
    background-color: #e8e8e8 !important;
}

#sidepaneLayercontent .ui-button-icon-primary {
    background-color: #FFFFFF !important;
    height: 14px;

}

/* #sidepaneLayercontent #res_type_select-ui-autocomplete ~ a .ui-button-icon-primary,
#sidepaneLayercontent #res_status_select-ui-autocomplete ~ a .ui-button-icon-primary,
.lineitem_pricing .ui-helper-hidden-accessible ~ a .ui-button-icon-primary,
#sortbartable #available_view_code-ui-autocomplete ~ a .ui-button-icon-primary
#stays_table tr:not(.expand-row) a .ui-button-icon-primary

{
	position:relative;
	top:-5px;

} */

#search_prestations_padding {
    padding-top: 5px;
}

#base_product_row input, #voucher_code_criteria_layer input, #base_product_row div.divbutton, #voucher_code_criteria_layer div.divbutton {
    margin-left: 5px;
}

#res_distribution_row * {
    padding-right: 5px;
}

#meal_type_row .lastmeal {
    margin-top: 15px;
    margin-bottom: 15px;
}

#meal_type_row .firstmeal {
    margin-bottom: 15px;
}

#stay_room_feature_demands_cell {
    padding-top: 8px;
}

#layer_label_ALL_CAT_HEB {

}

#caracteristiques_filter {

}

#room_feature_table tr td {
    padding-top: 8px;
}

#add_room_feature_row + tr .titlerow { /* + premier frere */
    border-bottom: var(--crs-theme-secondary-color) 1px solid;
    padding-top: 0;
}

#etab_room_feature_layer {
    width: 55%;
    float: left;
}

#stay_room_feature_demands_row {
    margin-left: 55%;
    position: relative;
    top: -50px;
}

#menuBar___BASE___room_feature_ {
    padding-left: 0;
    position: relative;
    left: -8px;
}

.listtable thead,
#line_items_table thead {
    border-bottom: var(--crs-theme-secondary-color) thin solid;
}

table.dyntable tr.border_bottom {
    border-bottom: var(--crs-theme-secondary-color) thin solid;
}

table.dyntable tr.border_top {
    border-top: var(--crs-theme-secondary-color) thin solid;
}

.dyntable td.title > span {
    color: var(--crs-theme-on-primary);
}

.roboto-medium *, .roboto-medium {
    font-family: "Roboto Medium";
}

#res_id_layer, #res_id_layer *,
#res-id-read, #primary_occupant_label {
    color: black;
    font-family: "Roboto Medium";
    position: relative;
    font-size: 13px !important;

}

#res_id_layer {
    padding-left: 2.5em;
}

#primary_occupant_label {
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    top: -1px;
    position: relative;
}

#primary_occupant_label_layer {
    color: black;
    font-size: 14px;
}

#res_convention_label_layer {
    font-family: "Roboto Medium";
}

#icon-resa-type:before {

}

#primary_occupant_label {
    text-align: center;
}

#resume-creation-date {
    text-align: right;
}

#resume-creation-date * {
    font-weight: normal;
    color: #FFFFFF;
}

.icon-history-sidepane:after {
    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 0px 5px 8px;
    content: "\e640";
    color: var(--crs-theme-on-primary);

}

/* .icon-history-sidepane-home:before{ */
/* 	font-family: "Kameleon"; */
/* 	font-size: 28px; */
/* 	display: inline-block; */
/* 	vertical-align: middle; */
/*     padding: 0px 15px 5px 8px; */
/*     content: "\e640"; */

/* } */

.icon-history-sidepane:hover:after {
    /* 	color:rgba(255,255,255,0.65); */
}

/* onglet dossier */

#reservation_global_contenu td {
    padding-bottom: 15px;
    /*vertical-align:top;*/
}

.dialog td {
    vertical-align: middle;
}

.compound-input td {
    vertical-align: middle;
}

.period-criterias td {
    vertical-align: middle;
}

#save_memory:before {

    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 5px 0px;
    content: "\e647";
    color: var(--crs-theme-secondary-color);
}


#date-sejour-small {
    display: none;
}

#date-sejour-large {
    /* 	display:block; */
}

/*@media only screen and (max-width: 1430px)  {
	#date-sejour-small{
	display:block;
	}
	#date-sejour-large{
	display:none;
	}
}*/

/*onglet recherche */

#search #period_type_code_select-ui-autocomplete {
    width: 200px !important;
    max-width: 240px;
}

/*#close_button{
	color: var(--crs-theme-secondary-color);
}*/

#navrow_center_align {
    text-align: center;
}

/* ripple effect button */

/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.ink {
    display: block;
    position: absolute;
    /*background: #FFE0B2;*/
    background: #f4f4f4;
    border-radius: 100%;
    transform: scale(0);
}

#save_link .designed-button-container .ink, #save_link_without_quit .designed-button-container .ink {
    /*background:#B2DFDB;*/
}

/*animation effect*/
.ink.animate {
    animation: ripple 0.65s linear;
}

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-webkit-keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.designed-button-container, .designed-button-container-disabled,
.designed-button-container-without-animation, .designed-button-container-not-important {
    overflow: hidden;
}

.designed-button-container-disabled {
    background-color: #cacaca;
}

.designed-button-disabled {
    color: #9E9E9E;
    pointer-events: none;
}

/* ripple effect button */

#add_more_results_layer td {
    padding-top: 20px;
}

.listtable:not(#planning_table) tbody, .listtable:not(#planning_table) thead /*,#line_items_table tbody,#line_items_table thead*/
{
    display: block;
}

.listtable:not(#planning_table) tbody:not(:first-child) > tr {
    display: block;
}

#resa-grid .listtable:not(#planning_table) tbody > tr {
    display: block;
}

.CalendarMonth_table tr {
    display: table-row !important;
}

.listtable:not(#planning_table):not(.listtable-react) tbody:not(:first-child) > tr:first-child
{
    border-top: none;
}

.listtable-react .listrow1{
    border-top: #e0e0e0 thin solid !important;
}


#line_items_table > tbody:not(:first-child) > tr:first-child,
#annex_items_table > tbody:not(:first-child) > tr:first-child,
#payments_list_table > tbody:not(:first-child) > tr:first-child,
#annex_payments_list_table > tbody:not(:first-child) > tr:first-child {
    border-top: none !important;
}

.listtable .ReactCollapse--collapse .sub-listtable-react > tbody > tr:first-child {
    border-top: #e0e0e0 thin solid !important;
}


.ReactCollapse--collapse {
    transition: height 500ms;
}

#table_customoutputhtmlprinterinputlistparamrapport_journal_ventes.listtable:not(#planning_table) tbody:not(:first-child) > tr {
    display: table;
}

/* Je colore les lignes principales */
#table_customoutputhtmlprinterinputlistparamrapport_journal_ventes tr:not(.listrow2):not(.listrow1) + .listrow2,
#table_customoutputhtmlprinterinputlistparamrapport_journal_ventes tr:not(.listrow2):not(.listrow1) + .listrow1,
    /* Premier de la table */
#table_customoutputhtmlprinterinputlistparamrapport_journal_ventes .listrow2:first-child,
#table_customoutputhtmlprinterinputlistparamrapport_journal_ventes .listrow1:first-child {
    background-color: #f4f4f4;
}

.dyntable > tbody > tr > td,
.addproducttable listtable tbody:not(:first-child) > tr > td,
.listtable tbody:not(:first-child) > tr > td /*,#line_items_table tbody > tr*/
{
    /*display: inline-block;*/
    height: 48px;

}

.listtable tbody:not(:first-child) {
    overflow: auto;
}

.dyntable > thead > tr > td {
    padding-bottom: 16px;
    padding-top: 8px;
}

td.lineitem_pricing:not(.lineitem_pricing_dyn) {
    height: 25px !important;
}

.lineitem_pricing_dyn {
    height: 32px !important;
}

/*.lineitem_pricing  > *:not(.ui-icon):not(.divbutton):not(input):not(.custom-combobox):not(td):not(.no-padding){*/
/*padding-right: 1em;*/
/*}*/

/*.lineitem_pricing input:not(input.control_select){*/
/*margin-right: 1em;*/
/*}*/

td.reservation_stay_occupant {
    background-color: white;
    /* max-width:1050px;
	min-width:1050px; */
    padding-top: 8px;
    padding-bottom: 1em;
}

div.reservation_contact_occupant,
td.reservation_contact_occupant {
    background-color: #fafafa;
    /* max-width:1050px;
	min-width:1050px; */
    padding-top: 8px;
    padding-bottom: 1em;
}

td.reservation_occupant_criteria_label {
    font-familly: Roboto medium;
    min-width: 50px;
}

/* tr.reservation_stay_occupant
{
	background-color: #e8e8e0;
} */

.dyntable tbody:not(:first-child) > tr > td, .dyntable thead td,
.listtable tbody:not(:first-child) > tr > td:not(.free-resize-table), .listtable thead td {
    max-width: 335px;
}
#conv_copy_container .listtable tbody:not(:first-child) > tr > td:not(.free-resize-table), .listtable thead td {
    max-width: 2000px;
}

.ignore-max-width {
    max-width: max-content !important;
}

#cart_component .listtable tbody:not(:first-child) > tr > td:not(.free-resize-table), #cart_component .listtable thead td {
    max-width: 600px;
}

#line_items_table tbody:not(:first-child) > tr > td:not(.free-resize-table), #line_items_table thead td {
    max-width: 440px;
}

.contingent_id_hide_share_icon {
    height: 17px;
}

.dyntable tbody:not(:first-child) > tr > td, .dyntable thead td,
.listtable tbody:not(:first-child) > tr > td, .listtable thead td {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 16px;
    padding-left: 16px;
    vertical-align: middle;
}

#resa-grid .listtable tbody:not(:first-child) > tr > td,#resa-grid .listtable thead td {
    padding-right: 28px;
    padding-left: 28px;
}

.reservation_tab:not(#results):not(#notespms) .listtable tbody:not(:first-child) > tr > td { /*pour que les selecteurs dans les listtable soit visibles en prise de r�sa*/
    overflow: visible;
}

/* .booking-panel-resamain .listtable tbody > tr > td,.booking-panel-resamain .listtable thead td{
	padding-right:28px !important;
	padding-left:28px !important;
} */

table.dyntable td {
    max-width: 600px !important;
    /* text-align:center !important; */
}

.action-workflow-send td {
    vertical-align: middle;
}

.select-width {
    width: 130px;
}

.select-width-send-mode {
    width: 148px;
}

.select-width-medium {
    width: 195px;
}

.select-width-large {
    width: 285px;
}

.select-width-extra-large {
    width: 305px;
}

.action-workflow-send table td:first-child {
    position: relative;
    top: 3px;
    padding: 0;
}

.action-workflow-send table td:last-child {
    display: none;
}

/*bandeau animation*/

#sidepaneLayercontent .scrollpane,
#sidepane-content-container,
#first-dialog-sidepane,
#etab-sidepane,
#stay-details-sidepane,
#total-amount-sidepane,
#settings-sidepane,
#customer-sidepane,
#duplicate-sidepane,
#transport-sidepane,
#option-sidepane{
    background-color: #fafafa;
}

.animate-bandeau-out {
    animation: bandeau-animation-out 1s forwards;
    transform-origin: top center;
}

.animate-bandeau-in {
    animation: bandeau-animation-in 1s forwards;
    transform-origin: top center;
}

@-webkit-keyframes bandeau-animation-in {
    0%, 5% {

        transform: scaleY(0);
    }
    15% {

        transform: scaleY(0);
    }
    50% {

        transform: scaleY(1);
    }
    80% {

        transform: scaleY(1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes bandeau-animation-out {
    0%, 5% {

        transform: scaleY(1);
    }
    15% {

        transform: scaleY(1);
    }
    50% {

        transform: scaleY(1);
    }
    80% {

        transform: scaleY(0);
    }

    100% {
        transform: scaleY(0);
    }
}

.open_drawer {
    -webkit-animation: open_drawer 400ms ease-in-out;

    -webkit-transform: translateX(0px);
}

@-webkit-keyframes open_drawer {
    to {
        -webkit-transform: translateX(-100%);
    }
}

.close_drawer {
    -webkit-animation: close_drawer 400ms ease-in-out;

    -webkit-transform: translateX(0);

}

@-webkit-keyframes close_drawer {
    to {
        -webkit-transform: translateX(100%);

    }
}

.open_drawer_volet {
    -webkit-animation: open_drawer_volet 400ms ease-in-out;

    -webkit-transform: translateX(0px) rotate(-270deg);
}

@-webkit-keyframes open_drawer_volet {
    to {
        -webkit-transform: translateX(-100%) rotate(-270deg);
    }
}

.close_drawer_volet {
    -webkit-animation: close_drawer_volet 400ms ease-in-out;

    -webkit-transform: translateX(0) rotate(-270deg);

}

@-webkit-keyframes close_drawer_volet {
    to {
        -webkit-transform: translateX(100%) rotate(-270deg);

    }
}

.open_drawer_left {
    -webkit-animation: open_drawer_left 400ms ease-in-out;

    -webkit-transform: translateX(0px);
}

@-webkit-keyframes open_drawer_left {
    to {
        -webkit-transform: translateX(100%);
    }
}

.close_drawer_left {
    -webkit-animation: close_drawer_left 400ms ease-in-out;

    -webkit-transform: translateX(0);

}

@-webkit-keyframes close_drawer_left {
    to {
        -webkit-transform: translateX(-100%);

    }
}

#subscrollpane {
    /*overflow-x:hidden;  A mettre au final une fois que les redimensionnements seront faits dans la prise de resa*/
}

/*bandeau animation*/

/* update animation */

@keyframes highlight {
    0% {
        background: #FFE0B2;
    }
    100% {
        background: #F2F2F2;
    }
}

.highlight-animation, .highlight-animation * {
    animation: highlight 1s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

/* update animation */

.padding-dialog-title {
    padding-top: 16px;
}

/*onglet observations*/

#validation textarea ~ a {
    display: block;
}

#booklets_right_button {
    margin: 0 5px 0 5px;
    position: relative;
    top: -20px
}

.statsClass td {
    vertical-align: middle;
}

#criteres_dossier_fieldset .statsClass td {
    padding-bottom: 15px;
}

/* #observations_list { */
/* 	padding:0; */
/*  	margin:0; */
/*  	list-style-type:none; */
/* } */

/* #observations_list li{ */
/* 	margin-left:2px; */
/*  	float:left; */
/*  	width:33%; */
/* } */
/* #observations_list li > *{ */
/* 	display:block; */
/*  	float:left;   */
/*  	width:33%; */
/*  	text-align:left; */
/*  	padding:5px; */
/* } */

.observations_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.row-flex-space-between {
    justify-content: space-between;
    flex-direction: row;
    flex: 1;
}

#observations_container textarea {
    width: 100%;
}

#observations_container .dialog-title {
    font-size: 15px;
}

/*onglet observations*/

/*onglet courriers*/
/*#docworkflows_list_table_row_0 td{
	border-bottom:var(--crs-theme-secondary-color) 1px solid;
}*/

#docworkflows_list_cell_1_0_cell {
    /*background:none;
	padding: 10px 0px 10px 0px;*/
}

#docworkflows_list_cell_1_0_cell span {
    /*font-size:14px;*/
}

/* #docworkflows_list_table tbody td{
	background:none;
	padding: 10px 0px 10px 0px;
} */
/*onglet courriers*/

/*onglet payments */

.line-overflow {
    overflow: visible !important;
}

.edit-payment-button {
    position: relative;
    left: 4px;
}

.separation-border {
    border-left: #e0e0e0 1px solid;

}

.delete_button_payment_row {

}

#add_payment_legend td, form[name=reservation_creditcard_form] td {
    padding: 0 16px 16px 0;
}

.td-align-middle td {
    position: relative;
    vertical-align: middle;
}

.accordion-border {
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.accordion-content {
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    background: #e5feff;
    overflow: hidden;
    max-height: 0;
}

.rotate-refresh {
    animation: rotate-refresh 1s linear;
}

@-webkit-keyframes rotate-refresh {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*onglet payments */

/*onglet arrive-departs*/
.reglement_check {
    /*border-bottom:var(--crs-theme-secondary-color) 1px solid;*/
    color: var(--crs-theme-on-primary);
    font-family: Roboto medium;
    font-size: 12px;
    padding-bottom: 4px;
}

#checkin_table_table thead tr:first-child td, #checkout_table_table thead tr:first-child td {
    /*border-bottom:var(--crs-theme-secondary-color) 1px solid;*/
}

/*onglet arrive-departs*/

/* footer resa */

#res_id_footer_layer {
    color: var(--crs-theme-on-primary);
    font-family: Roboto medium;
    font-size: 15px;
    position: relative;

}

#res_type_footer_layer,#res_type_footer_layer_type,#res_type_footer_layer_subtype {
    color: black;
    font-family: Roboto medium;
}

#res_type_footer_layer {
    font-size: 13px;
    position: relative;
    padding-left: 1em;
    display: inline-block;

}

#global_warning {
    position: relative;
    top: 2px;
    display: none;
}

/* footer resa */

.children-vertical-align-top * {
    vertical-align: top;
}

/* Progress Bar */
.progress {
    position: relative;
    height: 2px;
    width: 100%;
    background-color: #acece6;
    border-radius: 2px;
    background-clip: padding-box;
    overflow: hidden;
    top: 1px;
}

.progress .indeterminate {
    background-color: var(--crs-theme-on-secondary);
}

.progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}

/* End Progress Bar */

/*onglet prestations*/

/*#line_items_table > tbody > tr > td{
	display:inline-block !important;
	height:48px !important;
}*/
/*fin onglet prestations*/

.modal-alert-content {
    font-size: 15px;
    position: relative;
    max-height: 75vh;
    overflow: auto;
}

.buttons-right {
    float: right;
}

.displayNonePaymentGatewayerParameter {
}

#disablePaymentGatewayerParameter {
}

.tooltip-material-design {

    padding: 5px 10px;
    color: white;
    border-radius: 4px;
    font-size: 10px;
    font-style: Roboto regular;
    background: grey;
    border: 2px solid grey;
    width: auto !important;

}

.tooltip-material-design * {
    color: white !important;
}

.contingent_id {

    padding-left: 5px;
}

.contingent_id_display_share_icon:after {
    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 5px 5px;
    color: #f4a316;
    content: "\e645";
}

.contingent_id_hide_share_icon {
    height: 17px;
}

.contingent_id {
    padding-left: 5px;
}

.contingent_id_hide_share_icon {
    height: 17px;
}

/****************************
 * Bootstrap 3 progress bar *
 ****************************/

.padding-top-tooltip {
    padding-top: 4px;
}

.information-content {
    color: var(--crs-theme-on-secondary);
    font-style: normal !important;
    cursor: help;
}

.information-content:before {
    color: var(--crs-theme-on-secondary) !important;
}

.kam {
    display: inline-block;
    font: normal normal normal 14px/1 Kameleon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Font Awesome */

i {
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-08x {
    font-size: 0.8em;
}

.fa-09x {
    font-size: 0.9em;
}

.fa-05x {
    font-size: 0.5em;
}

.fa-2x {
    font-size: 2em;
}

.fa-2-3x {
    font-size: 2.3em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.button-home:hover .fa-color {
    color: #3fb9c0;
}

.button-home:hover .fa-color-2 {
    color: #FFB74D;
}

.button-home:hover .fa-color-3 {
    color: var(--buy-theme-primary-color-highlight);
}

.button-home:hover .fa-color-4 {
    color: #E57373;
}

.button-home:hover .fa-color-5 {
    color: #64B5F6;
}

.button-home:hover .fa-color-6 {
    color: #3fb9c0;
}

.button-home:hover .fa-color-7 {
    color: #66BB6A;
}

.button-home:hover .fa-color-8 {
    color: #F48FB1;
}

.button-home:hover .fa-color-disabled {
    color: #E0E0E0;
}

.fa-color {
    color: var(--crs-theme-on-primary);
}

.fa-color-2 {
    color: var(--crs-theme-on-secondary);
}

.fa-color-3 {
    color: var(--buy-theme-on-primary);
}

.fa-color-4 {
    color: #EF5350;
}

.fa-color-5 {
    color: #479ce2;
}

.fa-color-6 {
    color: #875c91;
}

.fa-color-7 {
    color: #43A047;
}

.fa-color-8 {
    color: #F06292;
}

.fa-color-9 {
    color: #B71C1C;
}

.fa-color-disabled {
    color: #cacaca;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-1-2x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-stack-4x {
    font-size: 4em;
}

.fa-stack-1-2x {
    font-size: 1.2em;
}

.fa-nb-hebergement {
    color: #F44336 !important;
    line-height: 0.7em;
    left: 40;
    font-size: 0.8em;
}

.nb-hebergements {
    position: relative;
    top: -10px;
    left: -32px;
    font-size: 0.4em;

}

.nb-hebergements * {
    font-family: Roboto Medium;
    font-size: 0.9em;
    color: white;
}

.fa-inverse {
    color: #ffffff;
}

.fa-circle:before {
    content: "\f111";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-cogs:before {
    content: "\f085";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-user:before {
    content: "\f007";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-key:before {
    content: "\f084";
}

.title-font-home {
    font-family: "Roboto Medium";
    font-size: 14px;
}

.padding-buttom-home {
    /*padding: 0 32px 0 32px;*/
    cursor: pointer;
    max-width: 153px;
    /*vertical-align: top;*/
}

.button-home {

    transition: all .1s ease-in-out;
}

.button-home .fa-circle {

    transition: all .15s ease-in-out;
}

.button-home:active {
    transform: scale(0.95);
}

/* Font Awesome */

#menuBarRES {
    display: none;
}

input[name=nte_nom], input[name=nte_prenom], #etab_num-ui-autocomplete, #num_con-ui-autocomplete {
    max-width: 265px;
}

.might-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.might-overflow:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}

#historic-sidepane {
    overflow-x: hidden;
    overflow-y: auto;

}

.historic-sidepane-subtitle {
    font-size: 15px;
    font-family: "Roboto medium";
    color: black;
    text-transform: uppercase;
}

.historic-sidepane-row {
    padding-bottom: 6px;
    padding-right: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.historic-sidepane-date {
    font-size: 13.5px;
    font-family: roboto medium;
    padding-right: 20px;
}

.historic-sidepane-dossier {
    font-size: 13.5px;
    color: #212121;
    font-family: roboto medium;
    cursor: pointer;
    cursor: pointer;
    transition: all .1s ease-in-out;
}

.historic-sidepane-dossier:hover {
    color: var(--crs-theme-on-primary);
}

.timeline {
    list-style: none;
    position: relative;

}

.icon-circle:before, .icon-circle-read-only:before {
    font-family: "Kameleon";
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 5px 0px;
    content: "\e6b3";
    color: var(--crs-theme-on-primary);
    position: relative;
    padding-right: 10px;
}

.icon-circle-read-only:before {
    color: #B2DFDB;
}

.timeline:before {
    top: -10px;
    bottom: 0;
    position: absolute;
    content: "";
    width: 2px;
    left: 7px;
    background-color: #bcbcbc;
}

.add_rooming_product_popup_accordion_header,
.add_product_popup_accordion_header {
    font-family: "Roboto medium";
    font-weight: normal;
    height: 33px;
    /*width: 1140px;*/
}

.add_rooming_product_popup_accordion_content {
    overflow-x: auto;
    /*1140px - la largeur de l'ent�te du scroll*/
    /*width: 1118px;*/
}

.add_product_popup_accordion_header {
    text-transform: lowercase;
}

.add_product_popup_accordion_header:first-letter {
    text-transform: uppercase;
}

.ui-accordion-header-icon {
    top: 20px !important;
    left: 10px !important;
}

.accordion-header-content {
    position: relative;
    top: 10px;
    left: 10px;
}

.accordion-progress-bar {
    top: 22px;
}

.listparam-list-parameters {

    padding-bottom: 8px;
    font-size: 15px;
}

.dialog-box-title-label,
.listparam-parameters {
    font-family: "Roboto medium";
    font-size: 15px;
    padding: 0 1em;
}

#menuBarCLI {
    /* 	position:relative; */
    /* 	top:-4px; */
}

#table_customoutputhtmlprinterinputlistparamcustomer_bill_content > tbody,
#table_customoutputhtmlprinterinputlistparamcustomer_bill_content_payment > tbody {
    height: 300px !important;
}


.resume-note-pms {
    font-size: 14px;
    font-family: "roboto medium";
    padding-bottom: 5px;
    padding-left: 15px;
}

#print_proforma_template {
    position: relative;
    top: 9px;
    left: 20px;
}

#invoice_template {
    position: relative;
    top: 9px;
    left: 40px;
}

#add_facturation_address_template {
    position: relative;
    top: 9px;
    left: 60px;
}

#total-amount-prestations {
    /*padding-left: 80px;*/
}

.result-stay-room-assign {
    padding-top: 9px;
}

.assign-room-stay-carac {
    padding-right: 20px;

}

.header-items-selected-th {
    visibility: hidden;
    opacity: 0;
    transition: 0.4s opacity 0.2s linear;
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;

}

#nb-line-selected, #one-line-selected, #multi-lines-selected,
#actions-items-selected, #selected-global-actions,
#selected-global-actions-text, #selected-other-global-actions {
    /* 	color:#FF6D00; */
    color: var(--crs-theme-primary-color-bg);
    font-size: 15px;
    display: inline-block;
}

#nb-line-selected {
    padding-right: .5em;
}

#actions-items-selected {
    padding-right: .3em;
}

#selected-global-actions .designed-button-container,
#selected-global-actions .designed-button-container-not-important,
#selected-global-actions-text .designed-button-container,
#selected-other-global-actions .designed-button-container {
    margin-right: 8px;
    background-color: #f4f4f4;
}

#selected-global-actions .designed-button-container-disabled,
#selected-global-actions-text .designed-button-container-disabled,
#selected-other-global-actions .designed-button-container-disabled {
    margin-right: 8px;
    background-color: #f4f4f4;
}

#selected-global-actions .designed-button-disabled,
#selected-global-actions-text .designed-button-disabled,
#selected-other-global-actions .designed-button-disabled,
#selected-global-actions .secondarybutton-disabled,
#selected-global-actions-text .secondarybutton-disabled,
#selected-other-global-actions .secondarybutton,
a.secondarybutton-disabled.designed-button {
    color: #9E9E9E;
}

#selected-global-actions .designed-button-container:hover,
#selected-global-actions .designed-button-container-not-important:hover,
#selected-global-actions-text .designed-button-container:hover,
#selected-global-actions-text .designed-button-container-not-important:hover,
#selected-other-global-actions .designed-button-container:hover {
    background-color: white;

}


.header-items-selected {
    display: flex;
    align-items: center;
    height: 0px;
    transition: height 0.4s;
    /* 	background-color:#FFF3E0; */
    background-color: #f4f4f4;
}

.color-selected {
    cursor: pointer;
    padding-left: 8px;
}

.color-selected:before {
    /*color:#FF6D00;*/
}

.icon-print:before,
.icon-print-disabled:before,
.icon-run:before,
.icon-proforma:before,
.icon-send:before,
.icon-send_booklet:before,
.icon-flag_cgos_export_as_send:before,
.icon-generate_documents:before {
    content: "\e65d";
}

.icon-send-google:before {
    content: "\e666";
}

.icon-run:before {
    content: "\e566";
}

.icon-black:before {
    color: black;
}

.icon-white:before {
    color: white;
}

/*login*/

.form-box {
    background: var(--crs-theme-on-primary);
    height: 100%;
    float: right;
    width: 400px;
    background-position: left bottom;
    background-repeat: no-repeat;
}

form#login-form {
    overflow: hidden;
    position: relative;
    padding: 20px 40px 40px 40px;
}

.head {
    color: #fff;
    font-size: 34px;
    font-weight: normal;
    padding: 50px 0 0 0;
    text-align: center;

    background: var(--crs-theme-on-primary);
}

.form-group {
    margin-bottom: 8px;
    position: relative;
    width: 100%;
    overflow: hidden;

}

.form-group .label-control {
    color: #888;
    display: block;
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 8px;
    padding: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
}

/*.form-group .label-control::before,*/
/*.form-group .label-control::after{*/
/*content: "";*/
/*left: 0;*/
/*position: absolute;*/
/*bottom: 0;*/
/*width: 100%;*/
/*}*/
/*.form-group .label-control::before{*/
/*border-bottom: 1px solid var(--crs-theme-on-primary);*/
/*transition: transform 0.3s;*/
/*-webkit-transition: -webkit-transform 0.3s;*/
/*}*/

/*.form-group .label-control::after {*/
/*border-bottom: 2px solid var(--crs-theme-on-primary);*/
/*-webkit-transform: translate3d(-100%, 0, 0);*/
/*transform: translate3d(-100%, 0, 0);*/
/*-webkit-transition: -webkit-transform 0.3s;*/
/*transition: transform 0.3s;*/
/*}*/

.form-control {
    border: none;
    margin-top: 20px;
    padding: 12px 0;
    width: 100%;
    font-size: 14px;
    height: 35px;
    border-radius: 2px;
    padding-left: 8px;

}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-group .label-control .label-text {
    -webkit-transform: translate3d(0, 30px, 0) scale(1);
    -moz-transform: translate3d(0, 30px, 0) scale(1);
    transform: translate3d(0, 30px, 0) scale(1);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    font-size: 15px;
}

.active .label-control::after {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.active .label-control .label-text {
    opacity: 1;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    color: white !important;

}

.input-field label:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #B9C1CA;
    transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
}

input.btn[type="submit"] {
    background: var(--crs-theme-on-primary);
    border: 1px solid white;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 5px 0;
    outline: medium none;
    overflow: hidden;
    padding: 10px;
    text-transform: uppercase;
    transition: all 0.15s ease-in-out 0s;
    width: 185px;
    text-align: center;
    left: 68px;
    position: relative;

}

input.btn[type="submit"]:hover, input.btn[type="submit"]:focus {
    background: rgba(255, 255, 255, 0.30);

}

input.btn[type="submit"]:active {
    background: rgba(255, 255, 255, 0.50);
}

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

.text-p a {
    color: #175690;
}

.sequoiasoft-logo-login {
    text-align: center;
    position: fixed;
    bottom: 17px;
    right: 28px;
}

#body-login {

    margin: 0;
    padding: 0;

}

#body-login-nonreg {
    margin: 0;
    padding: 0;
    background-size: auto;
    background: url('/rslhtml/skins/default/images/background_login/automatisation.jpg') no-repeat center fixed;
}

#login-animated-background {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: calc(100% - 400px);
}

@media (max-width: 1680px) {
    #body-login, #body-login-nonreg {
        background-size: 1680px 1050px;
    }
}

@media (max-width: 1440px) {
    #body-login, #body-login-nonreg {
        background-size: 1440px 900px;
    }
}

@media (max-width: 1280px) {
    #body-login, #body-login-nonreg {
        background-size: 1280px 1024px;
    }
}

@media (max-width: 1024px) {
    #body-login, #body-login-nonreg {
        background-size: 1024px 768px;
    }
}

/* fin login */

/*chips*/

.material-chips {
    cursor: default;
    border-radius: 13px;
    display: flex;
    align-items: baseline;
    height: 26px;
    line-height: 26px;
    margin: 8px 8px 8px 0;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    font-size: 13px;
    background: #e0e0e0;
    padding-right: 4px;
}

.multiple_list .material-chips, #dialog-planning .material-chips {
    margin: 0 8px 0 0;
}

.material-chips:hover {
    background: #cccccc;
}

.global-material-chips-text,
.material-chips-text:not(.no-max-width) {
    display: block;
    float: left;
    white-space: nowrap;
    max-width: 31em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 4px;
    color: #212121;
    position: relative;
    top: -1px;
}

.material-chips-text.no-max-width {
    display: block;
    float: left;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 4px;
    color: #212121;
    position: relative;
    top: -1px;
}

.material-chips-text {
    cursor: pointer;
}

.cancel-chip {
    left: 4px;
    position: relative;
    cursor: pointer;
    cursor: pointer;
}

/* fin chips */

/* onglet s�jours */

.lasts-cell-stays {
    max-width: 124px !important;
}

/* #stays_table .custom-combobox input{ */
/* 	width : 245px !important; */
/* 	max-width: 245px; */
/* } */

/* fin onglet s�jours */

#res_criteres_detail .dialog-title {
    padding: 0;
}

#orga-payeur-read div {
    padding: 0 0 5px 0;
}

.resume-tr-read td {
    font-size: 14px;
    color: var(--crs-theme-on-primary);
    position: relative;
    top: 4px;
}

#return_home {

    position: relative;
    top: -7px;
}

.money-cell {
    text-align: right !important;
}

#res-read-only {
    overflow: hidden;
}

#dialogs-container-read-only-overflow {

}

.dialogs-container-warning-message {
    position: relative;
    top: 14px;
    color: white;
    padding-left: 10px;
}

#scrollpane-border-right {
    /*border-right: #e0e0e0 2px solid;*/
}

#res-id-read {
    position: relative;
    left: 7px
}

#resume-creation-date {
    position: relative;
    left: -7px;
    color: black;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    height: 2px;
    /*margin-bottom: 20px;*/
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: black;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
    min-width: 30px;
}

.progress-bar[aria-valuenow="0"] {
    min-width: 30px;
    color: #777;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

#pms-current-etab {


}

.quick_search_input-hide-responsive {
    /*width: 250px !important;*/
}

.quick_search_input-hide {
    /*width: 0 !important;*/
}

#fast-search-nav-bar,#fast-search-nav-bar-without-etab {
    position: relative;
    left: -31px;
    display: inline-block;
}

.close-menu-responsive {
    display: inline-block;
}

@media (max-width: 1600px) {

    .quick_search_input-hide-responsive {
        /*width: 0 !important;*/
    }

    #pms-current-etab {

    }

    #fast-search-nav-bar {
        position: relative;
        left: 150px;
    }

    .icon-search-menu {
        left: 152px !important;
    }

    #fast-search-nav-bar-without-etab{
        position: relative;
        left: 12px;
    }

    .icon-search-menu.icon-search-menu-without-etab {
        left: 15px !important;
    }

    .icon-close-menu {
        left: 130px !important;
    }

    .close-menu-responsive {
        display: none;
    }
}

.control_code_select_customer {
    width: 60px;
    max-width: 60px;
}

.control_code_select_select_customer {
    border: none;
    background-color: white;
    width: 232px;
}

.selected-row {
    background: rgba(246, 164, 44, 0.15) !important;
    /*   	background-color: #E0F2F1 !important; */
}

.selected-row:hover {
    background: rgba(246, 164, 44, 0.15) !important;
}

.disabled-row-tablet {
    background: #e0e0e0;
}

.accordion-content-dialog {
    /*-webkit-transition: max-height .25s;*/
    /*-moz-transition: max-height .25s;*/
    /*-ms-transition: max-height .25s;*/
    /*-o-transition: max-height .25s;*/
    /*transition: max-height .25s;*/
    overflow: visible;
}

#error-details-hidden-height {
    overflow-y: initial;
}

.accordion-content-dialog-hide {
    max-height: 0px !important;
    overflow: hidden;
}

.accordion-height-listtable-5 {
    max-height: 300px;
}

.accordion-height-listtable-5-scroll {
    max-height: 325px;
}

#caracteristiques_filter_height {
    max-height: 200px;
}

#brochures_fieldset_height, #manual_sentences_fieldset_height, #colums_height {
    max-height: 900px;
}

/* #group_stay_observations_row_height{ */
/* 	max-height: 900px; */
/* } */

#sort_order_height {
    max-height: 200px;
}

#customer_main_height {
    /*max-height: 550px;*/
}

#customer_address_height {
    max-height: 370px;
}

.accordion-content-max-height {
    max-height: 900px;
}

#contact_list_height {
    max-height: 600px;
}

#customer_relay_height, #customer_relay1_height {
    max-height: 400px;
}

#customer_info_alo_height, #customer_portfolios_height, #customer_segments_height, #customer_segment1_height {
    max-height: 340px;
}


#customer_obs_height {
    max-height: 220px;
}

#coordonnees_height {
    /* 	max-height:220px; */
}

#postal_address_height {
    /* 	max-height:220px; */
}

#vip_partners_height {
    /* 	max-height:220px; */
}

#planning-dialog {
    width: 139.5em;
}

#planning-dialog {
    display: none;
}

#planning_table > tbody > tr > td > a {
    font-size: 14px;
    color: var(--crs-theme-primary-color-bg);
    font-family: Roboto medium;
}

#planning_table > tbody > tr > td.planning-td-teal:not(.planning-real-dispo-negative) > a {
    color: #00BFA5 !important;
}

#planning_table > tbody > tr > td.planning-real-dispo-negative {
    color: red !important;
}

#planning_table > tbody > tr > td.planning-real-dispo-negative > a, .planning-real-dispo-negative > a, .planning-real-dispo-negative {
    color: red !important;
}

.planning-week-end {
    /*background:url('/rslhtml/skins/default/images/background_dots.png')top center no-repeat;*/
    background: #E0F2F1;
}

.truncate_cell * {
    color: inherit;
    font-size: inherit;

}

.truncate_cell {
    width: inherit;
}

.header_cell_content {
    width: inherit !important;
}

.header_cell_first_day_content,
.header_cell_first_day_content span {
    width: inherit !important;
}

.header_cell_first_day_content span.month_content {
    width: max-content !important;
}

.planning_cell_content:not(.vsmcellplanningheaderrow1) {
    z-index: 1;
    display: flex;
    align-items: center;
}

.planning-ventes {
    background: #98ee99 !important;
}

.planning-ventes-group {
    background: #98ee99 !important;
    border-top: #F39200 thin solid !important;
}

.planning-allotement {
    background: #fff59d !important;
}

.planning-td-tea0, .planning-td-teal:not(.planning-real-dispo-negative) .truncate_cell {
    color: #00BFA5 !important;
}

#planning-dialog tr.listrow1:hover {
    background: none;
}

.service-display {
    /*display:none;*/
}

.selected-button-container {
    position: relative;
    vertical-align: top;
    top: -7px;
    cursor: pointer;
    background: #f4f4f4;
    padding-left: 8px;
    padding-right: 8px;
}

.selected-button-container:hover {
    background: white;

}

.button-container-global-listparam {
    position: relative;
    vertical-align: top;
    top: -19px;
    cursor: pointer;
}

tr.header-group td:first-child {
    /*padding-left:0px;
	padding-right:14px;*/
}

td.menu-bar-node, .menu-bar-node-home, .bgmenu {
    -webkit-transition: background-color .4s linear;
    -moz-transition: background-color .4s linear;
    -o-transition: background-color .4s linear;
    transition: background-color .4s linear;
}

#table_customoutputhtmlprinterinputlistparaminvoice_payment .clearlistrow td:first-child span {
    display: none;
}

.dialog-box-title-layer,
.listparam-list-parameters-multi {
    background-color: #00bfb2;
    background-image: linear-gradient(315deg, #00bfb2 0%, #028090 74%);
    height: 48px;
    display: flex;
    align-items: center;

}

.dialog-box-title-label,
.listparam-list-parameters-multi .listparam-parameters {
    color: white;
}

.action-add-listparam {
    cursor: pointer;
}

/*Cache les ... pour le contenu d'une note pms */
input[name=max_rows_customoutputhtmlprinterinputlistparamcustomer_bill_content] ~ .sortbartable #menuBar___BASE___ {
    display: none;
}

.listrowresa:last-child {
    border-right: #e0e0e0 1px solid;
}

#line_items_table, #annex_items_table {
    border-collapse: separate;
}

#line_items_table:not(.not-overflow) td.listrowresa:not(.lineitem_edit):not(.lineitem_pricing):not(.grouplistrow):not(.overflow-visible) {
    overflow: hidden !important;
}

/*  #line_items_table > tbody > tr{ */
/* 	display:inline-block; */
/* } */

/* #line_items_table > tbody{ */
/* 	display:block; */
/* } */

.free-algo-resize-table {
    overflow: visible !important;
}

/*.free-algo-resize-table *:not(.react-select__single-value) {*/
/*overflow: visible !important;*/
/*}*/

.criteres-presta-line-edit-width {
    width: 643px;
}

.criteres-presta-line-edit-amount-width {
    width: 44px;
    max-width: 44px;
    overflow: visible !important;
}

#meal_exceptions > tbody > tr:last-child {
    border-bottom: #e0e0e0 1px solid !important;
}

#previous_week {
    position: relative;
    left: -1em;
}

#next_week {
    position: relative;
    left: 1em;
}

.menu-bar {
    position: relative;
    left: -23px;
}

#pms-current-etab:hover {
    background-color: #3fb9c0 !important;
}

#pms-current-etab.mode_test:hover {
    background-color: rgb(255, 151, 74) !important;
}

#menuBarPLA .menu-bar-node-label .header_menu, #menuBarUTI .menu-bar-node-label .header_menu {
    position: relative;
    top: -5px;
    left: -2px;

}

.welcome-title {
    text-align: center;
    font-size: 24px;
    color: var(--crs-theme-on-primary);
}

.menu-bar-node-icon-home .header_menu_home {
    position: relative;
    top: -1px;
}

input[type="text"]:not(.NumberField *):focus {
    border-color: var(--crs-theme-on-primary);
    outline: 0;
}

textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled {
    background-color: #e8e8e8;
    cursor: default;
    color: var(--crs-theme-primary-color-bg);
    border: 1px solid #e0e0e0;
    outline: 0;
}

.react-select__single-value {
    color: var(--crs-theme-primary-color-bg) !important;
    font-family: Roboto regular !important;
}

.react-select__dropdown-indicator * {
    color: hsl(0, 0%, 80%) !important;
}

.react-select__dropdown-indicator {
    color: hsl(0, 0%, 80%) !important;
    font-size: 13px;
}

.ui-state-disabled .ui-icon {
    opacity: 0.3;
}

/*enlever border sur hover*/
/* textarea:disabled:hover, input:not([type]):disabled:hover, input[type="color" i]:disabled:hover, input[type="date" i]:disabled:hover, input[type="datetime" i]:disabled:hover, input[type="datetime-local" i]:disabled:hover, input[type="email" i]:disabled:hover, input[type="month" i]:disabled:hover, input[type="password" i]:disabled:hover, input[type="number" i]:disabled:hover, input[type="search" i]:disabled:hover, input[type="tel" i]:disabled:hover, input[type="text" i]:disabled:hover, input[type="time" i]:disabled:hover, input[type="url" i]:disabled:hover, input[type="week" i]:hover:disabled{ */
/* { */
/* 	border-color:none; */
/* } */

.cancel-chip:before {
    color: #3fb9c0;
}

.cancel-chip:hover:before {
    color: var(--crs-theme-primary-color-highlight);
}

.expand-row .icon-expand, .expand-row .icon-unexpand {
    position: relative;
    left: -22px;
}

.expand-row .icon-expand, .expand-row .icon-unexpand,
.expand-sub-row .icon-expand, .expand-sub-row .icon-unexpand {
    cursor: pointer;
}

.raised-button-container {
    background-color: #00AEB3;
    border-radius: 2px;
    margin-right: 16px;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
    border: 1px solid #00AEB3;
}

.raised-button-container-disabled {
    border-radius: 2px;
    margin-right: 16px;
}

.raised-button-container-secondary,
.raised-button-container-disabled {
    background-color: white !important;
    border-radius: 2px;
    margin-right: 16px;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
    border: 1px solid #efefef;
}

.raised-button-container:hover {
    background-color: #00AEB3;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
}

.raised-button-container-secondary:hover {
    background-color: white !important;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
}

.raised-button {
    color: white;
}

.scroll-without-tabs {
    overflow: auto;
    position: relative;
    top: 1px;

}

.template_name_iframe {
    width: 100%;
    height: 100%;

}

#stays .dialog-title, #relationships .dialog-title, #products .dialog-title, #rooming_stays .dialog-title {
    font-size: 13px;
    font-family: "Roboto medium";
}

#show_session_curent_date .dialog {
    /*box-shadow:none; On cache le dialog car inutile*/
    position: relative;
    top: 20px;
}

#historic-sidepane {
    border-bottom: none !important;
}

#history-home-svg {
    width: 40px;
    position: relative;
    top: 10px;
    padding-right: 10px;
}

#search-home-svg {
    width: 38px;
    position: relative;
    top: 10px;
    padding-right: 10px;
}

.historic-circle-home-svg {
    width: 18px;
    position: relative;
    left: -1px;
    top: 3px;
    padding-right: 4px;
}

.historic-circle-home-other-days-svg {
    width: 18px;
    position: relative;
    left: -1px;
    top: 3px;
    padding-right: 9px;
}

/*@media only screen and (max-width: 1829px) {*/
/*#dialog-graph-1920 {*/
/*display: none;*/
/*}*/
/*#dialog-graph-1, #dialog-graph-2, #dialog-graph-3, #dialog-graph-4 {*/
/*width: 50%;*/
/*}*/

/*#dialog-graph-1920-2 {*/
/*display: none;*/
/*}*/
/*}*/

.icon-search-menu {
    position: relative;
    left: -28px;
    display: inline-block;
    color: white;
}

.icon-search-menu-stays-unaffected {
    position: relative;
    display: inline-block;
    color: var(--crs-theme-on-secondary);
}

#quick_search_input {
    /*background-color: var(--crs-theme-primary-color);*/
    /*border: none;*/
    /*color: white;*/
    /*border-bottom: 1px solid white;*/
    /*width: 250px;*/
    /*padding-bottom: 4px;*/
    /*font-family: Roboto regular;*/
    /*transition: width .5s;*/
    position: relative;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.15);

    margin-left: 0;
    width: 100%
}

#quick_search_input-search{
    height: 100%;
    position: absolute;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    color:white;
}

#quick_search_input:hover{
    backgroundColor: rgba(255,255,255,0.25);
}

.quick-search-input-base{
    color: inherit;
}


#quick_search_input::-webkit-input-placeholder {
    color: white;
}

#rooming_search_input {
    min-width: 200px;
    border-bottom-color: rgb(224, 224, 224);
    padding-bottom: 4px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
}

.control_num_res_home {
    width: 150px;
}

#error-login {
    color: white;
    display: none;
}

.logo-error-neo {
    padding-bottom: 30px;
    display: inline-flex;
    order: 0;
    padding-right: 29em;
}

.logo-error-img {
    display: inline-flex;
    order: 1;
    position: absolute;
}

.logo-error-neo img {
    position: relative;
    left: -11px;

}

.fatal-error {
    font-size: 20px;
    color: black;
}

.error-message {
    font-size: 15px;
    color: var(--crs-theme-primary-color-bg);
}

.errorpage {
    background: white;
}

.fa-exclamation-triangle:before {
    content: "\f071";
    color: var(--crs-theme-on-secondary);
}

.errorpage * {
    /*color: #F5F5F5; */
}

/* empeche les textarea des listtable d'etre plus grand que la taille max d'une colonne*/
.listtable .control_textarea {
    max-width: 300px;
    min-width: 300px;
    width: 300px;
    vertical-align: middle;
}

#reservation_popup_payment > tbody > tr > td {
    padding-left: 16px;
}

#reservation_popup_payment_first_row > td {
    padding-top: 16px;
}

.prod-quota-table > table > tbody > tr > td {
    padding-right: 4em;
    padding-left: 4em;
    border-right: #e0e0e0 1px solid;
    padding-bottom: 1em;
}

.prod-quota-table > table > tbody > tr {
    padding-bottom: 3em;
    display: inline-block;
}

.prod-quota-table td {
    text-align: center;
}

.prod-quota-table td.titlerow {
    height: 0;
    padding-bottom: 1em;
}

#calendar_table > table > thead > tr > td {

}

#calendar_table > table > thead > tr {

}

#calendar_table td {

}

#calendar_table td.titlerow {

}

.custom-dialog-planning {
    z-index: 1041;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.ui-dialog {
    transform: translate(-50%, -50%);
}

.buttonset-in-iframe {
    position: relative;
    top: -2px;
    left: 6px;
}

.flex-column-cards-resa .dialog, .flex-column-cards .dialog {
    margin-bottom: 1em;
}

#dossierdiv .dialogs {
    height: auto;
}


#partner_legend_height {
    max-height: 5em;
}

#campaign_and_convention_legend_height {
    max-height: 8em;
}

#criteres_resa_legend_height {
    max-height: 900em;
}

#contract_legend_height {
    max-height: 3em;
}

#client_indiv_legend_height {
    max-height: 3em;
}

#status_legend_height {
    max-height: 3.6em;
}


#dossierdiv td {
    padding-bottom: 15px;
}

.icon-world-disabled:before,
.icon-world:before {
    content: "\e694";
}

.icon-enum-disabled:before,
.icon-enum:before {
    content: "\e678";
}

.icon-list-simple:before {
    content: "\e64f";
}



.icon-color-chooser:before {
    content: "\e988";
}

.icon-maintenance:before {
    content: "\ea5b";
}

.icon-cut:before {
    content: "\e624";
    color: var(--crs-theme-on-secondary);
    transform: rotate(90deg);
    position: relative;
    left: -4px;
    top: 1px;
}

.icon-cash-box:before,
.icon-cash-box-disabled {
    content: "\e699";
}

.icon-cash-box-home:before,
.icon-cash-box-home-disabled:before {
    content: "\e6a6";
}

.icon-validate-payment:before,
.icon-validate-payment-disabled:before {
    content: "\e660";
}

.icon-agent-status:before {
    content: "\e6b9";
}

.icon-stop-agent:before {
    content: "\e612";
}

.icon-start-agent:before {

}

.icon-etc-room-feature:before {
    content: "\e62e";
}

.icon-use-web:before {
    content: "\ea76";
    color: var(--crs-theme-primary-color-bg);
}

.icon-status-stay-not-assigned:before,
.icon-status-stay-partially-assigned:before,
.icon-status-stay-assigned:before {
    content: "\e6b3";
}

.icon-status-stay-not-assigned:before {
    color: #9E9E9E;
}

.icon-status-stay-partially-assigned:before {
    color: var(--crs-theme-secondary-color);
}

.icon-status-stay-assigned:before {
    color: green;
}

.icon-transport:before {
    content: "\e657";
}

.icon-no-pricings:before {
    content: "\e691";
    color: #fb5808;
}

.icon-flag:before {    
    content: "\e634";
    color: #fb5808;
    font-family: "Kameleon";
}

.icon-cash-box:before {
    font-size: 25px;
    color: var(--crs-theme-secondary-color);
}

/* .icon-cash-box-home-disabled, */
/* .icon-cash-box-home:before */
/* { */
/* 	font-size: 50px;	 */
/* } */

/*enleve les span qui permettent de cocher les lignes dans reglements �ch�ances car ils ne doivent pas �tre pr�sent*/
#table_customoutputhtmlprinterinputlistparamech_payment tr.listrow1 td.content_select_box span {
    display: none;
}

.lineitem_header_business_actor_col {
    border: none;
}

#line_items_table #line_items_table_row_0 .free-resize-table {
    height: 28px;
}

tr.clearlistrow {
    /* 	display:none !important; */
}

/*On r�duit l'espace dans l'onglet courriers entre els actions et le nom du document*/
#docworkflows_list_table tr td:first-child {
    padding-right: 0;
}

#docworkflows_list_table tr td:nth-child(2) {
    padding-left: 0;
}

#docworkflows_list_table {
    display: grid !important;
    grid-template-rows: auto 1fr;
}

#docworkflows_list {
    height: 100%;
}

.header-group {
    height: 28px !important;
    overflow: visible !important;
}

.header-group-inner {
    border: #e0e0e0 1px solid;
    height: 28px;

}

.header-group-inner-span {
    color: var(--crs-theme-on-primary);
    font-family: Roboto medium;
    position: relative;
    top: 6px;
}

.tab-details-planning {
    overflow: visible !important;
}

.tab-details-planning td {
    padding-right: 54px !important;
}

.grouprow {
    border-top: var(--crs-theme-secondary-color) 1px solid;
}

tr.grouprow,
.grouprow > td {
    background-color: #EEEEEE;
    font-size: 14px;
    font-family: roboto medium;
}

#res_autoassign-ui-autocomplete {
    width: 150px;
}

.sortbardialog .dialog {
    padding-left: 1.5em;
}

/*Listtable multiples sur une seule page, on veut que leur taille reste fonction de leur contenu*/
#table_customoutputhtmlprinterinputlistparampms_day_closing_noshow_day_closing tbody,
#table_customoutputhtmlprinterinputlistparampms_day_closing_no_invoicing_day_closing tbody,
#table_customoutputhtmlprinterinputlistparampms_day_closing_no_bill_invoicing_day_closing tbody,
#table_customoutputhtmlprinterinputlistparampms_day_closing_no_bill_invoicing_day_closing tbody,
#table_customoutputhtmlprinterinputlistparampms_day_closing_open_reservations_day_closing tbody,
#table_customoutputhtmlprinterinputlistparamrapport_ventes_clients_etat_fact tbody,
#table_customoutputhtmlprinterinputlistparamrapport_recap_prestations_etat_fact tbody,
#table_customoutputhtmlprinterinputlistparamrapport_recap_tva_etat_fact tbody,
#table_customoutputhtmlprinterinputlistparamrapport_recap_tva_etat_fact tbody {
    height: auto !important;
}

.room_feature_label_resa {
    display: inline-block;
    white-space: nowrap;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.deposit_credit_card_details {
    border-spacing: 10px;
    border-collapse: separate;
    border: #e0e0e0 1px solid;
    width: 700px;
    padding: 5px 0 0 8px;
}

.deposit_credit_card_details:hover {
    border: var(--crs-theme-on-primary) 1px solid;
}

.mdl-card__supporting-text {
    width: 100%;
    padding: 0;
    display: none;
    transition: width 400ms ease-in-out;

}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {

    /* 100 / no_of_steps */
}

/* Begin actual mdl-stepper css styles */

.mdl-stepper-horizontal-alternative {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
    display: table-cell;
    position: relative;
    padding: 24px;
    padding-bottom: 8px;
    cursor: pointer;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
    border-radius: 15% / 75%;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* .mdl-stepper-horizontal-alternative .mdl-stepper-step:hover .mdl-stepper-circle { */
/*   background-color: #757575; */
/* } */

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
    display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-color: #9E9E9E;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    font-size: 12px;
    color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle {
    background-color: var(--crs-theme-on-primary);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-error .mdl-stepper-circle {
    background-color: #F44336 !important;

}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
    content: "\2714";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-error .mdl-stepper-circle:before {
    content: "\2716";
    padding-left: 1px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle *,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-error .mdl-stepper-circle * {
    display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle {
    -moz-transform: scaleX(-1);
    /* Gecko */
    -o-transform: scaleX(-1);
    /* Opera */
    -webkit-transform: scaleX(-1);
    /* Webkit */
    transform: scaleX(-1);
    /* Standard */
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
    content: "\270E";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
    margin-top: 16px;
    font-size: 14px;
    font-weight: normal;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
    text-align: center;
    color: rgba(0, 0, 0, .26);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-title {
    font-weight: 500;
    color: rgba(0, 0, 0, .87);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.step-done .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.editable-step .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.step-error .mdl-stepper-title {
    font-weight: 300;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
    font-size: 12px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-optional {
    color: rgba(0, 0, 0, .54);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
    position: absolute;
    top: 36px;
    height: 1px;
    border-top: 2px solid #BDBDBD;
}

.mdl-stepper-bar-left.active-bar,
.mdl-stepper-bar-right.active-bar {
    border-top: 2px solid #62c7cc !important;

}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
    right: 0;
    left: 50%;
    margin-left: 20px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
    left: 0;
    right: 50%;
    margin-right: 20px;
}

.mdl-stepper-circle > span {
    color: white;
}

.booking-panel-resamain { /*warning bon pour consultation mais changer la classe pour creation dossier*/
    /*width: calc(100% - 434px);
    transition: width 400ms ease-in-out;
    float: right;*/
    /*transition: all 400ms ease-in-out;*/
    position: relative;

    /*  	    top: -8px; */
}

#sidepaneLayer {

}

.scrollpane-panel {
    /*border-right: #e0e0e0 2px solid;*/
}

#res_etab_label_layer, #reservation_dates {
    font-size: 17px;
    font-family: 'Roboto medium';
    color: black;
}

#res_rmethod_type_layer {
    float: right;
    font-family: "Roboto medium";
}

#invoice_fac_list_layer * {
    color: white !important;
}

#volet {
    position: absolute;
    right: -43px;
    top: 76px;
    border-radius: 0 0 8px 8px;
    padding: 0px 30px;
    background: var(--crs-theme-on-primary) !important;
    color: #fff;
    text-decoration: none;
    transform: rotate(270deg);
    z-index: 10;
}

.note-transfer-dialog-header {
    background-color: #CCCCCC;
}

table tr.note-transfer-dialog-header {
    border-bottom: 4px solid;
}

div.error_panel {
    padding: 20px;
    background-color: #DF0101;
    color: white;
}

.required:after {
    color: #F44336;
    content: " *";
}

.required-in-the-future:after {
    color: var(--crs-theme-on-secondary);
    content: " *";
}

.occupant_size {
    width: 250px;
    line-height: 24px;
}

.occupant_size div {
    float: left;
    vertical-align: center;
    padding-right: 25px;
}

.occupant_size.limits {
    font-size: 0.8em;
}

#customer_address_height .required:after, #document_sender_fieldset .required:after,
#user_address_legend_fieldset .required:after,
#provider_address_row_layer .required:after,
#customer_relay_height .required:after, #customer_relay1_height .required:after,
#include_payed_paymentdues_label.required:after,
#display_transmitted_message_label.required:after,
#display_by_age_label.required:after,
#new_bill_layer .required:after,
#customer_relay_address_fieldset .required:after,
#customer_address_fieldset .required:after,
#police-compare-view .required:after,
#police_pro_customer_address1_fieldset .required:after,
#property_partner_address_legend .required:after,
#coordonnees_fieldset .required:after,
#customer_address_relay_height .required:after{ /*Pas de required dans les fiches clients et dans les conventions*/
    content: "";
}

#customer_address_height .at_least_one_required, #document_sender_fieldset .at_least_one_required,
#user_address_legend_fieldset .at_least_one_required,
#provider_address_row_layer .at_least_one_required,
#customer_relay_height .at_least_one_required, #customer_relay1_height .at_least_one_required,
#include_payed_paymentdues_label.at_least_one_required,
#display_transmitted_message_label.at_least_one_required,
#display_by_age_label.at_least_one_required,
#new_bill_layer .at_least_one_required,
#customer_relay_address_fieldset .at_least_one_required,
#customer_address_fieldset .at_least_one_required,
#police-compare-view .at_least_one_required,
#customer_address_relay_height .at_least_one_required{
    display: none;
}

.control_select_required_hightlight {
    border: 1px solid #F44336 !important;
}

.input_required_empty, .rsl-invalid-pattern {
    border: 1px solid #F44336 !important;
}

.selected_product_code_popup {
    color: #FFB74D;
}

#customer_container .custom-combobox {
    padding-left: 4em;
}

.group-param-width {
    width: auto !important;
}

.group-param-width td {
    padding-right: 1em !important;
}

#campaign_commander_status_iframe {
    height: 676px;
    width: 1704px;
}

#menuBar___BASE___room_feature_excluded_ {
    position: relative;
    left: -9px;
}

.dialog-sub-title {
    font-family: Roboto medium;
    font-size: 14px;
    padding: 1em;
    padding-left: 0;
    color: black;
}

.contingent_table > tbody > tr > td {
    padding-bottom: 5em;
    padding-right: 0;
    padding-left: 1em;

}

.contingent_table > tbody > tr > td > table {
    border-right: rgba(0, 0, 0, 0.4) 2px solid;
    /* 	border-left: rgba(0,0,0,0.4) 2px solid; */

}

.printer-align > table > tbody > tr > td:last-child { /*pas beau mais coince par la construction de l'objet imprimer qui m'oblige a faire cette bidouille...*/
    position: absolute;
    left: 27.3em;
}

#copy_to_etab_layer > table {
    width: 99%;
}

#subscrollpanepopup {
    overflow-y: hidden;
}

.calendar_title {
    color: var(--crs-theme-on-primary);
    font-size: 12px;
    padding: 10px 0 10px 0px;
    text-align: center;
    padding-right: 3em !important;
}

.calendar_content_row_1 {
    padding-right: 3em !important;
}

.calendar_content_row_2 {
    padding-bottom: 3em !important;
    padding-right: 3em !important;
}

ul.v_control_radio li {
    padding: 4px 0 4px 0;
}

ul.v_control_radio {
    padding-bottom: 8px;
}

#cond_cancel_observation_div {
    height: 100px;
}

.observation_old_gui > tbody > tr > td {
    text-align: left;
}

body {
    margin: 0;
}

#planning_table, #planning_table > tbody,
#planning_table_aside, #planning_table_aside > tbody { /*necessaire pour avoir un scroll vertical*/
    display: inline-block;
}

a.anchor {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}

/* scroll hoizontal � l'int�rieur des cards ==> contient des effets de bord, je garde potentiellement pour la v2*/
/* .globalsortbar, .globalsortbar > tbody, .globalsortbar > tbody > tr, .globalsortbar > tbody, .globalsortbar > tbody > tr > td, */
/* .sortbartable , .sortbartable > tbody, .sortbartable > tbody > tr, .sortbartable > tbody > tr > td{ */
/* 	display:inline-block; */
/* 	width:100%; */
/* } */

/* .dialog{ */
/* 	overflow-x: auto; */
/*     display: inline-block; */
/* } */

/* #subscrollpane{ */
/* 	overflow-x:hidden; */
/* } */

/* .globalsortbar { */
/* 	padding: 1em 0 0 1em; */
/*     width: 97% !important; */
/* } */

.fixedTable-sidebar {
    float: left;
    overflow: hidden;
    width: 375px;
}

#planning_table_aside tr {
    width: 375px;
}

#planning_table_aside td.not-blocked.alo span,
#planning_table_aside td.room.planning_total_row span {
    font-family: "Roboto Medium";
}

.planning_total_row_cell:not(.planning-week-end),
#planning_table_aside td.room.planning_total_row {
    background-color: #f4f4f4;
}

#planning_table td, #planning_table tr {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}

#planning_table_aside td, #planning_table_aside tr {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}

#planning_table_aside tbody:not(:first-child) > tr.listrow1, #planning_table_aside tbody:not(:first-child) > tr.expand-row {
    display: table-row;
}

#planning_table_aside > tbody > tr:first-child, #planning_table_aside > tbody > tr:first-child > td:first-child {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}

#planning_table_aside thead td, #planning_table_aside thead tr {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}

#planning_table_aside thead {
    height: 72px;
    min-height: 72px;
    max-height: 72px;
}

#planning_table > tbody > tr:first-child {
    border-top: none;
}

#planning_table_aside > tbody > tr:first-child {
    border-top: none;
}

#planning_table {
    overflow-x: auto;
}

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

.mdl-stepper-circle-active {
    border: 2px solid white;
    box-shadow: 0 0 0 3px #FFB74D;
}

.mdl-stepper-title-active {
    font-family: "Roboto medium";
    position: relative;
    top: -2px;
}

#validate_proposals_layer {
    display: inline-block;
}

.control_text_city {
    width: 280px;
    margin-left: 1em;
}

.width_name {
    width: 178px;
}

.select_nationality {
    width: 297px;
    max-width: 297px;
}

.contact_details td {
    padding-left: 0 !important;
    padding-right: 1em !important;
    padding-bottom: 0 !important;
}

.nationality_contact_row td {
    position: relative;
    top: -5px;
}

#cell_criteria_TP input {
    width: 300px;
    max-width: 300px;
}

::selection {
    background-color: var(--crs-theme-on-primary);
    color: white;
}

.option_nb_days_text_field {
    width: 520px !important;
    max-width: 520px !important;
}

.payment_due_update_options_text_field {
    width: 380px !important;
    max-width: 380px !important;
}

.vat_change_repartition_text_field {
    width: 510px !important;
    max-width: 510px !important;
}

.rooming_valuation_method_text_field {
    width: 595px !important;
    max-width: 595px !important;
}

.booking-panel-sidepaneheader-option {
    background-color: #FFBD66 !important;
}

.booking-panel-sidepaneheader-on {
    background-color: #5AC7AF !important;
}

.booking-panel-sidepaneheader-off {
    background-color: #EF5350 !important;
}

.booking-panel-sidepaneheader-off * {
    color: white !important;
}

.booking-panel-sidepaneheader-master_resa{
    background-color: #1976d2 !important;
}

.booking-panel-sidepaneheader-master_resa *{
    color: white !important;
}

.booking-panel-sidepaneheader-disabled {
    background-color: var(--crs-theme-primary-color-bg) !important;
}

.booking-panel-sidepaneheader-disabled * {
    color: white !important;
}

.hidden_when_rooming_coat_handled {
    padding-right: 1em;
}

#display_supplements_checkbox + span {
    vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1.1em;
}

#free_sale_retro_delay_cell {
    position: relative;
    top: -3px;
}

#select_ech_for_payment,
#select_bill_occupant_for_invoice {
    position: relative;
    padding: 0.5em 0.5em 0.5em 1em;
}

#select_ech_for_deposit {
    padding: 0.5em 0.5em 0.5em 1em;
    position: relative;
    top: -0.6em;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Roboto regular;
}

input[type="file"]:not(.take_picture) {
    position: absolute;
    left: -99999rem; /*pas de display none ici pour le validate de formulaire de jquery*/
}

#file-selected {
    position: relative;
    top: -10px;
}

input[type="checkbox"] + span:focus {
    border: 1px solid white !important;
    box-shadow: 0 0 0 1px var(--crs-theme-on-primary);
}

.divbutton, .ui-datepicker-trigger, .menu-bar-action-listparam {
    display: inline-block;
    border-radius: 100%;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

/*
#waiting_list_search {
    display: none;
}
*/

#search_button_planning {
    display: inline-block;
    position: absolute;
    margin-left: 1em;
    margin-top: -0.3em;
}

.actions_dynamic_planning {
    display: none;
}

.control_date:disabled {
    position: relative;
    top: 2px;
}

.ui-autocomplete {
    position: absolute;
}

#reservation_settings_guar_fieldset > tbody > tr > td:last-child,
#reservation_settings_alo_fieldset > tbody > tr > td:last-child,
#reservation_settings_on_demand_fieldset > tbody > tr > td:last-child,
#reservation_settings_on_request_fieldset > tbody > tr > td:last-child {

    width: 600px;

}

.scrollpanepopup .scrollpane { /*regle le probleme de la barre blanche a droite de certaines popup*/
    overflow: visible;
}

.free-overflow {
    overflow: visible !important;
}

.control_select_large {
    width: 600px !important;
    max-width: 600px !important;
}

.facturation_lineaire_row {
    white-space: nowrap;
    display: inline-block;
}

.facturation_lineaire_row .custom-combobox {
    padding-left: 28px;
}

table.contingent_table table td {
    padding: 0 11px 0 11px;
    white-space: nowrap;
}

.alotable .titlerow {
    text-align: left;
    /* 	min-width:47px; */
}

.border-left-contingent {
    border-left: 1px solid #cacaca;
}

.border-right-contingent {
    border-right: 1px solid #cacaca;
}



/*on aligne les graphs au centre des cards*/
canvas {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    display: block;
    margin-right: auto;
}

#res_type_select_sidepane ~ ul li.ui-menu-item a {
    background-color: white !important;
    color: black !important;
    border: none !important;
    border-radius: 0px !important;
}

#res_type_select_sidepane ~ ul li.ui-menu-item a.ui-state-focus {
    background-color: var(--crs-theme-on-primary) !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0px !important;
    color: white !important;
}

.icon-close-menu {
    float: right;
    position: relative;
    left: -49px;
    top: -1px;
}

.alternative-proposal {
    color: red;
}

.button-vertical-middle {
    vertical-align: middle;
}

.alternative-proposal-color {
    color: var(--crs-theme-on-secondary);
}

.counter-proposal-color {
    color: #EC407A;
}

.proposal-icon {
    position: relative;
    left: 28px;
}

.proposal-icon a {
    cursor: help;
}

.proposal-icon .icon-warning-white {
    cursor: default;
}

/*Header actions de proposals pour qu'il soit centre*/
#proposals_cell_0_0_cell {
    position: relative;
    left: -12px;
}

#observation_dialog_popup textarea {
    background-color: white;
    border: none;
}

.contingent-separation-middle {
    padding-right: 23px !important;
}

.padding-input-contingent {
    padding-right: 0 !important;

}

.padding-close-contingent {
    padding-left: 0 !important;

}

input[name=vehicle_registration] {
    width: 200px !important;
    max-width: 200px !important;
}

.ferry_resume_resume_table > tbody > tr > td {
    height: 48px;
    vertical-align: middle;
}

.solded-sidepane {
    font-family: Roboto medium;
    font-size: 28px;
    text-align: center;
}

.add_new_occupant_table td:not(:first-child),
.add_occupant_table td:not(:first-child) {
    vertical-align: middle;
    padding-left: 1px !important;
    padding-right: 0px !important;
}

.add_occupant_table td:first-child {
    padding-right: 1em !important;
}

.chartsJs {
}

.padding_fidelity_list {
    padding-left: 1em;
}

#section {
    height: calc(100% - 94px);
    overflow-x: hidden;
}

#convention_partner {
    display: none;
}

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

#base_test_label_layer {
    position: absolute;
    top: 0;
    left: 60px;
    display: none;
}

.customer_infos_obs {
    position: relative;
    top: -2px;
}

#sold_period_codes_selected_filtered_id {
    height: 300px;
}


.res_group_row td {
    font-family: "Roboto medium";
}

#deposits_list_table .designed-button-container {
    position: relative;
    top: 2px;
    left: -0.5em;
}

#deposits_list_table .divbutton {
    vertical-align: super;
}

.search-multi-select {
    position: relative;
}

.search-multi-select input {
    text-indent: 18px;
}

.multi-select-icon {
    position: absolute;
    left: 4px;
    top: 4px;

}

.multi-select-icon:before {
    color: var(--crs-theme-primary-color-bg) !important;
    font-size: 16px !important;
}

.select-search-icon:before {
    color: var(--crs-theme-primary-color-bg) !important;
    font-size: 16px !important;
}

#table_customoutputhtmlprinterinputlistparammass_translations textarea {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}

.contact_details td.name-alone {
    padding-bottom: 10px !important;
}

.period_code_select {
    height: 200px;
}

.regularize_deposits {
    display: inline-block;
    padding: .5em .5em 1em 0;
}

.invoice_cb {
    display: inline-block;
    padding: 5px 4px 5px 4px;
}

.bill_emit_invoice {
    display: inline-block;
    padding: 3px 6px 5px 0;
}

/* classes responsive*/

[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 1280px) {
    .col-m-1 {
        width: 8.33%;
    }

    .col-m-2 {
        width: 16.66%;
    }

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

    .col-m-4 {
        width: 33.33%;
    }

    .col-m-5 {
        width: 41.66%;
    }

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

    .col-m-7 {
        width: 58.33%;
    }

    .col-m-8 {
        width: 66.66%;
    }

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

    .col-m-10 {
        width: 83.33%;
    }

    .col-m-11 {
        width: 91.66%;
    }

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

@media only screen and (min-width: 1650px) {
    .col-1 {
        width: 8.33%;
    }

    .col-2 {
        width: 16.66%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.33%;
    }

    .col-5 {
        width: 41.66%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.33%;
    }

    .col-8 {
        width: 66.66%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.33%;
    }

    .col-11 {
        width: 91.66%;
    }

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

#opt_date {
    display: none;
}

.product_other_code_dynamic_package {
    position: relative;
    left: 1.2em;
}

.product_code_and_search_dynamic_package {
    position: relative;
    top: -3px;
}

textarea::placeholder,
#dynamic_product_code input::placeholder {
    color: #bdbdbd;
    justify-content: end;
}

#product_label_dynamic_package input {
    max-width: 242px;
}

#customer_main_view {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1em;
}

#police-compare-view .large_text_field {
    width: 400px;
    max-width: 400px;
    min-width: 400px;
}

#police-compare-view .control_text_city {
    width: 216px;
}

.col-flex-space-between {
    justify-content: space-between;
    flex-direction: column;
    flex: 1;

}

.infos_client_ind_view {
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: .5em;
}

#resp_group_partner {
    display: none;
}

/*Bidouille pour que la separation entre table.dialogs soit comme de simple tr � l'interieur d'un table.dialogs*/
.no-spacing-top {
    border-spacing: 10px 0px !important;
}

.adjust-dialogs {
    position: relative;
    top: -10px;
}

#service-grp .adjust-dialogs {
    top: 0;
}

.scrollpaneOnlyListTable {
    overflow-y: hidden;
}

#police_ind_view_vb #customer_main_view .formrowlabel {
    width: 155px;
    min-width: 155px;
}

.title_table_vb {
    font-family: Roboto medium;
    text-align: center;
    min-width: 600px;
}

.container-table-vb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.iframe-deffered {
    width: 100%;
    opacity: 0; /*Pour l'animation*/
}

#vip_partners_fieldset {
    /* 	display:flex; */
    /* 	justify-content: space-between; */
    /* 	flex-wrap: wrap; */
}

#dialog_link_indiv_partner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.num_adh_row {
    display: none;
}

.container-custom-combobox-relative {
    position: relative;
}

.stay_room_cancel {
    font-style: italic;
}

.stay_room_cancel .icon-menu-reservation-bandeau:before {
    font-style: normal;
    color: #bdbdbd !important;
}

.button-align-with-selects {
    position: relative;
    top: -8px;
}

.payment-overflow {
    overflow: hidden;
    max-width: 170px;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: inherit;
}

.tight-padding {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.criteres-top-container-vb {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 8px;
}

.criteres-top-container-vb .dialog-title {
    text-align: center;
    padding-bottom: 2px;
}

.dialog-top-vb {
    max-width: 30%;
    min-width: 25%;
    padding: 8px 16px !important;
}

.flex-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1em;
}

.always-overflow-visible > tbody:not(:first-child) {
    overflow: visible;
}

/*Cas particulier pour les select en bas de page*/
select[name=prod_calendar_code_select] ~ ul,
select[name=prod_currency_code_select] ~ ul {
    position: fixed;
}

#show_sold_product_codes_label,
#show_lineitem_criterias_label,
#show_line_obs_label {
    width: 300px;
}

.affect-all-planning {
    display: inline-block;
    float: right;
    top: -7px;
    right: -16px;
    position: relative;
}

.affect-all-planning * {
    background-color: var(--crs-theme-on-primary) !important;
}

.affect-all-planning .designed-button-container-disabled, .affect-all-planning .primarybutton-disabled {
    background-color: #cacaca !important;
}

.errorpage {
    background-color: white;
}

.drop {
    position: relative;
}

.drop ul {
    position: absolute;
    transform-origin: right 0 0;
    right: 0;
    z-index: 6;
    top: -0.5em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

.drop ul li {
    display: block;
    width: 100%;
}

.drop ul li div {
    width: 100%;
    padding: .8em 18px;
    display: inline-block;
    white-space: pre;
    box-sizing: border-box;
    color: var(--crs-theme-primary-color-bg);
    font-family: "Roboto Medium";
}

.drop ul li div:hover {
    background: #ebebeb !important;
}

.drop:focus {
    outline: none;
}

.drop:focus ul {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    outline: none;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.formrowlabelshort {
    width: 150px;
}

.formrowlabeltiny {
    width: 85px;
}

#login {
    width: 100%;
    max-width: 32rem;
    text-align: left;
    vertical-align: top;
    background-color: var(--crs-theme-primary-color-highlight);
    float: right;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.baby-row {
    display: inline-block;
    padding-left: 11.2em;
}

.baby-cell {
    padding-left: 0;
    padding-right: 1em;
}

#bill-transfer-sources-content {
    overflow-y: auto;
}

#bill-transfer-sources-dest {
    overflow-y: auto;
    position: relative;
    top: -15px;
}

#table_customoutputhtmlprinterinputlistparambill_source thead tr.titlerow td.titlerow:last-child {
    text-align: right !important;
    padding-left: 20px !important;
}

.bill-is-lock {
    float: right;
}

#quick-search-lineitem {
    border: none;
    border-bottom: 1px solid var(--crs-theme-on-primary);
    width: 250px;
    font-family: Roboto regular;
    font-size: 15px;
    float: right;
    position: relative;
    top: 5px;
}

.icon-search-lineitem:before {
    color: var(--crs-theme-on-primary);
}

.icon-search-lineitem {
    float: right;
    position: relative;
    top: 5px;
}

.transfer-button {
    padding-left: 1em;
    position: relative;
    top: -1px;

}

.transfer-button-all {
    position: relative;
    top: -1px;
    display: none;

}

.uppercase {
    text-transform: uppercase;
}

.v_control_radio label {
    position: relative;
    top: 2px;
    padding-right: .5em;
}

#customTemplateDefault td.label-input {
    position: relative;
    top: 3px;
    width: 150px;
}

#customTemplateDefault div.service-display-label {
    float: left;
    width: 10.5em;
}

#customTemplateDefault div.service-display-block {
    float: left;
    width: 50px;
}

#customer_container .custom-combobox {
    padding-left: 0px;
}

.no-padding-bottom * {
    padding-bottom: 0 !important;
}

.no-padding-icon:before {
    padding-bottom: 0 !important;
}

.listrow1-find {
    background: rgba(246, 164, 44, 0.15) !important;
}

.planning_legend_color {
    border: 1px solid #dcdcdc;
    height: 11px;
    width: 11px;
    margin: 4px;
    padding: 1px;
    position: relative;
    border-radius: 1px;
}

.planning_legend_label {
    padding: 0 1em 0 0.5em;
}

.large_amount {
    width: 80px;
    max-width: 80px;
}

.icon-attachment:before {
    content: "\e607";
}

.input-highlight {
    border: 1px solid var(--crs-theme-on-secondary) !important;
}

.input-highlight {
    border: 1px solid var(--crs-theme-on-secondary) !important;
}

.icon-attachment-selected:before {
    content: "\e607";
    color: var(--crs-theme-secondary-color);
}

.overflow-visible {
    overflow: visible !important;
}

.mandatory_caracs_ko {
    color: red;
}

.icon-attachment-enabled:before {
    content: "\e607";
    color: var(--crs-theme-on-primary);
}

.icon-attachment-disabled:before {
    content: "\e607";
    color: silver;
}

.icon-forwardall:before {
    content: "\e638";
}

.icon-forwardall-enabled:before {
    content: "\e638";
    color: var(--crs-theme-on-primary);
}

.icon-forwardall-selected:before {
    content: "\e638";
    color: var(--crs-theme-secondary-color);
}

.code_presta_fac_lineaire {
    padding-left: 0 !important;
}

.specific_presta_fac_lineaire {
    padding-left: 0 !important;
    width: 576px !important;
    max-width: 576px !important;
    text-align: left !important;
}

.currency_fac_lineaire {
    padding-left: 17px !important;
}

.facturation_lineaire_row input.upper:first-child {
    width: 80px;
    max-width: 80px;
}

#planning_table tbody > tr > td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

#table_headers_planning td, #table_headers_planning tr {
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}

#table_headers_planning thead {
    border-bottom: none;
}

#table_headers_planning {
    width: calc(100% - 395px);
    display: block;
    overflow: hidden;
    float: right;
    position: relative;
    left: -20px;
}

#table_headers_planning .titlerow {
    text-align: center !important;
}

#table_headers_planning tr.headerRow:last-child {
    border-bottom: var(--crs-theme-secondary-color) 1px solid;
}

.legend_number {
    padding-left: 1em;
    color: var(--crs-theme-secondary-color);
    font-size: inherit;
}

.periode-date {
    padding: 0 !important;
}

.padding-list {
    padding-bottom: 1em;
}

.unordered-list {
    list-style: circle;
    list-style-position: inside;
}

.action-onclick {
    font-family: "Roboto Medium" !important;
    color: var(--crs-theme-on-primary) !important;
    cursor: pointer;
}

.container-housekeeper-actions {
    align-items: center;
    display: flex;
    background-color: #e0e0e0;
    height: 100%;
}

.cart-action-with-bg {
    color: inherit !important;
    cursor: pointer;
    font-family: "Roboto Medium" !important;
    text-decoration: underline;
}

.icon-info-important:before {
    color: var(--crs-theme-on-secondary) !important;
    cursor: help;
}

.housekeeper-action {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    overflow: hidden;
}

.hide-divbutton {
    display: none;
}

.label-italic {
    font-style: italic;
}

.separation-border-right {
    border-right: #e0e0e0 thin solid;
}

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

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

.dialog .subtitle {
    font-size: 13px;
    font-family: Roboto medium;
    color: var(--crs-theme-primary-color-bg);
    padding: 0 0 1em 3em;
}

.housekeeper-action a {
    font-family: Roboto medium;
}

.home-alert {
    text-align: center;
    font-size: 18px;
    color: rgb(246, 164, 44);
}

/*#doc_templates{*/
/*height:500px !important;*/
/*}*/

.flex-container-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    align-items: center;
}

.flex-left {
    display: flex;
    justify-self: start;
    padding-left: 1em;
}

.flex-center {
    display: flex;
    justify-self: center;
}

.flex-right {
    justify-self: end;
    display: flex;
}

.listtable thead {
    overflow: hidden;
    min-height: 48px;
    max-height: 48px;
}

.listtable_meal_exceptions tr:not(:first-child) > td {
    border-top: #e0e0e0 thin solid;
}

.scrollpanefooter {
    min-height: 48px;
    position: relative;
}

#global_layer_navrow_2 {
    border-top: #e0e0e0 1px solid;
}

/*#res-read-only {*/
/*display: grid;*/
/*height: 100%;*/
/*grid-template-rows: auto;*/
/*grid-template-columns: auto 1fr;*/
/*grid-template-areas: "bandeau resa-content";*/
/*position: relative;*/
/*}*/

#resa-grid {
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: auto 1fr;
    grid-template-areas:    "header-bandeau tabs"
                            "bandeau resa-content"
                            "footer-resa footer-resa";
}

#resa-grid.resa-master-grid {
    grid-template-areas:    "header-bandeau tabs"
                            "resa-content resa-content"
                            "footer-resa footer-resa";
}

#resa-grid.read-only {
    display: grid;
    height: 100%;
    grid-template-rows: auto auto 1fr auto;
    grid-template-columns: auto 1fr;
    grid-template-areas:    "read-only-message read-only-message"
                            "header-bandeau tabs"
                            "bandeau resa-content"
                            "footer-resa footer-resa";
}

#resa-grid.stepper-grid {
    grid-template:  "tabs bandeau"
                    "resa-content bandeau"
                    "footer-resa footer-resa";
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr auto;
}

#footer-resa{
    grid-area: footer-resa;
}

.reservation-read-only-message{
    grid-area: read-only-message;
}

.resalys-banner {
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:.5em;
    border-bottom: #e0e0e0 1px solid;
    font-size: 1.5em;
}

/*.header-bandeau-resa {*/
/*    grid-area: bandeau / tabs / bandeau / resa-content;*/
/*    position: sticky;*/
/*}*/

.steppers-resa {
    grid-area: steppers;
}

.content-resa {
    grid-area: resa-content;
    transition: all 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.tabs-resa {
    position: relative;
    grid-area: tabs;
    transition: all 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.header-bandeau-resa {
    grid-area: header-bandeau;
    max-width: 450px;
}

.bandeau-resa {
    grid-area: bandeau;
    max-width: 450px;
}

.scrollpane-panel .dialog {
    padding: 16px 32px;
}

.button_walkin_conv_title {
    display: inline-block;
    padding-left: 1em;
}

.button_walkin_conv_title a:before, .button_walkin_conv_title a:hover:before {
    color: white;
    cursor: help;
}

.grid-container {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.dialog.grid-container {
    height: calc(100% - 32px);
    width: calc(100% - 32px);
}

#line_items_table thead, #annex_items_table thead {
    min-height: 76px;
}


input:not(.spinner):not(.form-control):not(.btn):not(*[id^="react-select"]):not(#search-planning):not(#filter-planning):not(.MuiInput-input):not(.MuiFilledInput-input):not(.MuiOutlinedInput-input):not(.MuiAutocomplete-input):not(.range-picker-outlined *):not(.NumberField *) {
    background-color: hsl(0, 0%, 100%);
    border-color: hsl(0, 0%, 80%);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    height: 25px;
    padding: 8px !important;
}

.range-picker-outlined .DateRangePickerInput__withBorder{
    border-radius: 4px;
    border: 1px solid var(--crs-theme-outline-color);
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.range-picker-outlined .DateRangePickerInput__withBorder:focus {
    border-color: var(--crs-theme-on-primary);
    outline: none;
}

.range-picker-outlined .DateInput_input {
    height: 38px; /* même hauteur que MUI size="small" */
    font-size: 0.875rem; /* 14px, taille par défaut MUI small */
    padding: 8.5px 14px;
    width:110px;
}

.range-picker-outlined  .DateInput{
    width:110px;
}

.range-picker-outlined .DateRangePickerInput_arrow {
    position: relative;
    left: -0.4em;
    padding: 0;
}

input:not(.spinner):not(.form-control):not(.btn):not(*[id^="react-select"]):not(#search-planning):not(#filter-planning):not(.MuiInput-input):not(.MuiFilledInput-input):not(.MuiOutlinedInput-input):not(.MuiAutocomplete-input):not(.NumberField *):focus {
    border-color: var(--crs-theme-on-primary);
    border-width: 1px;
}

textarea:focus{
    border-color: var(--crs-theme-on-primary);
    border-width: 1px;
    outline:none;
}

div:not(.spinner):not(.form-control):not(.btn):not(*[id^="react-select"]):not(#search-planning):not(#filter-planning):not(.MuiInput-input):not(.MuiFilledInput-input):not(.MuiOutlinedInput-input):not(.MuiAutocomplete-input)#quick_search_input
> div.quick-search-input-base > input{
    background-color: initial !important;
    height: 1.1876em !important;
    border: 0 !important;
    padding: 8px 8px 8px calc(1em + 32px) !important;
    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color:white;
}

/*.MuiInputBase-input {*/
/*    padding:5px 4px 0px 0px*/
/*}*/


input:not(.spinner):not(.form-control):not(.btn):disabled {
    background-color: hsl(0, 0%, 95%) !important;
}

.MuiInputBase-root:not(.MuiFilledInput-root):not(.MuiOutlinedInput-root) {
    height: 32px;
}

.control_date_react input {
    background-color: hsl(0, 0%, 100%);
    border-color: hsl(0, 0%, 80%);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    height: 25px;
    padding: 8px !important;
}

.control_date_react .MuiOutlinedInput-adornedEnd {
    padding-right: 0;
}

.control_date_react .MuiOutlinedInput-notchedOutline {
    border: none;
}

.control_select_react {
    display: inline-flex;
}

.display_inline_flex {
    display: inline-flex;
}

.align_items_baseline {
    align-items: baseline;
}

/** GRID conatainer pour remplacer la table des champs**/
.input-list-grid-container {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-row-gap: .75em;
    grid-column-gap: 1.5em;
    padding-left: 1.75em;
    padding-top: .5em;
}

.form-container {
    display: grid;
    grid-template-columns: 300px max-content;
    align-items: center;
    grid-row-gap: .75em;
    grid-column-gap: 1.5em;
    padding-left: 1.75em;
    padding-top: .5em;
}

.form-container-no-padding {
    display: grid;
    grid-template-columns: 300px max-content max-content;
    align-items: center;
    grid-row-gap: .75em;
    grid-column-gap: 1.5em;
}

.input-list-grid-item {
    padding: 1em;
}

.input-list-grid-item-bold {
    font-weight: bold;
}

#products-grid, #stays-grid,#advance-bills-grid {
    display: grid;
    grid-template-rows: 1fr;
    height: calc(100% - 32px);
    grid-gap: 1em;
    position: relative;
    overflow: hidden;
}

.checkin-dialogs-flex {
    display: inline-flex;
    flex-direction: column;
    height: calc(100% - 32px);
    width: -webkit-fill-available ;
    position: relative;
    padding: 16px;
    overflow: auto;
}

.checkin-dialogs-payment-summary {
    display: flex;
}

.checkin-checkout-input-list-grid-container {
    align-items: normal;
    display: grid;
    grid-template-columns: max-content max-content;
    grid-row-gap: .75em;
    margin-bottom: .25em;
    grid-column-gap: 1.5em;
    padding-left: 1.75em;
    padding-top: .5em;
    margin-right: 2em;
}

.checkin-money-input-grid-input-item {
    text-align: right;
}

.generic-icon-plus,
.generic-icon-plus-disabled{
    margin-left: 0px !important;
}


.generic-input-list-grid-container {
    align-items: center;
    display: grid;
    grid-template-columns: max-content max-content;
    grid-row-gap: .75em;
    margin-bottom: .25em;
    grid-column-gap: 1.5em;
    padding-left: 1.75em;
    padding-top: .5em;
    margin-right: 2em;
}


.generic-tpv-input-list-mapping-grid-container, .generic-tpv-input-product, .generic-tpv-input-room-product, .generic-tpv-input-payment {
    align-items: normal;
    display: grid;
    grid-template-columns: max-content max-content;
    grid-row-gap: .75em;
    margin-bottom: .25em;
    grid-column-gap: 1.5em;
    padding-left: 1.75em;
    padding-top: .5em;
    margin-right: 2em;
}

.generic-tpv-input-product {
    grid-template-columns: max-content max-content max-content max-content max-content;
}


.generic-tpv-input-room-product {
    grid-template-columns: max-content max-content max-content max-content;
}


.generic-tpv-input-payment {
    grid-template-columns: max-content max-content max-content max-content;
}


#payments-grid, #docworkflow-grid, #invoices-grid {
    display: grid;
    grid-template-rows: 1fr;
    height: calc(100% - 32px);
    grid-gap: 1em;
    position: relative;
    overflow: hidden;
}

.flex-column-cards-resa {
    display: flex;
    flex-direction: column;
    height: calc(100% - 32px);
    position: relative;
}

#group_pax_global .designed-button-container {
    margin: 1em 0;
}

.form-table-middle-align td {
    vertical-align: middle;
}

#table_customoutputhtmlprinterinputlistparamassign_rooms > tbody > tr > td:nth-child(2),
#table_customoutputhtmlprinterinputlistparamblock_rooms > tbody > tr > td.content_select_box {
    overflow: visible;
}


.fill-available-width {
    width: fill-available !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
}

.fill-available-height {
    height: fill-available !important;
    height: -webkit-fill-available !important;
    height: -moz-available !important;
}

.fill-available {
    width: fill-available !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
}

#table_customoutputhtmlprinterinputlistparamassign_rooms > thead,
#table_customoutputhtmlprinterinputlistparamblock_rooms > thead {
    max-height: 48px;
}

.react-select__loading-indicator span {
    width: 0.5em;
    height: 0.5em;
    margin-left: 0.5em;
}

.dialog-grid-container {
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 1.5em;
}

.observations-text-area {
    min-height: 8em !important;
    margin-top: .75em !important;
    margin-bottom: .5em !important;
}

#payments-grid, #docworkflow-grid,#deposists-grid {
    display: grid;
    grid-template-rows: 1fr;
    height: calc(100% - 32px);
    grid-gap: 1em;
    position: relative;
    overflow: hidden;
}

.observation-legend {
    color: black;
    font-size: 16px;
    white-space: nowrap;
}

.lineitem_edit_days_container {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.lineitem_edit_products {
    display: flex;
    align-items: center;
}

.lineitem_edit_products > *:not(:last-child) {
    margin-right: 1em;
}

.compound-container {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-row-gap: .75em;
    grid-column-gap: .25em;
    padding-left: 1.75em;
    padding-top: .5em;
}

.ferry-manual-price-container {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-column-gap: .25em;
}

.modal-grid-without-header {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    height: 100%;
}

.modal-grid {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    height: 100%;
}

.main-modal {
    position: relative;
}

.main-modal-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.footer-modal {
    display: flex;
    justify-content: space-between;
    padding: 1em 10em;
}

.footer-center {
    display: flex
}

.ReactModal__Content {
    opacity: 0;
}

.ReactModal__Content--after-open {
    opacity: 1;
    /* transition: opacity 300ms;*/
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.ReactModal__Content--before-close {
    opacity: 0;
}

.ReactReservationFilesRow-container {
    display: grid;
    grid-template-columns: max-content max-content max-content;
    align-items: center;
    grid-column-gap: 6em;
    grid-row-gap: 1em;
    padding-left: 1.75em;
    padding-top: .5em;
}

.ReactReservationFilesHeader-container {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-column-gap: 3.25em;
    padding-left: 1.75em;
    padding-bottom: 0.75em;
    border-bottom: #F39200 1px solid;
}

.ReactReservationFilesHeader-title {
    color: rgb(117, 117, 117);
    font-family: Roboto medium;
    font-size: 12px;
}

.react-spinner {
    height: 34px;
    padding-left: 8px;
    background-color: hsl(0, 0%, 100%);
    border-radius: 4px !important;
    border: 1px solid hsl(0, 0%, 80%) !important;
    width: 7em;
    color: #757575 !important;
}

.react-numeric-input b {
    background: none !important;
    border: none !important;
}

.react-spinner:not(.react-spinner-disabled) ~ b i {
    background: #00ADB3 !important;
}

/*+ du react spinner*/
.react-numeric-input b:nth-child(2) {
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/*- du react spinner*/
.react-numeric-input b:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.dialog-title-react {
    color: black;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer;
    padding-right: 1em;
}

.dialog-title-react-small {
    font-size: 13px;
    color: #757575;
    font-family: Roboto medium;
}

.checkbox-rect-root {
    color: #00adb3;
    padding: 0;
    border-color: #757575;
    border-radius: 1px;
    display: inline-flex;
    transition: none;
    align-items: center;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
}

.checkbox-react svg {
    transform: scale(0.9);
}

.react-select__menu {
    animation: explode 187ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, fadeReactMenu 281ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

@-webkit-keyframes fadeReactMenu {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes explode {
    from {
        transform: scale(0.8);
    }
    to {
        transform: scale(1);
    }
}

#stay-details-sidepane {
    overflow: auto;
    max-height: 300px;
}

/**  STYLE CHECKBOX JQUERY POUR RESSEMBLER AU CHECKBOX REACT ***/
.jquery-checkbox-style-tmp {
    padding: 0;
    border-color: #757575c7;
    color: #757575c7;
    border-radius: 1px;
    display: inline-flex;
    transition: none;
    align-items: center;
    flex: 0 0 auto;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    border: 0;
    margin: 0;
    cursor: pointer;
    outline: none;
    position: relative;
    user-select: none;
    vertical-align: middle;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.jquery-checkbox-svg-wrapper-style-tmp {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
    color: inherit;
    font-size: inherit;
}

.jquery-checkbox-svg-tmp {
    font-size: 20px;
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
    color: inherit;
    overflow: hidden;
}

#resa_type_label {
    vertical-align: top;
    position: relative;
    top: 3px;
}

.grid-table {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-row-gap: .75em;
    grid-column-gap: 1.5em;
}

.jquery-checkbox-style-tmp-checked {
    color: #00adb3;
}

.jquery-checkbox-style-tmp-disabled {
    color: #e0e0e0;
}

.listtable thead .header-group {
    min-height: 70px;
}

.override-grid-template-rows-popup-sortbar {
    grid-template-rows: 1fr auto !important;
}

.side-to-side-view {
    padding-left: 3em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
}

.dialogs-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    margin: 2em;
}

.criterias-police-compare-input .dialogs {
    border-spacing: 0px !important;
}

.criterias-police-compare-input .dialog {
    box-shadow: 0px 0px 0px 0px !important;
    padding: 0px !important;
    border-radius: 0px !important;
}

.PartnerInputlink__input-list-grid-container {
    align-items: normal;
    display: grid;
    grid-template-columns: max-content max-content;
    grid-row-gap: .75em;
    margin-bottom: .25em;
    grid-column-gap: 1.5em;
    padding-left: 1.75em;
    padding-top: .5em;
}

.PartnerInputlink__input-list-grid-container.PartnerInputlink__timeout-dialog-container {
    grid-template-columns: max-content max-content max-content;
    grid-column-gap: 2em;
    grid-row-gap: 0.75em;
}

.PartnerInputlink__fixed-checkbox-layer-container {
. PartnerInputlink__input-list-grid-container;
    grid-template-columns: 26em max-content;
}

.dialogs-flex {
    display: flex;
    flex-direction: column;
    height: calc(100% - 32px);
    position: relative;
    padding: 16px;
    overflow: auto;
}

.dialogs-flex .dialog {
    margin-bottom: 1em;
}

#dt_last_sent_time + .ui-datepicker-trigger {
    display: none;
}

.bankTransferPopupContainter {
    display: flex;
    justify-content: center;
}

.bankTransferPopupGridWrapperClass {
    flex: 1;
    display: grid;
    grid-gap: 10px;
    align-items: center;
}

.bankTransferPopupGridBoxClass {
    margin: 0 auto;
}

.table-grid {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    grid-row-gap: .75em;
    grid-column-gap: 1.5em;
}

.badges_encoder_products_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.badges_encoder_products_item {
    display: flex;
    padding: 0.3em;
}

.badges_encoder_stay_legend_container {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    padding-top: 0.7em;
    grid-row-gap: 0.5em;
    grid-column-gap: 1em;
    align-items: center;
}

.badges_encoder_stay_legend_item1 {
    grid-column: 1/3;
    grid-row: 1;
}

.badges_encoder_stay_legend_item2 {
    grid-column: 1;
    grid-row: 2;
}

.badges_encoder_stay_legend_item3 {
    grid-column: 2;
    grid-row: 2;
}

.badges_encoder_stay_legend_item4 {
    grid-column: 1;
    grid-row: 3;
}

.badges_encoder_stay_legend_item5 {
    grid-column: 2;
    grid-row: 3;
}

textarea::placeholder {
    color: #bdbdbd;
    justify-content: end;
}

.bandeau-resa .scrollpane {
    overflow: visible !important;
}

.tooltip-html-md * {
    color: white;
}

#qtp_sync {
    height: 18px !important;
}

.block_relative {
    position: relative;
}

.payments_grid_all_closed {
    display: grid;
    grid-template-rows: min-content min-content min-content;
    overflow: hidden;
}

.products_grid_all_closed {
    display: grid;
    grid-template-rows: min-content 1fr;
    overflow: hidden;
}

.products_grid_stay_open {
    display: grid;
    grid-template-rows: 1fr min-content;
    overflow: hidden;
}

.products_grid_annex_open {
    display: grid;
    grid-template-rows: min-content 1fr;
    overflow: hidden;
}

.payments_grid_stay_open {
    display: grid;
    grid-template-rows: min-content 1fr min-content min-content;
    overflow: hidden;
}

.payments_grid_annex_open {
    display: grid;
    grid-template-rows: min-content min-content 1fr min-content;
    overflow: hidden;
}

.payments_grid_refund_open {
    display: grid;
    grid-template-rows: min-content min-content  min-content 1fr;
    overflow: hidden;
}

.payments_grid_stay_and_annex_open {
    display: grid;
    grid-template-rows: min-content 1fr 1fr min-content;
    overflow: hidden;
}

.payments_grid_stay_and_refund_open {
    display: grid;
    grid-template-rows: min-content 1fr min-content 1fr ;
    overflow: hidden;
}

.payments_grid_annex_and_refund_open {
    display: grid;
    grid-template-rows: min-content min-content 1fr 1fr ;
    overflow: hidden;
}


.payments_grid_stay_and_annex_and_refund_open {
    display: grid;
    grid-template-rows: min-content 1fr 1fr 1fr;
    overflow: hidden;
}



.container-stays,.deposits-container,#advance_bill_list {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
}


#div_link_indiv_partner_dialog {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#AAMD_select .react-select__input > input {
    box-sizing: content-box;
    background: 0px center;
    border: 0px;
    font-size: inherit;
    opacity: 1;
    outline: 0px;
    padding: 0px;
    color: inherit;
}

#table_headers_planning.listtable thead {
    overflow: visible;
}

.transfer_grid,.board {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    animation: fade-in 0.25s ease-in 0s forwards;
}

.fade-out {
    animation: fade-out 0.25s ease-out 0s forwards;
}

.list_bills,.draggable_column {
    display: flex;
    flex-direction: column;
    min-width: 23rem;
    width: 23rem;
}

.lineitem_container,.draggable_item_container {
    padding: 0 1em 1em 1em;
    outline-color: white !important;
    position: relative;
}

.wrapper_drag_sortable * {
    outline: none !important;
}

.selection_count {
    right: 8px;
    top: -8px;
    position: absolute;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-color: #00adb3;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    font-size: 12px;
    color: white;
    border: 2px solid white;
    box-shadow: 0 0 0 3px #FFB74D;
}

.inner_bill_container > *,.column_container > * {
    outline: none !important;
}

.inner_bill_container_empty,.column_container_empty {
    max-height: 250px;
}

.lineitem_item,.draggable_item {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    /*box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;*/
    background: white;
    padding: 1em;
    display: flex;
    flex-direction: column;
}

.lineitem_disabled {
    padding: 1em;
    display: flex;
    flex-direction: column;
    background: #E0E0E0;
}

.lineitem_selected *, .lineitem_drag *, .lineitem_item *, .lineitem_ghosted *, .lineitem_disabled *,
.sortableitem_selected *, .sortableitem_drag *, .sortableitem_ghosted *, .sortable_item_container *,
.draggable_item_drag *,.draggable_item_ghosted *,.draggable_item_selected *,.draggable_item *{
    user-select: none;
}

@keyframes selectable-item-color {
    from {background-color: white;}
    to {background-color: #fff3e0;}
}

.selectable-item-selected {
    animation: selectable-item-color 150ms ease-in-out;
}

.selectable-item *{
    user-select: none;
}

.lineitem_item_created {
    animation: bandeau-animation-in .6s forwards;
}

.empty_droppable_zone {
    border: 4px #9e9e9e dashed;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
}

.lineitem_drag,.draggable_item_drag {
    padding: 1em;
    display: flex;
    flex-direction: column;
    background-color: #b9f6ca;
    /*box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.15), 0px 24px 38px 3px rgba(0,0,0,0.10), 0px 9px 46px 8px rgba(0,0,0,0.09);*/
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);

}

.lineitem_selected,.draggable_item_selected {
    padding: 1em;
    display: flex;
    flex-direction: column;
    background-color: #fff3e0;
    /*box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;*/
    /*//box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.15), 0px 24px 38px 3px rgba(0,0,0,0.10), 0px 9px 46px 8px rgba(0,0,0,0.09);*/
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.lineitem_ghosted,.draggable_item_ghosted {
    padding: 1em;
    display: flex;
    flex-direction: column;
    background-color: #fff3e0;
    /*box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;*/
    /*box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.15), 0px 24px 38px 3px rgba(0,0,0,0.10), 0px 9px 46px 8px rgba(0,0,0,0.09);*/
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
    opacity: 0.8;
}

.lineitem_item_base,.draggable_item_base {
    transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
}

.dialog.list_lineitems_drag,.dialog.list_items_drag {
    background-color: #b9f6ca;
}

.list_bills_drop_drag_over {
    background-color: #fff3e0;
}

.list_bills_drop_drag_from {
    background-color: aliceblue;
}

.wrapper_drag {
    transition: background-color 0.2s ease, opacity 0.1s ease;
}

.wrapper_drag_sortable {
    border: 1px solid #e0e0e0;
    overflow: auto;
    height: inherit;
}

.sortableitem_disabled {
    background-color: #E0E0E0;
}

.sortableitem_drag {
    background-color: #b9f6ca;
    /*box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.15), 0px 24px 38px 3px rgba(0,0,0,0.10), 0px 9px 46px 8px rgba(0,0,0,0.09);*/
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);

}

.sortableitem_selected {
    background-color: #fff3e0;
    /*box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;*/
    /*//box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.15), 0px 24px 38px 3px rgba(0,0,0,0.10), 0px 9px 46px 8px rgba(0,0,0,0.09);*/
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.sortableitem_ghosted {
    background-color: #fff3e0;
    /*box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;*/
    /*box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.15), 0px 24px 38px 3px rgba(0,0,0,0.10), 0px 9px 46px 8px rgba(0,0,0,0.09);*/
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
    opacity: 0.8;
}

.sortable_item_container {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 1em;
    border-bottom: 1px solid #efefef;
    height: 36px;
    align-items: center;
    transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
}

.sortable_item_container > div {
    padding: 0 1em;
}

.sortable_header_container {
    display: grid;
    grid-auto-flow: column;
    height: 36px;
    align-items: center;
    border: 1px solid #efefef;
}

.sortable_header_container > div {
    font-family: Roboto medium;
    font-size: 14px;
    padding: 0 1em;
    user-select: none;
}

.payer_name,.column_header {
    padding: 0 0 0 1px !important;
    user-select: none;
}

#update_on_request_mode_id td {
    overflow: visible;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.customer_lookup_container {
    display: flex;
    align-items: center;
}

.other_button {
    position: absolute;
    left: 1em;
}

.chart-edition-link {
    color: var(--crs-theme-on-primary);
    cursor: pointer;
    font-size: 0.7em;
}

#manual_proposals {
    height: 100%;
}

.MuiInputBase-input:not(.MuiFilledInput-input):not(.MuiOutlinedInput-input),
.control_date_react .MuiOutlinedInput-input {
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-family: Roboto regular !important;
}

.MuiOutlinedInput-input::placeholder {
    font-size: 11px !important;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--crs-theme-on-primary) !important;
}

/*span.MuiButton-label{*/
/*color: var(--crs-theme-on-primary);*/

/*}*/

.MuiPickersDay-daySelected span.MuiIconButton-label {
    color: white;
}

.MuiDialog-root {
    z-index: 1 !important;
}

.control_date_react .MuiOutlinedInput-notchedOutline > legend {
    display: none;
}

.MuiIconButton-label *:not(.MuiAvatar-root),.MuiRadio-root * {
    color: inherit !important;
}

.MuiButtonBase-root.MuiButton-root:not(.MuiPickersToolbarButton-toolbarBtn) {
    padding: 4px 9px;
    font-family: Roboto medium;
    border-radius: 2px;
}

/*.ReactVirtualized__Grid{*/
/*border-bottom:none !important;*/
/*}*/

.ReactVirtualized__Grid:focus {
    outline: none;
}

.control_text_large {
    width: 300px;
}

.control_text_very_large {
    width: 600px;
}

#primary_occupant_customer_code_layer {
    color: black;
}

.small_text_field {
    width: 6em;
    max-width: 6em;
}

#indiv_customer_container_search_link:before,
#customer_container_search_link:before,
#indiv_customer_container_create_link:before,
#customer_container_create_link:before,
#text_link_indiv_customer_button_customer_code_eye_text_link:before,
#text_link_indiv_customer_fidelity_text_link:before,
#text_link_customer_fidelity_partner_text_link:before,
#text_link_customer_text_link:before {
    padding-bottom: 0;
}

b {
    font-weight: normal;
    font-family: Roboto medium;
}

.bill-client {
    padding: 0 1em 0 0;
}

table.contact_details td {
    padding: .75em 4px 0 4px;
}

td.stays-occupant-side-information {
    text-align: center;
    width: 10em;
}

.expand-row.canceled-stay > td, .expand-row.canceled-stay {
    background-color: #cccccc;
}

/*RangePicker*/

.PresetDateRangePicker_panel {
    padding: 0 22px 11px
}

.PresetDateRangePicker_button {
    position: relative;
    height: 100%;
    text-align: center;
    background: 0 0;
    border: 2px solid #00a699;
    color: #00a699;
    padding: 4px 12px;
    margin-right: 8px;
    font: inherit;
    font-weight: 700;
    line-height: normal;
    overflow: visible;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.PresetDateRangePicker_button:active {
    outline: 0
}

.PresetDateRangePicker_button__selected {
    color: #fff;
    background: #00a699
}

.SingleDatePickerInput {
    display: inline-block;
    background-color: #fff
}

.SingleDatePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.SingleDatePickerInput__rtl {
    direction: rtl
}

.SingleDatePickerInput__disabled {
    background-color: #f2f2f2
}

.SingleDatePickerInput__block {
    display: block
}

.SingleDatePickerInput__showClearDate {
    padding-right: 30px
}

.SingleDatePickerInput_clearDate {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.SingleDatePickerInput_clearDate__small {
    padding: 6px
}

.SingleDatePickerInput_clearDate__hide {
    visibility: hidden
}

.SingleDatePickerInput_clearDate_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.SingleDatePickerInput_clearDate_svg__small {
    height: 9px
}

.SingleDatePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.SingleDatePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.SingleDatePicker {
    position: relative;
    display: inline-block
}

.SingleDatePicker__block {
    display: block
}

.SingleDatePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.SingleDatePicker_picker__rtl {
    direction: rtl
}

.SingleDatePicker_picker__directionLeft {
    left: 0
}

.SingleDatePicker_picker__directionRight {
    right: 0
}

.SingleDatePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.SingleDatePicker_picker__fullScreenPortal {
    background-color: #fff
}

.SingleDatePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
    color: darken(#cacccd, 10%);
    text-decoration: none
}

.SingleDatePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_buttonReset {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_buttonReset:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_show {
    width: 33px;
    height: 26px;
    position: absolute;
    z-index: 2
}

.DayPickerKeyboardShortcuts_show::before {
    content: "";
    display: block;
    position: absolute
}

.DayPickerKeyboardShortcuts_show__bottomRight {
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699;
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topRight {
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight::before {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topLeft {
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
    border-left: 33px solid #008489
}

.DayPickerKeyboardShortcuts_showSpan {
    color: #fff;
    position: absolute
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
    bottom: 0;
    right: 5px
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
    top: 1px;
    right: 5px
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
    top: 1px;
    left: 5px
}

.DayPickerKeyboardShortcuts_panel {
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 22px;
    margin: 33px;
    text-align: left
}

.DayPickerKeyboardShortcuts_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.DayPickerKeyboardShortcuts_list {
    list-style: none;
    padding: 0;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
}

.DayPickerKeyboardShortcuts_close:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_closeSvg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a
}

.CalendarDay {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: center
}

.CalendarDay:active {
    outline: 0
}

.CalendarDay__defaultCursor {
    cursor: default
}

.CalendarDay__default {
    border: 1px solid #e4e7e7;
    color: #484848;
    background: #fff
}

.CalendarDay__default:hover {
    background: #e4e7e7;
    border: 1px solid #e4e7e7;
    color: inherit
}

.CalendarDay__hovered_offset {
    background: #f4f5f5;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__outside {
    border: 0;
    background: #fff;
    color: #484848
}

.CalendarDay__outside:hover {
    border: 0
}

.CalendarDay__blocked_minimum_nights {
    background: #fff;
    border: 1px solid #eceeee;
    color: #cacccd
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd
}

.CalendarDay__highlighted_calendar {
    background: #ffe8bc;
    color: #484848
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #484848
}

.CalendarDay__selected_span {
    background: #66e2da;
    border: 1px double #33dacd;
    color: #fff
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
    background: #33dacd;
    border: 1px double #33dacd;
    color: #fff
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
    background: #00a699;
    border: 1px double #00a699;
    color: #fff
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
    background: #b2f1ec;
    border: 1px double #80e8e0;
    color: #007a87
}

.CalendarDay__hovered_span:active {
    background: #80e8e0;
    border: 1px double #80e8e0;
    color: #007a87
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
    background: #cacccd;
    border: 1px solid #cacccd;
    color: #82888a
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #cacccd
}

.CalendarDay__hovered_start_first_possible_end {
    background: #eceeee;
    border: 1px double #eceeee
}

.CalendarDay__hovered_start_blocked_min_nights {
    background: #eceeee;
    border: 1px double #e4e7e7
}

.CalendarMonth {
    background: #fff;
    text-align: center;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.CalendarMonth_table {
    border-collapse: collapse;
    border-spacing: 0
}

.CalendarMonth_verticalSpacing {
    border-collapse: separate
}

.CalendarMonth_caption {
    color: #484848;
    font-size: 18px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 37px;
    caption-side: initial
}

.CalendarMonth_caption__verticalScrollable {
    padding-top: 12px;
    padding-bottom: 7px
}

.CalendarMonthGrid {
    background: #fff;
    text-align: left;
    z-index: 0
}

.CalendarMonthGrid__animating {
    z-index: 1
}

.CalendarMonthGrid__horizontal {
    position: absolute;
    left: 9px
}

.CalendarMonthGrid__vertical {
    margin: 0 auto
}

.CalendarMonthGrid__vertical_scrollable {
    margin: 0 auto;
    overflow-y: scroll
}

.CalendarMonthGrid_month__horizontal {
    display: inline-block;
    vertical-align: top;
    min-height: 100%
}

.CalendarMonthGrid_month__hideForAnimation {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.CalendarMonthGrid_month__hidden {
    visibility: hidden
}

.DayPickerNavigation {
    position: relative;
    z-index: 2
}

.DayPickerNavigation__horizontal {
    height: 0
}

.DayPickerNavigation__verticalDefault {
    position: absolute;
    width: 100%;
    height: 52px;
    bottom: 0;
    left: 0
}

.DayPickerNavigation__verticalScrollableDefault {
    position: relative
}

.DayPickerNavigation_button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0;
    margin: 0
}

.DayPickerNavigation_button__default {
    border: 1px solid #e4e7e7;
    background-color: #fff;
    color: #757575
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4
}

.DayPickerNavigation_button__default:active {
    background: #f2f2f2
}

.DayPickerNavigation_button__disabled {
    cursor: default;
    border: 1px solid #f2f2f2
}

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
    border: 1px solid #f2f2f2
}

.DayPickerNavigation_button__disabled:active {
    background: 0 0
}

.DayPickerNavigation_button__horizontalDefault {
    position: absolute;
    top: 18px;
    line-height: .78;
    border-radius: 3px;
    padding: 6px 9px
}

.DayPickerNavigation_leftButton__horizontalDefault {
    left: 22px
}

.DayPickerNavigation_rightButton__horizontalDefault {
    right: 22px
}

.DayPickerNavigation_button__verticalDefault {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    position: relative;
    display: inline-block;
    text-align: center;
    height: 100%;
    width: 50%
}

.DayPickerNavigation_nextButton__verticalDefault {
    border-left: 0
}

.DayPickerNavigation_nextButton__verticalScrollableDefault {
    width: 100%
}

.DayPickerNavigation_svg__horizontal {
    height: 19px;
    width: 19px;
    fill: #82888a;
    display: block
}

.DayPickerNavigation_svg__vertical {
    height: 42px;
    width: 42px;
    fill: #484848
}

.DayPickerNavigation_svg__disabled {
    fill: #f2f2f2
}

.DayPicker {
    background: #fff;
    position: relative;
    text-align: left
}

.DayPicker__horizontal {
    background: #fff
}

.DayPicker__verticalScrollable {
    height: 100%
}

.DayPicker__hidden {
    visibility: hidden
}

.DayPicker__withBorder {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .07);
    border-radius: 3px
}

.DayPicker_portal__horizontal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%
}

.DayPicker_portal__vertical {
    position: initial
}

.DayPicker_focusRegion {
    outline: 0
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
    display: inline-block;
    vertical-align: top
}

.DayPicker_weekHeaders {
    position: relative
}

.DayPicker_weekHeaders__horizontal {
    margin-left: 9px
}

.DayPicker_weekHeader {
    color: #757575;
    position: absolute;
    top: 62px;
    z-index: 2;
    text-align: left
}

.DayPicker_weekHeader__vertical {
    left: 50%
}

.DayPicker_weekHeader__verticalScrollable {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.DayPicker_weekHeader_ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px
}

.DayPicker_weekHeader_li {
    display: inline-block;
    text-align: center
}

.DayPicker_transitionContainer {
    position: relative;
    overflow: hidden;
    border-radius: 3px
}

.DayPicker_transitionContainer__horizontal {
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.DayPicker_transitionContainer__vertical {
    width: 100%
}

.DayPicker_transitionContainer__verticalScrollable {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll
}

.DateInput {
    margin: 0;
    padding: 0;
    background: inherit;
    position: relative;
    display: inline-block;
    width: 130px;
    vertical-align: middle
}

.DateInput__small {
    width: 97px
}

.DateInput__block {
    width: 100%
}

.DateInput__disabled {
    background: #f2f2f2;
    color: #dbdbdb
}

.DateInput_input {
    font-weight: 200;
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    background-color: #fff;
    width: 100%;
    padding: 11px 11px 9px;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    border-left: 0;
    border-radius: 0
}

.DateInput_input__small {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .2px;
    padding: 7px 7px 5px
}

.DateInput_input__regular {
    font-weight: auto
}

.DateInput_input__readOnly {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #008489;
    border-left: 0
}

.DateInput_input__disabled {
    background: #f2f2f2;
    font-style: italic
}

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

.DateInput_fang {
    position: absolute;
    width: 20px;
    height: 10px;
    left: 22px;
    z-index: 2
}

.DateInput_fangShape {
    fill: #fff
}

.DateInput_fangStroke {
    stroke: #dbdbdb;
    fill: transparent
}

.DateRangePickerInput {
    background-color: inherit;
    display: inline-block
}

.DateRangePickerInput__disabled {
    background: #f2f2f2
}

.DateRangePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.DateRangePickerInput__rtl {
    direction: rtl
}

.DateRangePickerInput__block {
    display: block
}

.DateRangePickerInput__showClearDates {
    padding-right: 30px
}

.DateRangePickerInput_arrow {
    display: inline-block;
    vertical-align: middle;
    color: #484848;
    padding: 0 .5em;
}

.DateRangePickerInput_arrow_svg {
    vertical-align: middle;
    fill: #484848;
    height: 24px;
    width: 24px
}

.DateRangePickerInput_clearDates {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.DateRangePickerInput_clearDates__small {
    padding: 6px
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.DateRangePickerInput_clearDates__hide {
    visibility: hidden
}

.DateRangePickerInput_clearDates_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.DateRangePickerInput_clearDates_svg__small {
    height: 9px
}

.DateRangePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 5px 0 10px
}

.DateRangePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.DateRangePicker {
    position: relative;
    display: inline-block
}

.DateRangePicker__block {
    display: block
}

.DateRangePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.DateRangePicker_picker__rtl {
    direction: rtl
}

.DateRangePicker_picker__directionLeft {
    left: 0
}

.DateRangePicker_picker__directionRight {
    right: 0
}

.DateRangePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.DateRangePicker_picker__fullScreenPortal {
    background-color: #fff
}

.DateRangePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
    color: darken(#cacccd, 10%);
    text-decoration: none
}

.DateRangePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DateInput_fang {
    top: 27px !important;
}

.DateRangePicker_picker {
    top: 37px !important;
}

/*Rangepicker*/

.component_resa {
    display: grid;
    position: relative;
    grid-template-rows: 1fr min-content;
    height: 100%;
}

input:required:not(.MuiOutlinedInput-input),.transfer_list_select:required {
    border: 1px solid red !important;
}


#reservation-read-only-message-container > .icon-warning-orange:before {
    font-size: 28px;
}

.new-listparam-row {
    animation: new-listparam-row-anim .3s linear;
}

@-webkit-keyframes new-listparam-row-anim {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

.delete-listparam-row {
    animation: delete-listparam-row-anim .3s linear forwards;
}

@-webkit-keyframes delete-listparam-row-anim {
    0% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0);
    }
}

.quota_information {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
    display: block;
    overflow: hidden;
}

#campaignTable td {
    padding-left: 10px;
}

#campaignTable td:first-child {
    white-space: pre-wrap;
    padding-right: 30px;
}

.absolute_chart_refresh {
    position: absolute;
    bottom: 5px;
    left: 0;
}

/********** PLANNING **********/

.HeaderBodyGridContainer .evenRow,
.HeaderBodyGridContainer .oddRow {
    display: grid;
    border-right: var(--dashed-color);
}

.BodyGridContainer .evenRow,
.BodyGridContainer .oddRow {
    text-align: center;
}

.BodyGridContainer .evenRow > span,
.BodyGridContainer .oddRow > span,
.LeftSideGridContainer .evenRow > span,
.LeftSideGridContainer .oddRow > span {
    display: flex;
    flex-direction: row;
    align-items: center;

}

.BodyGridContainer .evenRow,
.BodyGridContainer .oddRow,
.LeftSideGridContainer .evenRow,
.LeftSideGridContainer .oddRow {
    align-items: center;
    border-top: #e0e0e0 thin solid;
}

.BodyGridContainer .evenRow > span,
.BodyGridContainer .oddRow > span {
    justify-content: center;
}

.LeftSideGridContainer .evenRow > span,
.LeftSideGridContainer .oddRow > span {
    justify-content: left;
    white-space: nowrap;
    max-width: 500px;
}

.LeftSideGridContainer .full_height {
    height: 100%;
}

.BodyGridContainer .full_height {
    height: 100%;
}

/*.BodyGridContainer {*/
/*z-index: -2;*/
/*}*/

.LeftSideGrid {
    overflow: hidden !important;
}

.headerCell {
    display: grid;
    border-right: var(--dashed-color);
    text-align: center;
}

.headerCell .planning-week-end,
.evenRow .planning-week-end,
.oddRow .planning-week-end {
    border-right: var(--dashed-color);
}

.headerCell .planning-week-end:not(.header_cell_first_day_content) {
    z-index: -1 !important;
}

.HeaderGrid {
    overflow: hidden !important;
    background-color: white;
}

.HeaderGridContainer {
    border-bottom: var(--crs-theme-secondary-color) thin solid;
}

.LeftSideGridContainer {
    border-right: var(--dashed-color);
}

.ScrollSyncContainer .grouplistrow,
.ScrollSyncContainer .planning_total_row,
.ScrollSyncContainer .grouplistrowtype:not(.planning_total_row_cell),
.ScrollSyncContainer .grouplistrowtypeCell {
    background-color: rgb(244, 244, 244) !important;
    border-top: #F39200 thin solid !important;
}

.ScrollSyncContainer .selectedRow,
.ScrollSyncContainer .selectedColumn,
.selectedRow > .planning-week-end:empty,
.selectedColumn > .planning-week-end:empty,
.selectedColumn > .header_cell_first_day_content {
    background-color: rgba(246, 164, 44, 0.15) !important;
}

.selectedRow > .planning-week-end,
.selectedColumn > .planning-week-end {
    background-color: inherit;
}

.LeftSideGridContainer .evenRow > :not(.grouplistrowtype):not(.title),
.LeftSideGridContainer .oddRow > :not(.grouplistrowtype):not(.title) {
    padding-left: 2em;
}

.LeftSideGridContainer .informativCellTitle.planning-client-types {
    padding-left: 4em !important;
}

/********** PLANNING **********/

.icon-menu-react:before {
    content: "\e64f";
}

.icon-menu-react:before {
    font-family: "Kameleon";
    color: inherit;
}

.text-input {
    padding: 10px 10px 10px 5px;
    display: block;
    width: 300px;
    border: none;
    border-bottom: 1px solid #757575;
}

.text-input:focus {
    outline: none;
}

.input-bar {
    position: relative;
    display: block;
    width: 300px;
}

.input-bar:before, .input-bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: var(--crs-theme-on-primary);
    transition: 0.2s ease all;
}

.input-bar:before {
    left: 50%;
}

.input-bar:after {
    right: 50%;
}

/* active state */
.text-input:focus ~ .input-bar:before, .text-input:focus ~ .input-bar:after {
    width: 50%;
}

.input-list-grid-container.address-input-container-without-expandable-block {
    padding-left: 0;
}

.no-padding-icon:before, .no-padding-icon:after {
    padding: 0 !important;
}

.selected-row-tablet {
    background: #FFF3E0;
}

.selected-row-listparamReact > div > div:not(.do-not-highlight *),
.selected-row-listparamReact > div > div *:not(.do-not-highlight *),
.selected-row-listparamReact > div > div:not(.do-not-highlight *):before,
.selected-row-listparamReact > div > div *:not(.do-not-highlight *):before

{
    background: #FFF3E0 !important;
}

.no-padding-icon:before {
    padding: 0 !important;;
}

.icon-size-19:before {
    font-size: 19px !important;
}

#notistack-snackbar,.close_button_snackbar {
    color: white;
}

.small_cell {
    width: calc(100% - 8px);
    overflow: auto;
    overflow-wrap: break-word;
}

.icon-letters.force-black:before {
    color: black !important;
}

#tariff_multiple_select_available_filtered_id, #tariff_multiple_select_selected_filtered_id {
    width: 600px;
    max-width: 600px;
}

div.react_navigation {
    padding-right: 20px;
    float: right;
}

.lineitem_stay_sells {
    background-color: #e3f2fd;
}

div.react_navigation table{
    border-spacing:5px;
}

div.react_navigation td {
    padding:5px;
}

.icon-responsive:before{
    font-size: 4vh !important;
}

.icon-big:before{
    font-size: 1.5rem !important;
}

.icon-ultra-big:before{
    font-size: 2.5rem !important;
}

.icon-small:before{
    font-size: 0.75rem !important;
}

.lineitem_stay_sells{
    background-color: #e3f2fd;
}

.chips-container {
    display: flex;
    flex-wrap: wrap;
}

.chips-container > div {
    margin: .5em;
}

.amountClassOutlined{
    width:120px;
}

.user_media_photo{
    background-color: #00adb3 !important;
}

#cashbox_select{
    border: none !important;
    background-color: white !important;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-center-container {
    display: flex;
    align-items: center;
}

.flex-center-container-gap {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.flip-card {
    width: 100%;
    height: 100%;
    position: relative;
}

.flip-card-animation .flip-card-inner{
    transform: rotateY(180deg);
}

#unselect_all_wrapper.display_zero_line{
    padding-right: 0 !important;
}

#unselect_all_wrapper.display_zero_line > .checkbox-react{
    display: none !important;
}

.icon-resalys-menu{
    color:rgb(255, 255, 255);
}

.icon-resalys-menu:hover{
    color:rgba(255, 255, 255, 0.65);
}

.quick-search-input-base .MuiInputBase-input:focus {
    width: 23ch !important;
}
.quick-search-input-base .MuiInputBase-input {
    width: 17ch;
}

.button-etab-menu{
    max-width: 10vw;
}

@media (min-width: 1280px) {
    .button-etab-menu{
        max-width: 15vw;
    }
}

@media (min-width: 1400px) {
    .button-etab-menu{
        max-width: 20vw;
    }
}

@media (min-width: 1800px) {
    .button-etab-menu{
        max-width: 25vw;
    }
}

#pms-current-etab{
    height:40px;
}

.wiki-video-icon{
    color: #00ADB3;
    cursor:pointer;
}

.wiki-video-icon:hover{
    color: var(--crs-theme-primary-color-highlight);
}

@media (min-width: 1599px) {

    .resalys-menu-actions:before{
        color:white;
    }

    .wiki-video-icon{
        color: white;
    }

    .wiki-video-icon:hover{
        color: rgba(255, 255, 255, 0.65);
    }

    .resalys-menu-actions:hover:before{
        color:rgba(255, 255, 255, 0.65) !important;
    }

    .quick-search-input-base .MuiInputBase-input:focus {
        width: 33ch !important;
    }
    .quick-search-input-base .MuiInputBase-input {
        width: 27ch;
    }

    #quick_search_input {
        width: auto;
        margin-left: 8px;
    }
}

.row-search-menu{
    background-color: #B2DFDB;

}

.resalys-menu-actions-fixed:before{
    color:white;
}

.resalys-menu-actions-fixed:hover:before{
    color:rgba(255, 255, 255, 0.65) !important;
}

#actions_menus:hover  {
    fill: rgba(255, 255, 255, 0.65);
}

#actions_menus  {
    fill: rgba(255, 255, 255);
}

.table-with-space-between td{
    padding:.5em;
}

.customer_code_input{
    width: 115px;
    max-width: 115px;
}

.menu-icon-react,.menu-icon-react:before{
    color:white !important;

}

.menu-icon-react:before,.save-icon-react:before,.icon-react:before,.icon-react-disabled:before {
    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.icon-react-disabled:before{
    color: #bdbdbd;
}

.menu-icon-menu-infos:before {
    font-family: "Kameleon";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0px 5px 5px 0px;
}

.save-icon-react,.save-icon-react:before{
    color:white !important;
}

.react-icon-home:before{
    font-size: 24px;
    padding: 0;
}

.sub-menu-selected{
    background-color: #B2DFDB !important;
    cursor:hand;
}

.link-mega-menu{
    cursor:hand;
    color: rgba(0,0,0,0.87);
}
.link-mega-menu-disabled{
    cursor:default !important;
    color: rgba(0,0,0,0.87);
}

.link-mega-menu-hover:hover .menu-link-direct{
    color: var(--crs-theme-on-primary);
}

.link-mega-menu:hover{
    color: var(--crs-theme-on-primary);
}

.menu-link-big{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    display: block;
    margin: 0;
    max-width: 17ch;
    text-align: center;
    font-family: "Roboto medium";
}

.menu-link-big > span:hover{
    color: var(--crs-theme-on-primary);
}

#pms-current-etab_container{
    color:white;
}

#pms-current-etab{
    background-color: transparent !important;
    padding-top: 0;
    padding-bottom: 0;
}

.reservation_component_container{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.red-dot {
    color: #EF5350;
    background-color: #EF5350;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

.rotate-infinite-animation {
    -webkit-animation: rotation 2s infinite linear;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.flip-card {
    width: 100%;
    height: 100%;
    position: relative;
}

.flip-card-animation .flip-card-inner{
    transform: rotateY(180deg);
}
.access-areas {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content;
    align-items: center;
    row-gap: .75em;
    column-gap: 1.75em;
    padding-left: 1.75em;
    padding-top: 3em;
    grid-auto-rows: max-content;
}

#unselect_all_wrapper.display_zero_line{
    padding-right: 0 !important;
}

#unselect_all_wrapper.display_zero_line > .checkbox-react{
    display: none !important;
}

#users_feedback_button:hover  {
    fill: rgba(255, 255, 255, 0.65);
}

#users_feedback_button  {
    fill: rgba(255, 255, 255);
}

.table-with-space-between td{
    padding:.5em;
}

.MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible {
    background-color: var(--crs-theme-on-primary) !important;
    opacity: 90%;
}

.MuiPaginationItem-textPrimary.Mui-selected {
    background-color: var(--crs-theme-on-primary) !important;
    color: #ffffff !important;
}

.MuiPaginationItem-root {
    color: var(--crs-theme-primary-color-bg) !important;
}

.gridBottomLeft::-webkit-scrollbar, .gridTopRight::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 0;
     height: 0;
}

.icon-calendar-type:before{
    content: "\eabd";
}

.icon-calendar-room-number:before{
    content: "\eabc";
}

.icon-calendar-parking:before{
    content: "\eabb";
}

.icon-calendar-download:before{
    content: "\eaba";
}

.icon-calendar-document:before{
    content: "\eab9";
}

.icon-calendar-document-detail:before{
    content: "\eac5";
}

.icon-user-business:before{
    content: "\eac3";
}

.icon-user-residence:before{
    content: "\eabf";
}

.icon-user-caravan:before{
    content: "\eac2";
}

.icon-user-card:before{
    content: "\eabe";
}

.icon-perm_contact_calendar:before{
    content: "\eab3";
}

.icon-people:before{
    content: "\eab7";
}

.icon-calendar-location:before{
    content: "\eac1";
}

.icon-briefcase1:before{
    content: "\e60a";
}

.icon-briefcase4:before{
    content: "\eaa2";
}

.icon-user-cancel:before{
    content: "\eac0";
}

.icon-how_to_reg:before{
    content: "\eab6";
}

.icon-night:before{
    content: "\eab5";
}

.icon-shoppingcart:before{
    content: "\e66a";
}

.icon-cleaning:before{
    content: "\eac4";
}

.icon-emoji_bad:before{
    content: "\eab8";
}

.icon-key:before{
    content: "\e9ac";
}

.icon-till:before{
    content: "\e6a6";
}

.icon-cash:before{
    content: "\e699";
}

.icon-calendar-menu:before{
    content: "\e611";
    font-size: 5rem !important;
}

.color-icon-menu:before {
    color: #00adb3 !important;
}

.menu-text-big{
    font-size: 18px;
}

.MuiPaper-root.MuiAlert-root {
    display: flex;
    align-items: center;
    justify-content: center;
}

.MuiPaper-root.MuiAlert-root.no-margin-alert {
    padding: 0;
    height: 48px;
}

.MuiPaper-root.MuiAlert-root.no-margin-alert > .MuiAlert-action{
    margin-left: 0;
}

.transport-grid-container {
    display: grid;
    grid-template-columns: 18em 18em 18em 18em;
    align-items: center;
    grid-row-gap: .75em;
    grid-column-gap: 1.5em;
    padding-left: 2.75em;
    padding-top: .5em;
}

.transport-flight-container {
    padding: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--crs-theme-on-primary);
    border-bottom: var(--crs-theme-secondary-color) 1px solid;
    border-top: var(--crs-theme-secondary-color) 1px solid;
    font-weight: bold;
    margin: 2em 0.5em 0.5em 2.5em;
}


.transport-flight-title {
    color: inherit;
    padding-right: 4em;
}

.MuiTreeItem-iconContainer svg{
    font-size: 20px !important;
}

.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label{
    background-color: transparent !important;
}

.MuiTreeItem-group{
    margin-left: 2em !important;
}

.transfer_list_title {
    padding:15px 0px 15px 0px;
    font-weight:bold;
    font-size: 17px;
}

.input_ota_all_types_button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.transfer_list_type {
    margin-top: 20px;
}

#etabsAndTypesContainer > div.dialog {
    width: 960px;
}



.MuiPaper-root.MuiAlert-root.MuiAlert-standardWarning {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%);
}

.rooming-occupant-dnd {
    display: flex;
    justify-content: space-between;
    gap: 1em;
}

.rooming-occupant-content-dnd {
    display: flex;
    align-items: center;
    gap: 0.5em;
}


.rooming-occupant-content-dnd {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.rooming-occupant-free-dnd {
    padding-left: 2.5em;
}

.rooming-occupant-dragged {
    background-color: #b9f6ca;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);

}

.rooming-occupant-free-container {
    box-shadow: none;
    transition: unset;
    border: 2px #9e9e9e dashed;
}

.rooming-occupant-disabled-container {
    background: #eeeeee;
    box-shadow: none;
    transition: unset;
    border: none;
}

.rooming-columns_container {
    overflow-y: auto;
    height: calc(100% - 2em);
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% - 2em);
    gap: 1em;
}

.rooming-columns {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.rooming-columns-relative {
    position: relative;
    height: calc(100% - 2em);
    width: calc(100% - 2em);
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 1em;
}

.icon-briefcase3:before {
    content: "\e60c";
    font-family: "Kameleon";
    font-size: 1.8em;
}

div.dialog.dialog-disabled {
    background-color: #e6e6e6;
    box-shadow: none;
}
div.dialog.dialog-dragging-over {
    background-color: #fff3e0;
}

div.dialog.dialog-dragging-source {
    background-color: #b9f6ca;
}

.rooming-dnd-tranzit-empty {
    border: 2px #9e9e9e dashed;
    height: calc(100% - 4em);
    margin-left: 1em;
}

.rooming-dnd-tranzit {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: max-content;

}

.icon-hidden{
    visibility: hidden;
}

.header_cale_button:hover{
    opacity: 0.6;
}




.access-area-column-title {
    color: black;
}

.react-label-medium {
    font-size: 15px;
}

#wiki_video_component{
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px 5px 0px;
}


.MuiPaper-root.MuiAlert-root {
    display: flex;
    align-items: center;
    justify-content: center;
}

.MuiPaper-root.MuiAlert-root.no-margin-alert {
    padding: 0;
    height: 48px;
    min-height: 48px;
}


.MuiPaper-root.MuiAlert-root.MuiAlert-standardWarning {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%);
}

.no-box-shadow-alert .MuiAlert-standardWarning{
    box-shadow: none !important;
}

.group-products-label-selected{
    color:#f4a316;
}

.day-of-week:first-letter{
    text-transform: capitalize;
}

.input_title_drag_column{
    width:250px;
}

.icon-calendar-trend-up:before{
    content: "\eac6";
}

.pastile-inherit{
    color:inherit;
}

.pastile-inherit:before {
    content: "\e6b3";
    color: inherit;
}

.cale_tarif_popup_row:hover{
    background-color: #B2DFDB;
}

.price_cale_calendar_small{
    font-size: 11px;
    margin-bottom: 2px;
}

#more_expand{
    color:var(--crs-theme-on-primary);
}

.react-group-header{
    box-shadow: rgb(224 224 224) -1px 0px 0px 0px, rgb(224 224 224) 1px 0px 0px 0px;
    text-align: center;
}

.overflow-tooltip{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.small-text-cell {
    -webkit-line-clamp: 4;
}

.overflow-tooltip.size-inherit {
    -webkit-line-clamp: inherit;
}

.listparam_slider{
    position: fixed;
    top: 2rem;
    right: 2.5rem;
}
.top-row-with-subrows,.sub-row{
    display: flex;
    align-items: center;
    height:48px;
    font-size: inherit;
    -webkit-line-clamp: inherit;
}

.row-container{
    display: flex;
    align-items: center;
    height:48px;
    gap:.5em;
    font-size: inherit;
    -webkit-line-clamp: inherit;
}
.top-row-with-subrows:before{
    content: "";
    background-color: #F4F4F4;
    position: absolute;
    height: inherit;
    width: 200vw;
    left: -16px;
    z-index: -1;
}

.top-row-with-subrows.row-first:before,.sub-row.row-first:before{
    left: 16px;
}

.row-selected:before{
    background-color: #FFF3E0;
}

.sub-row:before {
    content: "";
    border-top: thin solid rgb(224, 224, 224);
    position: absolute;
    height: inherit;
    width: 200vw;
    left: -16px;
    z-index: -1;
}

.selected-row-listparamReact > div > div:not(.do-not-highlight *):before,
.selected-row-listparamReact > div > div *:not(.do-not-highlight *):before{
    border-top:none;
}

.label_header_listparam{
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.small-text-cell{
    font-size: 10px;
}

.size-inherit{
    font-size: inherit;
}

.actions-row{
    display: flex;
    align-items: center;
    gap:.5em;
}

.amountClass.amountClassSmall{
    width: 54px;
    max-width: 54px;
}

#resa-planning-grid{
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header-resa-planning"
                         "main-resa-planning"
                         "footer-resa-planning";
}

#resa-planning-grid-alert{
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header-resa-planning"
                         "alert-planning"
                         "main-resa-planning"
                         "footer-resa-planning";
}

#header-resa-planning{
    grid-area: header-resa-planning;
}

#alert-planning{
    grid-area: alert-planning;
}

#main-resa-planning{
    grid-area: main-resa-planning;
}

#footer-resa-planning{
    grid-area: footer-resa-planning;
}

.object-key, .object-key > span,  .string-value {
    color: inherit;
}

.icon-anonymous:before{
    content: "\eaca";
}

.group-row {
    color: black;
    padding-top: 20px;
}

#loading-search-menu{
    height: 100%;
    position: absolute;
    pointer-events: none;
    display: flex;
    right: 0;
    top:0;
    align-items: center;
    padding: 0px 16px;
    color: white;
}

.icon-color-inherit:before{
    color:inherit;
}
.group-row {
    color: black;
    padding-top: 20px;
}


.icon-clean:before{
    content: "\eacc";
}
.brand-label{
    font-family: 'Roboto medium';
    font-size: 14px;
    color: #757575;
}


.avatar_disabled > .MuiAvatar-root{
    opacity: 1 !important;

}
.avatar_disabled .menu-icon-react:before{
    cursor: default;
}

.leaflet-container {
    width: 100%;
    height: 100%;
    user-select: none;
}

.customer_reservations_list {
    display: grid;
    grid-template-columns: 3em 1fr 1fr 1fr;
    row-gap: 1em;
    padding: 1em;
}

.fast-option-focused.fast-option {
    background-color: #B2DFDB !important;
}

.fast-option-selected {
    background-color: #00adb3 !important;
}

.icon-shopping_basket:before{
    content:"\ead0";
}

.icon-no-disturb:before{
    content: "\eace";
}

.icon-map:before{
    content:"\ead1";
}

.icon-map-stay:before,
.icon-map-stay-disabled:before{
    padding:0 5px 5px 0;
}

.icon-map.icon-map-stay-disabled:before{
    color: #bdbdbd;
}

.country-option {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.country-flag {
    width: 1.5em;
    height: 1em;
}

.icon-lock-map:before,.icon-lock-map-disabled:before{
    content:"\ead2";
}

.icon-lock-map-disabled:before{
    color: #bdbdbd;
}

span.content_number {
    color: #00BFA5;
    font-size: 15px;
}

.icon-locator:before {
    content: "\e649";
    color: var(--crs-theme-on-primary);
}

.PrivatePickersYear-yearButton.Mui-selected{
    background-color:#26a69a !important;
}

#without_heb_mode_classic_label,#without_heb_mode_estimate_group_label{
    display: flex;
    gap: 1em;
}

.react-select__input-container{
    margin: 0 !important;
}

.room_feature_to_select{
    display: flex;
    padding-bottom: 1em;
}

.room_feature_row {
    display: flex;
    gap: 1em;
    align-items: center;
    padding: .5em 0;
}

.bold{
    font-family: "Roboto Medium";
}

.spinner-witdh{
    width: 92px !important;
    max-width: 92px !important;
}

.gridTopLeftEfficiencyGrid{
    box-shadow: inset -1px 0px #F39200, inset 0px -1px #F39200;
}

#efficiency_grid{
    position: relative;
}

.alert-strongbox-creditcard {
    padding-bottom: 1em;
}

.creditcard-popup-money-authorize {
    padding-left: 0.2em;
}

.creditcard-deposit-encart {
    grid-column: 1 / span 2;
    padding: 1em 0em 1em;
}

.icon-keyboard_return:before {
    content: "\e31b";
}

.icon-cart-cell{
    color: rgba(0, 0, 0, 0.88);
}

.complaint_table {
    width: 800px;
}

.complaint_download_link {
    width: 100px;
}

.complaint_delete {
    width: 50px;
}

.complaint_file {
    width: 500px;
}

.complaint_date {
    width: 150px;
}

.input_filter_date_picker::placeholder {
        color: #a4a4a4;
}

.nested_rows_actions_container{
    display: flex;
    justify-content: center;
    width: -webkit-fill-available;
}

.MuiAutocomplete-option[aria-selected=true]{
    background-color: #B2DFDB !important;
}