/* V5 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/** MAJ le 27/06/25 18:22 **/

/** Novaresa theme colors set **/
:root {
    --accent-color: #1687EC;
    --hover-color: #0074dd;
    --light-accent: #eef7ff;
    --full-black: #000;
    --light-grey: #F4F4F4;
    --main-background: #f5f8fa;
    --grey-background: #f5f8fa;
    --hover-background: #eef5fb;
    --border-accent: #92c0e9;
    --valid-state:#3cb393;
    --valid-state-hover: #2ea585;
    --error-state: #ea6565;
    --warning-state: #f89406;
}

/** Forest theme colors set **/
/* :root {
    --accent-color: #226739;
    --hover-color: #164024;
    --light-accent: #ddebd8;
    --full-black: #000;
    --light-grey: #F4F4F4;
    --main-background: #eef4e9;
    --grey-background: #eef4e9;
    --hover-background: #eef5fb;
    --border-accent: #9fc3ab;
    --valid-state :#3cb393;
    --error-state : #ea6565;
    --warning-state : #f89406;
} */

/** Obsidian theme colors set **/
/* :root {
    --accent-color: #242424;
    --hover-color: #3e3e3e;
    --light-accent: #f4f4f4;
    --full-black: #000;
    --light-grey: #F4F4F4;
    --main-background: #f4f4f4;
    --grey-background: #f4f4f4;
    --hover-background: #eef5fb;
    --border-accent: #c0c0c0;
    --valid-state :#3cb393;
    --error-state : #ea6565;
    --warning-state : #f89406;
} */

body,
div#main {
    background-color: var(--main-background);
    padding-left: 0;
    overflow-x: hidden;
}
div#widget {
    /*width: calc(99% - 6vw);*/
    width: -webkit-fill-available;
}
#main .row-fluid:first-child{
    width: 100%;
    display: flex;
}
form .row-fluid:first-child{
    display: initial !important;
}
/** Fonts **/

label {
    display: block;
    margin-bottom: 5px;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600 !important;
}
.control-group label {
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6, button, p, span, b, div {
    font-family: 'Montserrat', sans-serif;
}
h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0.5em;
}
p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 38px;
}
blockquote p {
    font-size: 14px;
    font-weight: 500;
}
#AdminNRProductOption h4, #AdminNRProductOption p {
    padding-left: 8px;
}
/** Alertes **/

.alert-info {
    background-color: var(--light-accent);
    border-color: var(--border-accent);
    color: var(--accent-color);
}
#AdminDoubleAuthentication #dfa-wrapper {
    border: 1px solid #d4d4d4;
    box-shadow: none;
}
#AdminDoubleAuthentication .btn-large {
    background: var(--accent-color) !important;
    color: white !important;
}
#AdminDoubleAuthentication .novaresa-h1 {
    visibility: hidden;
    position: absolute;
}
/** Top bar **/

.navbar-inner .container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 15px 20px;
}

.navbar .bar-root {
    width: -webkit-fill-available;
    width: -moz-available;
    margin: 0 4px 0 0 !important;
}
.navbar .dropdown a {
    margin-top: 0 !important;
}
a.btn.btn-navbar {
    display: none;
    position: absolute;
}
a#novaresa-title {
    width: auto;
}
a#novaresa-title img {
    max-width: 280px;
}
.navbar .brand,
.navbar .nav.pull-right {
    width: 100%;
}

ul.nav.pull-right {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 0 5px !important;
}

.group-menu .nav>li>a {
    background-color: var(--accent-color);
    margin-top: 15px;
    height: 49px;
    border-radius: 6px;
    width: 49px;
    float: right;
    color: var(--accent-color);
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    transition: background-color .25s ease-out 0s;
    text-shadow: none;
    position: relative;
}
.group-menu .nav>li>a.notifications{
    margin-top: 0;
}
.group-menu .nav>li>a:after {
    content: '\e7fd';
    color: white;
    width: 49px;
    font-size: 26px;
    font-family: 'Material Symbols Outlined';
    top: 16px;
    position: absolute;
}
.group-menu .nav>li>a.notifications:after {
    content: '\e7f4';
}
.group-menu .nav>li>a.notifications.notifications_unread:after {
    content: '\f4fe';
    color: var(--accent-color);
}
.group-menu .nav>li>a:hover {
    background-color: var(--hover-color) !important;
    color: transparent;
}
.nav-list>.active>a, .nav-list>.active>a:hover {
    background-color: var(--accent-color);
}
.dropdown .icon-user.icon-white {
    display: none;
}
/** dropdown 25 **/
.dropdown-nr-toggle .icon-home {
    display: none;
}
a.dropdown-nr-toggle {
    margin-top: 0 !important;
}
.dropdown .caret, .dropdown-nr-toggle .caret {
    display: none;
}
.dropdown-menu {
    border: none !important;
    border-radius: 8px !important;
    top: 78px;
    box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 5%) !important;
}
.navbar .dropdown-menu:before {
    display: none;
}
.modal-header {
    border: none;
}
.modal-header h3 {
    color: #363636;
}
.modal-body .span1 {
    /* Remplace la PP en attendant f() dans Profil employe */
    background-image: url(/themes/novaresa/img/Profil_Picture.jpg) !important;
    width: 70px;
    height: 70px;
    background-size: contain;
    border-radius: 6px;
}
.dropdown-menu .modal-body .span4 {
    margin-left: 5px;
}
.span1 img {
    border-radius: 6px;
}
.pull-right h4 {
    color: var(--accent-color);
    line-height: 26px;
}
.pull-right h5:first-child, .pull-right h4:last-child {
    color: #363636 !important;
}
.pull-right br {
    display: none;
}
.dropdown .modal-footer {
    background: none;
    border: none;
}
.dropdown a.btn {
    border: none;
    padding: 12px 32px;
    text-shadow: none;
}
a.btn.btn-info.pull-left {
    background: var(--accent-color) !important;
    transition: background-color .25s ease-out 0s;
}
a.btn.btn-info.pull-left:before {
    content: '\f02e';
    font-family: 'Material Symbols Outlined';
    font-size: 25px;
    display: inline-flex;
    vertical-align: bottom;
    font-variation-settings: 'wght' 100;
    margin-right: 6px;
}
a.btn.btn-info.pull-left:hover {
    background-color: var(--hover-color) !important;
}
.modal-footer .btn-info {
    background: black !important;
    transition: background-color .25s ease-out 0s;
}
.modal-footer .btn-info:before {
    content: '\e9ba';
    font-family: 'Material Symbols Outlined';
    font-size: 25px;
    display: inline-flex;
    vertical-align: bottom;
    font-variation-settings: 'wght' 100;
    margin-right: 6px;
}
.modal-footer .btn-info:hover {
    background: #F85959 !important;
}
.dropdown .icon-white {
    display: none;
}
.navbar-inner {
    background: var(--grey-background);
    box-shadow: none;
}

.navbar .divider-vertical {
    display: none !important;
    border-radius: 5px;
    padding: 5px 30px;
    float: right;
}

.navbar .bar-root li {
    background-color: var(--accent-color);
    border-radius: 6px;
    padding: 5px 30px;
    float: right;
    transition: all ease-in-out .25s;
}
.navbar .bar-root li:hover {
    color: white !important;
    background-color: var(--hover-color) !important;
}

.navbar .bar-root li.documentation {
    background-color: var(--valid-state);
    margin-right: 10px;
}
.navbar .bar-root li.documentation:hover {
    background-color: var(--valid-state-hover) !important;
}

ul.nav.pull-left.bar-root li a {
    color: white;
    text-shadow: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

#current_firm {
    border: none;
    border-radius: 6px;
    background-color: var(--light-accent) !important;
    background-image: none;
    box-shadow: none;
    padding: 12px 14px !important;
    color: var(--accent-color);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: flex !important;
    align-content: center;
    align-items: center;
    justify-content: space-between; 
    border:1px solid var(--border-accent);
}
#current_firm a {
    background-color: transparent;
    height: auto;
    font-size: 14px;
    width: -webkit-fill-available;
    text-align: left;
    display: flex;
    flex-direction: row;
    border: 0;
    color: var(--accent-color);
    background: var(--light-accent) !important;
    box-shadow: none;
    padding: 0;
}
#current_firm a:hover {
    background: var(--light-accent) !important;
    color: var(--accent-color);
}
#current_firm {
    width: 530px;
    margin:0 !important;
}
li#current_firm:after {
    position: absolute;
    right: 10px;
    margin: auto;
    top: 15px;
    color: var(--accent-color);
    content: '\e5cf';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    font-weight: 600;
}

/* #current_firm .dropdown-toggle {
    background: var(--light-accent);
    width: -webkit-fill-available;
    font-size: 14px;
    line-height: 49px;
    text-align: left;
    padding: 0px 14px !important;
    font-weight: 500;
    display: inline-block;
    border:1px solid var(--border-accent);
    height: 47px !important;
}
#current_firm .dropdown-toggle:hover {
    background: var(--light-accent) !important;
    color: var(--accent-color);
}
#current_firm .dropdown-toggle .icon-home {
    display: contents !important;
} */
#current_firm a:after {
    display: none !important;
}
#current_firm .dropdown-toggle .icon-home:before {
    content: '\f14f';
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    margin-right: 10px;
    top: 8px;
    position: relative;
}
.user-popup.dropdown-nr-menu {
    z-index: 9;
}
.user-popup .modal-footer .btn-info {
    border: none;
}
.modal-footer .icon-white {
    display: none;
}
.user-popup .modal-footer {
    background: no-repeat;
    border: none;
}
.dropdown-nr-menu {
    list-style: none;
    margin-left: 0;
    left: 10px;
    top: 47px !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: white;
    z-index: 9;
}
.dropdown-nr-menu a:hover{
    text-decoration: none;
}
#current_firm.dropdown.open .dropdown-menu, .dropdown-nr-menu {
    width: 530px;
    top: 44px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 1px solid #e7e7e7 !important;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 14px;
}
#current_firm.dropdown.open .dropdown-menu a, .dropdown-nr-menu a {
    font-weight: 500;
    font-size: 14px;
    padding: 8px !important;
    border-radius: 4px;
}
#current_firm.dropdown.open .dropdown-menu a:hover {
    color: var(--accent-color);
    background-color: var(--light-accent);
}
#AdminNRProduct .chzn-container-single .chzn-single {
    height: auto;
}

.chzn-container-single .chzn-single span {
    display: flex;
}
#current_firm a:before {
    content: '\f14f';
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    margin-right: 10px;
}

.chzn-container-single .chzn-single div b {
    height: 50%;
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    right: 10px;
    background: none;
}

.chzn-container {
    border: none;
    background-color: var(--light-grey) !important;
    background-image: none;
    box-shadow: none;
    /* padding: 10px 30px !important; */
    color: var(--full-black);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-right: 10px;
    border-radius: 5px;
}
.chzn-container-active .chzn-drop {
    width: 558px !important;
    left: -15px !important;
}
.chzn-search input[type="text"] {
    min-height: 28px;
    width: -webkit-fill-available !important;
}

/** Sidebar **/
.accordion-group {
    border: none;
}

.accordion {
    margin: 0 !important;
}

div#sidebar {
    background-color: var(--accent-color);
    padding: 12px;
    height: fit-content;
    margin: 8px 0px 0 12px;
    border-radius: 10px;
    min-width: 258px;
}

#sidebar .accordion-group:last-child {
    margin: 0;
}
.accordion-toggle.btn.btn-info {
    background: rgb(255 255 255 / 10%);
}
.accordion-toggle.btn.btn-info.active {
    background: var(--accent-color) !important;
    color: #fff !important;
}

.accordion-toggle.btn.btn-info {
    box-shadow: none;
    border: none;
    padding: 20px 10px 20px 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
    border-radius: 10px;
    color: white !important;
    background-color: transparent !important;
    font-weight: 600;
    transition: all ease-in-out .25s;
}

.accordion-toggle.btn.btn-info:hover {
    color: white !important;
}

#sidebar .icon-white {
    position: relative;
    top: 2px;
    left: -10px;
}
#sidebar .nav-list i {
    display: none;
}
.active a {
    background-color: rgb(255 255 255 / 10%) !important;
}
.accordion-inner a {
    margin-bottom: 5px;
}
.active .icon-white {
    mix-blend-mode: inherit !important;
}

#box_news_content .accordion-inner.paddind {
    overflow-y: scroll !important;
}
@media screen and (max-width: 1325px) {
    .row-fluid .span6 {
        width: 100% !important;
    }
    div#col2 {
        margin: 0;
    }
}
/** Sidebar Shrinked **/

/** Ajouter une class ".shrinked" à la #sidebar **/
/*#sidebar {
    width: auto;
    min-width: auto !important;
}
#sidebar .accordion {
    width: 58px;
}
#sidebar .icon-white {
    position: relative;
    top: 2px;
    left: -5px;
}
#sidebar .accordion-toggle.btn.btn-info span {
    display: none;
} */

/** Footer **/
footer  {
    background-color: var(--grey-background) !important;
}
footer div {
    color: #9e9e9e !important;
    font-family: 'Montserrat', sans-serif;
}
.footer img {
    max-width: 280px;
}
.footer .btn-warning {
    top: auto !important;
    padding: 0px 24px !important;
    line-height: 38px !important;
}
/** Widget Global **/
.row-fluid .span6 {
    width: 49%;
}
#widget .divider-vertical {
    display: none;
}

.box-header [class*=" icon-"] {
    background-color: var(--accent-color) !important;
    mix-blend-mode: inherit !important;
    padding: 8px;
    border-radius: 3px;
    display: none;
}

#widget .accordion-heading .accordion-toggle {
    font-size: 18px;
    font-weight: 600;
    background: #ffffff !important;
    color: black !important;
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
    border-radius: 14px 14px 0 0;
    display: inline-flex;
    align-items: center;
    text-shadow: none !important;
    text-transform: none !important;
}


#widget .accordion-inner.paddind,
#section-body .accordion-inner.paddind {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
}

.column .accordion-group {
    border-radius: 8px 8px 0 0;
}

.accordion-heading {
    border-bottom: 0;
    border-radius: 10px;
    transition: all ease-in-out .25s;
}
.accordion-heading:hover {
    background-color: rgb(255 255 255 / 10%);
}
.accordion-toggle.btn.btn-info.active {
    background: rgb(255 255 255 / 10%) !important;
}

.accordion-toggle.btn.btn-info.active:hover {
    color: white !important;
    background-color: var(--hover-color) !important;
}

.accordion-group span {
    text-shadow: none;
}

.nav-list [class^="icon-"] {
    margin-right: 2px;
    display: none !important;
}

.nav-list>li>a {
    padding: 6px 15px;
    border-radius: 6px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-shadow: none;
    transition: all ease-in-out .25s;
}

.nav-list>li>a:hover {
    color: white;
    background-color: rgb(255 255 255 / 10%);
}

.accordion-inner {
    border-top: 0;
}
thead th {
    font-family: 'Montserrat';
    font-size: 14px;
    background: var(--light-accent);
    padding: 12px;
    color: var(--accent-color) !important;
    font-weight: 500 !important;
}
form .form-actions {
    float: left;
}
.control-group div {
    margin-left: 0 !important;
    margin-right: 16px;
}
/** Admin Home **/
#AdminHome #col0 {
    display: none;
}
#AdminHome .label.label-success, #tableau-reference .label-success, .tableau_intervalle .label-success, #table_AdminNRChannelRateGroupCondition .label-success {
    width: fit-content !important;
    height: auto !important;
    padding: 6px 12px !important;
    color: var(--valid-state);
    display: inline-flex;
}
.label-warning, .badge-warning {
    width: fit-content;
    height: auto;
    padding: 6px 12px;
    color: var(--warning-state);
    display: inline-flex;
    background-color: #ffefd9;
    border: 1px solid #ffd598;
}
#box_news_content .label.label-success, #box_news_content .label-warning, .badge-warning {
    float: right;
}
div#container4 {
    height: 493px !important;
}
#box_ca .highcharts-container {
    width: auto !important;
    /* bottom: 0px;
    position: absolute !important;
    top: 0;
    margin: auto; */
}
#box_ca svg rect {
    stroke: white;
}
#table_AdminNRMarketingDiscount .badge-warning {
    float: left;
    border-radius: 3px;
}
#col10 .label.label-success {
    float: initial;
}
#box_arrivee .active,
#box_depart .active {
    background-color: var(--accent-color);
    border-radius: 6px;
}
#box_arrivee a,
#box_depart a {
    font-weight: 500;
}
#box_Arrival .text-success, 
#box_depart .text-success {
    color: var(--valid-state);
}
#box_Arrival td a,
#box_depart td a {
    color: #333;
}
#box_Arrival thead,
#box_depart thead {
    display: none;
}
#box_arrivee p,
#box_depart p {
    margin: 0;
}
/* Sidebar Icons Set */
#sidebar i {
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    font-style: initial;
    display: inline;
    font-weight: 100;
    margin-right: 6px;
}

i.icon-play:before {
    content: '\e1c4';
    font-family: 'Material Symbols Outlined';
    font-style: initial;
    font-size: 24px;
    font-weight: 100;
    margin-right: 6px;
    display: block;
    top: 2px;
    left: -15px;
    position: relative;
    width: 26px;
}
i.icon-open-book:before {
    content: '\e0e0';
    font-family: 'Material Symbols Outlined';
    font-style: initial;
    font-size: 24px;
    font-weight: 100;
    margin-right: 6px;
    display: block;
    top: 2px;
    left: -15px;
    position: relative;
    width: 26px;
}
i.icon-th:before {
    content: '\e5c3';
    font-size: 24px;
}
#widget .icon-th:before {
    content: '\ebcc';
    left: -4px;
    position: relative;
    top: 2px;
    color: #969696;
}


i.icon-folder-open:before {
    content: '\efdf';
}
i.icon-calendar:before {
    content: '\e916';
}
i.icon-rates:before {
    content: '\ea15';
}
i.icon-bullhorn:before {
    content: '\f190';
}
i.icon-book:before {
    content: '\ea46';
}
i.icon-random:before {
    content: '\e0ad';
}
i.icon-home:before {
    content: '\f14f';
}
i.icon-manage:before {
    content: '\ef6e';
}
i.icon-warning-sign:before {
    content: '\e8b8';
}
i.icon-cog:before {
    content: '\f100';
}

/** Themes **/
.theme {
    visibility: hidden;
    width: 7%;
    left: 20px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    position: fixed !important;
    left: 12px !important;
    bottom: 12px !important;
}

.theme h4 {
    font-size: 10px !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    background: var(--accent-color) !important;
    padding: 5px !important;
    color: white !important;
    text-align: center !important;
}

a.style {
    width: 26% !important;
    border-radius: 3px;
}
a.default.style {
    background: var(--accent-color) !important;
    color: white;
    text-align: center;
    padding: 0;
    position: relative;
    top: -9px;
    font-size: 10px;
}
a.V5.style {
    background: var(--accent-color);
}
a.switcher {
    display: none !important;
}

/** Widget Header Icons **/
#AdminHome h4::before {
    padding: 12px 8px;
    font-family: 'Material Symbols Outlined';
    font-weight: 100;
    font-size: 26px;
    color: #fff;
    background-color: var(--accent-color);
    display: inline-flex;
    border-radius: 8px;
    align-items: center;
    margin-right: 8px;
}
#box_news h4:before {
    content: '\ef49';
}
#box_ca h4:before {
    content: '\e8e5';
}
#box_reservation h4:before {
    content: '\ea46';
}
#box_arrivee h4:before {
    content: '\ea77';
}
#box_depart h4:before {
    content: '\e9ba';
}
#box_stock h4:before {
    content: '\e77c';
}
#box_produit h4:before {
    content: '\efdf';
}
#box_news_content i {
    margin: initial;
    font-weight: inherit;
    font-family: 'Montserrat';
    font-size: inherit;
    font-style: italic;
}
#box_reservation b:after {
    top: 7px;
    position: relative;
    content: '\e5cf';
    font-family: 'Material Symbols Outlined';
    font-size: 22px;
    font-weight: 100;
}
#widget, #col2 {
    margin-left: 18px !important;
}

.table-striped h4::before {
    display: none !important;
}

a.btn.btn-warning {
    top: -12px;
    position: relative;
    background-color: var(--warning-state) !important;
    background-image: none;
}
#widget .accordion-toggle i {
    background: var(--accent-color) !important;
    color: white;
    border-radius: 8px;
    margin-right: 12px;
    width: 42px;
    height: 42px;
    position: relative;
}
#widget .accordion-toggle i:before {
    position: absolute;
    inset: 0;
    margin: auto;
    width: min-content;
    height: min-content;
    font-size: 24px !important;
}
#AdminHome #widget .accordion-group {
    min-height: 394px;
}
#box_reservation, #box_ca {
    min-height: 604px !important;
}
#widget .accordion-group {
    background: white;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    margin-bottom: 18px !important;
}
i.icon-chevron-down {
    display: none;
}
i.icon-question-sign:before {
    display: initial !important;
}

i.icon-question-sign {
    background: initial !important;
    color: initial;
    padding: initial !important;
    margin: initial !important;
    border: initial !important;
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    text-shadow: none !important;
}
.icon-envelope {
    display: none;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #ffffff;
}

/** Scroll bar **/

::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: var(--light-accent);
}
::-webkit-scrollbar-thumb {
    background: var(--accent-color);
    border-radius: 10px
}

/** Global Icon Set **/
i {
    background: none !important;
    position: relative;
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    font-style: normal;
    font-weight: 100;
    margin: auto;
}
small i {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
i.icon-eye-open:before {
    content: '\e8f4';
    position: absolute;
    inset: 0;
    color: black;
}
#box_DR .icon-eye-open:before {
    content: '\e3c9';
}
i.icon-eye-close:before {
    content: '\e8f5';
    position: absolute;
    inset: 0;
    color: black;
}
i.icon-pencil:before, i.icon-edit:before {
    content: '\e3c9';
    position: absolute;
    inset: 0;
    color: #969696;
}
.btn-small .icon-pencil:before {
    left: -3px;
}
.btn-small .icon-random:before {
    color: var(--accent-color);
    left: -3px;
    position: relative;
    top: 1px;
}
#manageProductActivation .icon-pencil:before {
    content: '\e3c9';
    position: absolute;
    inset: 0;
    color: black;
}
i.icon-ok-circle:before {
    content: '\e86c';
    position: absolute;
    inset: 0;
    color: var(--valid-state);
}
.icon-remove-circle:before {
    content: '\e5c9';
    position: absolute;
    inset: 0;
    color: var(--error-state);
}
.icon-picture:before {
    content: '\e3f4';
    position: absolute;
    inset: 0;
    color: black;
}
i.icon-plus {
    margin-right: 7px;
    top: 2px;
}
.icon-plus:before {
    content: '\e147';
    position: absolute;
    inset: 0;
    color: white;
}
i.icon-question-sign:before {
    content: '\e887';
    inset: 0;
    color: white;
    left: -2px;
    position: relative;
}
.icon-search:before {
    content: '\e8b6';
    inset: 0;
    color: #969696;
    left: -2px;
    position: relative;
}
.icon-trash:before {
    content: '\e872';
    inset: 0;
    color: var(--error-state);
    left: -3px;
    position: relative;
}
.icon-tags:before {
    content: '\e14d';
    inset: 0;
    color: var(--accent-color);
    left: -2px;
    position: relative;
}
#box_DR tfoot td {
    border-bottom: 0;
}
#box_reservation tfoot a:before, #manageProductActivation tfoot a:before {
    content: '\e147';
    font-size: 20px;
    color: white;
    margin-right: 7px;
    top: 5px;
    position: relative;
    font-family: 'Material Symbols Outlined';
}
#box_reservation tfoot a:before {
    content:'\e8b6' !important;
}
.icon-arrow-left:before {
    content: '\e5c4';
    position: absolute;
    inset: 0;
    color: white;
}
.icon-arrow-right:before {
    content: '\e5c8';
    position: absolute;
    inset: 0;
    color: white;
}
i.icon-ok {
    margin-right: 8px;
}
.icon-ok-sign:before, .icon-ok:before {
    content: '\e876';
    position: absolute;
    inset: 0;
    color: var(--valid-state);
    font-family: 'Material Symbols Outlined';
}
.icon-remove-sign {
    margin-right: 16px;
}
.icon-remove-sign:before, .icon-remove:before {
    content: '\e5cd';
    position: absolute;
    inset: 0;
    color: var(--error-state);
    font-family: 'Material Symbols Outlined';
}
.icon-list-alt:before {
    content: '\eb86';
    position: absolute;
    inset: 0;
    color: white;
}
.icon-time:before {
    content: '\e8b5';
    position: absolute;
    inset: 0;
    color: grey;
}
.add-on .icon-time:before {
    left: -1px;
    top: 1px;
}
.icon-repeat:before {
    content: '\eb7b';
    position: absolute;
    inset: 0;
    color: white;
}
.icon-minus-sign:before {
    content: '\e15b';
    position: absolute;
    inset: 0;
    color: white;
}
.icon-plus-sign:before {
    content: '\e145';
    position: absolute;
    inset: 0;
    color: white;
}
.icon-hand-up {
    margin-right: 18px;
}
.icon-hand-up:before {
    content:'\e8b8';
    position: absolute;
    inset: 0;
    color: white;
}
.icon-upload {
    margin-right: 12px;
}
.icon-upload:before {
    content: '\f09b';
    position: absolute;
    inset: 0;
    color: white;
}
.icon-list:before {
    content:'\e241';
    position: absolute;
    inset: 0;
}
.icon-th-list:before {
    content:'\e242';
    position: absolute;
    inset: 0;
}
.icon-indent-right:before {
    content:'\e23d';
    position: absolute;
    inset: 0;
}
.icon-indent-left:before {
    content:'\e23e';
    position: absolute;
    inset: 0;
}
.icon-share:before {
    content:'\e157';
    position: absolute;
    inset: 0;
}
.wysihtml5-toolbar .icon-picture:before {
    color: #777777;
}
.icon-font {
    margin-right: 4px;
}
.icon-font:before {
    content:'\e262';
    position: absolute;
    inset: 0;
}
.wysihtml5-toolbar .dropdown .btn {
    padding: 4px;
}
.icon-print:before {
    content:'\e8ad';
    position: absolute;
    inset: 0;
    left: -3px;
}
#AdminNRInvoice .btn.btn-small.btn-primary i {
    color: #969696 !important;
    font-weight: 500 !important;
}
/** Inputs & Buttons Style **/

input[type="text"] {
    margin-bottom: 0px;
    min-height: 38px;
    border-radius: 6px;
    margin: 0 !important;
    max-height: 22px;
}
.input-mini {
    min-height: 28px !important;
}
#AdminNRChannelRateGroupCondition input[type="text"] {
    min-height: 28px !important;
}
#extra_product .input-xlarge {
    width: 270px;
    min-height: 28px !important;
}
.dataTables_wrapper input[type="text"] {
    min-height: 32px;
}
select {
    width: fit-content;
    height: 38px !important;
    border-radius: 6px;
}
.input-append input, .input-append select, .input-append .uneditable-input {
    min-height: 28px !important;
    border-radius: 6px;
}
.radio, .checkbox {
    display: flex;
    gap: 4px;
    align-items: center;
    padding-top: 0 !important;
    width: fit-content !important;
}
.help-block {
    margin: 0px 0 0px 18px !important;
    display: grid;
}

div#payment_means_chzn input {
    height: 38px;
    border-radius: 6px !important;
}
a.btn.btn-small[data-original-title="Voir"] {
    display: none;
}
#AdminNROrder .btn-small[data-original-title="Voir"] {
    display: initial;
}
.input-append.date {
    margin: 3px 0px;
}
a.btn.btn-mini.pull-right {
    width: auto;
    background: white;
    padding: 0;
    text-shadow: none;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 39px;
}
input#date_start {
    margin-left: 8px !important;
    border: 1px solid #e7e7e7;
    background: white;
    border-radius: 6px;
    padding: 8px 12px;
    box-shadow: none;
    font-weight: 700;
    font-family: 'Montserrat';
    font-size: 14px;
    min-height: 20px !important;
}
input#date_start1 {
    min-height: 38px !important;
    background: white;
    box-shadow: none;
}
span.add-on {
    padding: 8px 8px !important;
    border: 1px solid #e7e7e7 !important;
    background: white !important;
    border-radius: 6px !important;
    width: 24px !important;
}
a.btn.btn-info.btn-mini {
    background: var(--accent-color);
    box-shadow: none !important;
    border: none;
    padding: 3px 16px;
}
.label-info, .badge-info, .label-success, .badge-success, .label-important, .badge-important {
    padding: 6px 16px;
}
.label-info, .badge-info {
    background-color: var(--light-accent);
    border: 1px solid var(--border-accent);
    color: var(--accent-color);
}
#box_reservation tfoot a, #manageProductActivation tfoot a {
    background: var(--accent-color);
    padding: 3px 16px;
    top: 8px;
    position: relative;
    display: inline-block;
    color: white;
    font-family: 'Montserrat', sans-serif;
    border-radius: 6px;
    height: 36px;
    line-height: 24px;
    font-weight: 500;
    transition: background-color .25s ease-out 0s;
}
#box_reservation tfoot a:hover, #manageProductActivation tfoot a:hover {
    color: white;
    background: var(--hover-color) !important;
}
a.btn.btn-toolbar {
    background: var(--accent-color) !important;
    color: white !important;
    border: none;
    text-shadow: none;
    font-family: 'Montserrat';
    font-weight: 500 !important;
    font-size: 14px;
    padding: 13px 16px;
    height: fit-content;
    transition: all ease-in-out .25s;
}
a.btn.btn-toolbar:hover {
    background: var(--hover-color) !important;
}
a.btn.btn-toolbar:last-child {
    background: var(--full-black);
    transition: all ease-in-out .25s;
}
a.btn.btn-small {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    padding: 9px 10px;
    text-shadow: none;
    font-weight: 500;
}
a.btn.btn-small.btn-danger {
    background: #ffeeed;
    border: 1px solid  #ffc2c2;
}
a.btn.btn-small.btn-info {
    background: var(--light-accent);
    border: 1px solid var(--border-accent);
}
span.label.label-important, span.label.label-success {
    width: 34px;
    display: block;
    height: 34px;
    padding: 0px;
    position: relative;
}
span.label.label-important i, span.label.label-success i {
    position: absolute;
    inset: 0;
    margin: auto;
    left: -4px;
}
.label-success, .badge-success {
    border: 1px solid #a2dbcc;
    background-color: #dcf5ee;
}
.label-important, .badge-important {
    border: 1px solid #ffc2c2;
    background-color: #ffeeed;
}
label.control-label[for="updateIdRate1"] {
    color: var(--valid-state) !important;
    background: #dcf5ee;
    padding: 5px 14px;
    border-radius: 4px;
    border: 1px solid #a2dbcc;
    line-height: 25px;
}
label.control-label[for="date_start1"] {
    padding-top: 9px !important;
}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    border: 1px solid #e7e7e7;
    color: #292929;
    background-color: white;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600;
    padding: 4px 16px;
}
.paging_full_numbers a.paginate_active {
    background-color: var(--light-accent) !important;
    border: 1px solid var(--border-accent) !important;
    color: var(--accent-color) !important;
}
.paging_full_numbers a.paginate_button:hover {
    color: var(--accent-color) !important;
    background: var(--light-accent) !important;
    border: 1px solid var(--border-accent);
    transition: all ease-in-out .25s;
}
button.btn {
    background: white;
    border: 1px solid #e7e7e7;
    box-shadow: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
button.btn.btn-primary {
    background: var(--accent-color);
    border: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    transition: all ease-in-out .25s;
}
button.btn.btn-primary:hover {
    background-color: var(--hover-color) !important;
}
span.btn.btn-success.fileinput-button {
    background-color: var(--valid-state);
    border: none;
    background-image: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-weight: 500;
}
.fileinput-button .icon-plus {
    margin-right: 12px;
}
button.btn.btn-success {
    background: var(--valid-state);
    border: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
}
.input-prepend .add-on, .input-append .add-on {
    height: 20px;
    width: fit-content !important;
    min-width: 20px;
    margin-left: 0px;
    line-height: 20px;
    margin-left: 0px;
    padding: 8px !important;
}
button.btn.btn-danger.delete, .delete .btn-danger {
    background-color: var(--error-state);
}

.delete .icon-trash {
    margin-right: 12px;
}
.delete .icon-trash:before {
    color: white !important;
}
.btn-success .icon-picture {
    margin-right: 12px;
}
.btn-success .icon-picture:before {
    color: white;
}
.wysihtml5-toolbar a {
    background-color: #f9f9f9 !important;
    background-image: none;
    border: 1px solid #d4d4d4 !important;
    box-shadow: none;
}
.wysihtml5-toolbar .btn-group i, .wysihtml5-toolbar li a i {
    left: -3px;
}
.form-inline .span3.text-center {
    margin: 0 0 0 8px !important;
    width: max-content;
}
a.date-btn,
a#currentDayBtn, a#tomorrowBtn, a#currentMonthBtn, a#previousMonthBtn {
    background-color: white;
    background-image: none;
    border: 1px solid #d4d4d4;
    box-shadow: none;
    padding: 12px 10px;
}
a#currentMonthBtn, a#previousMonthBtn {
    margin-right: 8px;
}
.action-btn,
button[name="printJournalCaisse"], #AdminNRJournalCaisse button[name="exportJournalCaissetoExcel"], a#journalCaisseBtn,
#AdminNRInvoiceMonthlyReport button[name="exportMonthlyReporttoExcel"], button[name="printMonthlyReport"], #AdminNRInvoice button[data-original-title="Export en Excel"], 
#AdminNROrder a[href="#importCSV"], #AdminNROrder button[data-original-title="Export en CSV"], #AdminNRCustomer a[href="#importCSV"], #AdminNRCustomer button[data-original-title="Export en CSV"],
button[name="printArrivalsList"], button[name="printPresentsList"], button[name="printDeparturesList"], button[name="printCleaningList"], button[name="printList"], button[name="printMonthlyReport"],
#AdminNRInvoiceMonthlyReport button[name="exportMonthlyReporttoExcel"], #product-code-for-pms form button {
    transition: all ease-in-out .25s;
    text-shadow: none;
    background-image: none;
    background-color: white;
    box-shadow: none;
    border: 1px solid #d4d4d4;
    font-family: 'Montserrat';
    font-weight: 500 !important;
    font-size: 14px;
    padding: 12px 16px;
    height: fit-content;
    margin: 0;
    border-radius: 4px;
    color: black;
}
.action-btn .icon-download:before,
#AdminNROrder a[href="#importCSV"] .icon-csv:before, #AdminNROrder button[data-original-title="Export en CSV"] .icon-csv:before, 
#AdminNRCustomer a[href="#importCSV"] .icon-csv:before, #AdminNRCustomer button[data-original-title="Export en CSV"] .icon-csv:before,
#AdminNRInvoice button[data-original-title="Export en Excel"] .icon-csv:before, #AdminNRJournalCaisse button[name="exportJournalCaissetoExcel"] .icon-download:before,
#AdminNRInvoiceMonthlyReport button[name="exportMonthlyReporttoExcel"] .icon-download:before, #journalCaisseBtn .icon-refresh:before, #product-code-for-pms form button .icon-csv:before {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-size: 20px;
    font-weight: 100;
}
.action-btn .icon-download:before,
#AdminNROrder button[data-original-title="Export en CSV"] .icon-csv:before, #AdminNRCustomer button[data-original-title="Export en CSV"] .icon-csv:before,
#AdminNRInvoice button[data-original-title="Export en Excel"] .icon-csv:before, #AdminNRJournalCaisse button[name="exportJournalCaissetoExcel"] .icon-download:before,
#AdminNRInvoiceMonthlyReport button[name="exportMonthlyReporttoExcel"] .icon-download:before {
    content: '\f09b';
}
#AdminNROrder a[href="#importCSV"] .icon-csv:before, #AdminNRCustomer a[href="#importCSV"] .icon-csv:before, #journalCaisseBtn .icon-refresh:before, #product-code-for-pms form button .icon-csv:before {
    content: '\f090';
}
.action-btn .icon-download,
#AdminNROrder a[href="#importCSV"] .icon-csv, #AdminNROrder button[data-original-title="Export en CSV"] .icon-csv,
#AdminNRCustomer a[href="#importCSV"] .icon-csv, #AdminNRCustomer button[data-original-title="Export en CSV"] .icon-csv,
#AdminNRInvoiceMonthlyReport button[name="exportMonthlyReporttoExcel"] .icon-download, #AdminNRJournalCaisse button[name="exportJournalCaissetoExcel"] .icon-download,
#AdminNRInvoice button[data-original-title="Export en Excel"] .icon-csv, #journalCaisseBtn .icon-refresh, #product-code-for-pms form button .icon-csv {
    margin-right: 8px;
}
#products .row-fluid .span3, #channel_rate_group_exclusion .row-fluid .span3, #features .row-fluid .span3, #t6 .row-fluid .span3 {
    display: flex !important;
    word-break: break-word;
    align-items: center;
    gap: 6px;
}
.span3 input, .span3 label {
    margin: 0;
}
.span3 .icheckbox_flat-blue {
    max-width: 20px;
    min-width: 20px;
}
/** Tabs Style **/

.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
    background-color: var(--accent-color) !important;
    color: white !important;
    font-weight: 600;
    border: 1px solid var(--accent-color);
}
.nav-tabs>li>a {
    background: #fafafa;
    border: none;
    border-radius: 6px;
    padding: 14px 26px;
    font-family: 'Montserrat';
    font-weight: 600;
    border: 1px solid #e7e7e7;
    transition: all ease-in-out .25s;
}
.nav-tabs>li>a:hover {
    background: var(--light-accent);
    color: var(--accent-color) !important;
    border: 1px solid var(--border-accent);
}
.nav-tabs li i {
    display: none;
}
/** Produit Widget **/
#AdminNRProduct #widget .icon-cog:before, #AdminNRProduct.wysihtml5-supported #widget .icon-plus:before {
    content: '\efdf';
}
#AdminNRProductOption #widget .icon-cog:before, #AdminNRProductOption.wysihtml5-supported #widget .icon-plus:before {
    content: '\ea53';
}
#AdminNRExtraProduct #widget .icon-cog:before {
    content: '\eb86';
}
.form-horizontal .controls {
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 8px;
}
div#table_AdminNRProduct_wrapper, #table_AdminNRProductOption_wrapper, #table_AdminNRExtraProduct_wrapper {
    padding: 0 8px;
}

.form-actions {
    background-color: transparent;
    border-bottom: none;
    border-top: none;
    width: fit-content;
    float: right;
    margin-bottom: 0;
}
.form-actions form {
    display: flex;
    gap: 8px;
}
.dataTables_filter {
    margin-bottom: 18px;
}
table#table_AdminNRProduct, table#table_AdminNRProductOption, table#table_AdminNRExtraProduct {
    border: none;
}
table.dataTable tfoot th {
    border-top: none;
}
.table-bordered th, .table-bordered td {
    border-left: none;
}
.table td {
    border-top: none;
    border-bottom: 1px solid #e7e7e7;
    vertical-align: middle;
}

td {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 500;
}
.table thead th {
    vertical-align: top;
}
.table th {
    color: #5e5e5e;
}
.table th:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.table th:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
table.dataTable thead th {
    font-family: 'Montserrat';
    font-size: 14px;
    background: var(--light-accent);
    padding: 12px;
    color: var(--accent-color);
    font-weight: 700;
}
.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #f8f8f8 !important;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th, table.dataTable tr.even {
    vertical-align: middle;
}

#table_AdminNRProduct img, #table_AdminNRProductOption img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 6px;
    min-height: 114px;
}
table.dataTable td {
    padding: 16px 8px;
    vertical-align: middle;
}
iframe.span11 {
    width: 100% !important;
    margin-left: 0 !important;
}

#AdminNRProduct .btn-danger {
    background: #ffeeed;
    border: 1px solid #ffc2c2;
    padding: 9px 10px;
}
#AdminNRProduct .controls .btn.btn-toolbar {
    background: white;
    box-shadow: none;
    border: 1px solid #d4d4d4;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
}
#AdminNRProduct .controls .btn-toolbar .icon-plus {
    margin-right: 12px;
}
#AdminNRProduct #product-room-numbers .btn-toolbar .icon-plus:before {
    color: initial;
}
#AdminNRProductOption #informations .add-on:last-child {
    width: fit-content !important;
}
#AdminNRProduct #product-room-numbers div div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0px 0 0 10px !important;
}
#AdminNRProduct #product-room-numbers input[type="date"] {
    min-height: 38px;
}
/** Extra Widget **/

#nr_extra_product .btn.btn-toolbar:last-child {
    background: var(--accent-color);
}
.form-horizontal .control-label {
    width: 360px;
    text-align: left;
    margin-left: 8px;
    font-weight: 600;
}

/** Calendrier Produit Widget **/

.nav-tabs {
    border-bottom: none;
}
.channel-item .nav.nav-tabs li a {
    border: none;
    background-color: var(--accent-color) !important;
    color: white !important;
    border-radius: 6px !important;
    padding: 18px 24px;
    display: flex;
}
.channel-item .nav.nav-tabs li:last-child a {
    background-color: black !important;
}
.channel-item .nav.nav-tabs li:first-child a:before {
    content: '\e878';
    display: inline-block;
    margin-right: 14px;
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    font-weight: 100;
}
.channel-item .nav.nav-tabs li:last-child a:before {
    content: '\ebcc';
    display: inline-block;
    margin-right: 14px;
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    font-weight: 100;
}

/** Edition de produit widget form **/

.form-horizontal .form-actions {
    padding-left: 0px;
}

/** Planning des produits & Options **/
#control_planning .row-fluid{
    display: initial !important;
}
#AdminNRChannelPlanningV4 .nav-tabs {
    display: none;
}
#control_planning .control-label, #control_planning .input-append, #control_planning .input-large {
    top: 7px;
    position: relative;
}

#AdminNRChannelPlanning .btn.btn-primary.button-action1, #AdminNRChannelPlanningV4 .btn.btn-primary.button-action1, #AdminNRCalendarOption .btn.btn-primary.button-action1, .btn.btn-primary.button-action {
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 6px;
}
#AdminNRChannelPlanning .btn-primary i:before, #AdminNRChannelPlanningV4 .btn-primary i:before, #AdminNRCalendarOption .btn-primary i:before, .btn.btn-primary.button-action i:before {
    left: -3px;
    position: relative;
    font-size: 20px;
}
.btn-group {
    gap: 6px;
    display: flex;
}
.btn-group.pull-left.fixed-tool.affix {
    position: relative;
}
#AdminNRChannelPlanning .btn.btn-success, #AdminNRChannelPlanningV4 .btn.btn-success {
    height: 32px;
    background: var(--accent-color) !important;
    box-shadow: none;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding: 3px 16px;
    line-height: 22px;
    transition: all ease-in-out .25s;
    top: 5px;
    position: relative;
}
#AdminNRChannelPlanning .btn.btn-success:hover , #AdminNRChannelPlanningV4 .btn.btn-success:hover {
    background-color: var(--hover-color) !important;
}
#AdminNRChannelPlanning .btn.btn-success:before, #AdminNRChannelPlanningV4 .btn.btn-success:before {
    content: '\e147';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    color: white;
    margin-right: 7px;
    top: 5px;
    position: relative;
}
#AdminNRChannelPlanningV4 .icon-plus-sign.icon-white {
    display: none;
}
#AdminNRChannelPlanning .btn-primary .icon-question-sign, #AdminNRChannelPlanningV4 .btn-primary .icon-question-sign {
    margin-right: 8px !important;
}
#AdminNRChannelPlanning .btn-primary, #AdminNRChannelPlanningV4 .btn-primary {
    font-size: 12px !important;
}
.breadcrumb {
    background: none;
    padding: 16px 14px;
}
.breadcrumb span, .breadcrumb a {
    font-family: 'Montserrat', sans-serif;
}
.breadcrumb span, .breadcrumb li a {
    font-size: 16px;
    font-weight: 700;
}
.breadcrumb .pull-right a {
    font-size: 14px;
    font-weight: initial;
}
.breadcrumb .icon-th-list {
    margin-right: 12px;
}
.breadcrumb .icon-th-list:before {
    content: '\f05b';
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
    font-style: initial;
}
.breadcrumb .icon-cog:before {
    content: '\e3c9';
    right: 8px !important;
    position: relative;
    font-size: 20px;
}
.breadcrumb .pull-right a, .breadcrumb li, .breadcrumb a  {
    color: var(--accent-color) !important;
}
.breadcrumb li:not(.active) span:last-child {
    color: white;
}
.breadcrumb li:not(.active) span:last-child:before {
    content: '\e157';
    font-family: 'Material Symbols Outlined';
    font-weight: 100;
    font-size: 24px;
    vertical-align: middle;
    margin-left: 8px;
    color: var(--accent-color);
    position: relative;
    top: -2px;
}
.tableFloatingHeaderOriginal th, .tableFloatingHeader th, #AdminNRCalendarOption .table-striped th {
    color: white !important;
}
#AdminNRCalendarOption #tarification_periode th {
    color: var(--accent-color) !important;
}
#AdminNRCalendarOption #tarification_periode .control-group .checkbox {
    margin: 0 !important;
}
#AdminNRCalendarOption #tarification_periode .date input[type="text"] {
    min-height: 38px !important;
}
.datepicker thead th {
    color: var(--accent-color) !important;
}
.datepicker i:before {
    color: var(--accent-color) !important;
}
#AdminNRChannelPlanning thead b, #AdminNRChannelPlanningV4 thead b, #AdminNRCalendarOption thead b  {
    color: var(--accent-color);
    background-color: var(--light-accent);
    padding: 4px 14px;
    border-radius: 3px;
    width: -webkit-fill-available;
    display: block;
}
#AdminNRChannelPlanning .btn-success, #AdminNRChannelPlanningV4 .btn-success, #AdminNRCalendarOption .btn-success, #AdminNRCalendarPreviewV4 .btn-success {
    background-color: var(--valid-state) !important;
    background-image: none;
}
#AdminNRChannelPlanning .btn-warning, #AdminNRChannelPlanningV4 .btn-warning, #AdminNRCalendarOption .btn-warning, #AdminNRCalendarPreviewV4 .btn-warning {
    background-color: var(--warning-state) !important;
    background-image: none;
}
#AdminNRChannelPlanning .btn-info, #AdminNRChannelPlanningV4 .btn-info, #AdminNRCalendarOption .btn-info, #AdminNRCalendarPreviewV4 .btn-info {
    background-color: var(--accent-color);
    background-image: none;
}
.table-bordered {
    border: none;
}
#AdminNRChannelPlanningV4 thead th, #AdminNRCalendarOption thead th {
    border: none !important;
}
#AdminNRChannelPlanning .icon-eye-open, #AdminNRChannelPlanning .icon-eye-close, #AdminNRChannelPlanningV4 .icon-eye-open, #AdminNRChannelPlanningV4 .icon-eye-close {
    margin-right: 6px;
    opacity: .4;
}
.optional_fields_visiblity .icon-plus-sign:before {
    content: '\e8f4';
    color: black;
    opacity: .6;
}
.optional_fields_visiblity .icon-minus-sign:before {
    content: '\e8f5';
    color: black;
    opacity: .6;
}
.optional_fields_visiblity .icon-plus-sign, .optional_fields_visiblity .icon-minus-sign, .viewiCalLink .icon-calendar {
    margin-right: 14px;
}
#AdminNRChannelPlanning tbody .icon-random:before, #AdminNRChannelPlanningV4 tbody .icon-random:before {
    content: '\e86a';
    color: var(--accent-color);
    animation: LoadAnim 1.3s ease-in-out 0s infinite;
}
@keyframes LoadAnim {
    0% {
        color: var(--accent-color);
    }
    50% {
        color: lightgrey;
    }
    100% {
        color: var(--accent-color);
    }
}
#AdminNRChannelPlanningV4 td[colspan]:not([colspan="1"]) {
    padding: 24px 0 12px 0;
}
#AdminNRChannelPlanning td[colspan]:not([colspan="1"]), #AdminNRCalendarOption td[colspan]:not([colspan="1"]) {
    padding: 24px 0;
}
.label-inverse, .badge-inverse {
    background-color: var(--full-black);
    border-radius: 6px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
#AdminNRChannelPlanning .icon-bed:before, #AdminNRChannelPlanningV4 .icon-bed:before {
    content:'\efdf';
    font-family: 'Material Symbols Outlined';
    font-style: initial;
    font-size: 20px;
}
#AdminNRCalendarOption .icon-bed:before {
    content:'\e854';
    font-family: 'Material Symbols Outlined';
    font-style: initial;
    font-size: 20px;
}
#AdminNRChannelPlanning .icon-bed, #AdminNRChannelPlanningV4 .icon-bed, #AdminNRCalendarOption .icon-bed {
    margin-right: 14px;
}
#AdminNRChannelPlanning img[src="/img/channels/1.jpg"], #AdminNRChannelPlanningV4 img[src="/img/channels/1.jpg"], #AdminNRCalendarOption img[src="/img/channels/1.jpg"] {
    max-width: 38px !important;
    max-height: 38px !important;
    border-radius: 4px;
}
.view_orders {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    padding: 9px 10px;
    text-shadow: none;
    font-weight: 500;
    transition: all ease-in-out .25s;
}
.view_orders:hover {
    background: var(--light-accent) !important;
    border: 1px solid var(--border-accent);
}
.stock-error {
    background-color: #ffeeed !important;
    color: var(--error-state);
    font-weight: 600 !important;
}
#AdminNRChannelPlanningV4 .table tbody tr:hover td.stock-error {
    background-color: #ffeeed !important;
}
.stock-alert {
    background-color: #ffefd9 !important;
    color: var(--warning-state);
    font-weight: 600 !important;
}
#AdminNRChannelPlanningV4 .table tbody tr:hover td.stock-alert {
    background-color: #ffefd9 !important;
}
.stock-full {
    color: var(--valid-state);
    background-color: #dcf5ee !important;
}
#AdminNRChannelPlanningV4 .table tbody tr:hover td.stock-full {
    background-color: #dcf5ee !important;
}
#AdminNRChannelPlanning .control-group .checkbox, #AdminNRChannelPlanningV4 .control-group .checkbox, #AdminNRCalendarOption .control-group .checkbox {
    margin: auto !important;
}
#AdminNRChannelPlanning tbody td:first-child, #AdminNRChannelPlanningV4 tbody td:first-child {
    width: 118px;
}
.datepicker tbody td:first-child {
    width: initial !important;
}
td.control-group.text_center.stock-error {
    color: var(--error-state) !important;
    font-weight: 500;
    font-size: 12px;
}
#AdminNRChannelPlanning .pull-right .badge.badge-warning, #AdminNRChannelPlanningV4 .pull-right .badge.badge-warning {
    color: white;
    background: var(--warning-state);
    border: none;
    font-weight: 500;
}
#AdminNRChannelPlanning .pull-right .badge.badge-info, #AdminNRChannelPlanningV4 .pull-right .badge.badge-info {
    color: white;
    background: var(--accent-color);
    border: none;
    font-weight: 500;
}
#AdminNRChannelPlanning .pull-right .badge.badge-success, #AdminNRChannelPlanningV4 .pull-right .badge.badge-success {
    color: white;
    background: var(--valid-state);
    border: none;
    font-weight: 500;
}
#AdminNRChannelPlanning .pull-right .badge.badge-danger, #AdminNRChannelPlanningV4 .pull-right .badge.badge-danger {
    font-weight: 500;
    padding: 6px 16px;
}
/** Previsualisation **/

#AdminNRCalendarPreviewV4 #widget {
    margin-top: 0 !important;
}
#AdminNRCalendarPreviewV4 .well {
    background: white;
    border: 0;
    box-shadow: none;
}
#AdminNRCalendarPreviewV4 .well .row-fluid:first-child div:last-child{
    float: left !important;
}
#AdminNRCalendarPreviewV4 .checkbox.inline {
    margin-right: 36px !important;
    font-weight: 400;
}
#AdminNRCalendarPreviewV4 .table-striped td[colspan="32"], #AdminNRCalendarPreviewV4 .table-striped td[colspan="31"], #AdminNRCalendarPreviewV4 .table-striped td[colspan="30"] {
    padding: 24px 0px !important;
}
#AdminNRCalendarPreviewV4 .badge-inverse i:before {
    content: '\f05b';
    color: white !important;
}
#AdminNRCalendarPreviewV4 .table td {
    color: black !important;
    vertical-align: middle;
    padding: 8px 4px;
}
#AdminNRCalendarPreviewV4 tbody td:is(.btn-danger) {
    background-color: #ffeeed!important;
    background-image: none;
    color: var(--error-state) !important;
}
#AdminNRCalendarPreviewV4 tbody td:is(.btn-success) {
    color: var(--valid-state) !important;
    background-color: #dcf5ee !important;
}
#AdminNRCalendarPreviewV4 tbody td:is(.btn-warning) {
    color: var(--warning-state) !important;
    background-color: #ffefd9 !important;
}
#AdminNRCalendarPreviewV4 table .label {
    background-color: var(--light-accent);
    font-weight: 500;
    font-size: 14px;
    border: none;
}
#AdminNRCalendarPreviewV4 .btn-success {
    color: white !important;
    font-weight: 500;
    border: none;
}
#AdminNRCalendarPreviewV4 .btn-warning {
    color: white !important;
    font-weight: 500;
    border: none;
}
#AdminNRCalendarPreviewV4 .btn-info {
    color: white !important;
    font-weight: 500;
    border: none;
}
#calendar_preview .icon-tags {
    margin-right: 6px;
    top: 2px;
}
#AdminNRCalendarPreviewV4 .table-bordered {
    border: 0;
    padding: 12px;
    background: white;
}
#AdminNRCalendarPreviewV4 .table-striped .btn-info:first-child, #AdminNRCalendarPreviewV4 .btn-info[colspan="32"] b {
    background-color: #fff !important;
    color: var(--accent-color) !important;
    font-size: 14px !important;
    font-weight: 700;
    text-align: center;
    border: none;
}
#AdminNRCalendarPreviewV4 .table-striped .btn-info:first-child b {
    color: white !important;
    background-color: var(--accent-color) !important;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 500;
}
#AdminNRCalendarPreviewV4 .preview_price {
    color: var(--accent-color);
    background: var(--light-accent);
    padding: 4px;
    display: block;
    text-align: center;
}
/** Mise a jour par periode **/
#AdminNRChannelPlanningV4Period .nav.nav-tabs {
    display: none;
}
#AdminNRChannelPlanningV4Period .control-group .checkbox {
    margin: 0 !important;
}
#AdminNRChannelPlanningV4Period input#dr_date_start1, #AdminNRChannelPlanningV4Period input#dr_date_end1, #AdminNRChannelPlanningV4Period .input-mini {
    min-height: 38px !important;
}
#AdminNRChannelPlanningV4Period #productsListPeriod .input-mini {
    min-height: 28px !important;
    float: left;
    max-width: 46px;
}
#AdminNRChannelPlanningV4Period .btn.btn-warning {
    background-color: var(--warning-state);
    height: 44px;
    line-height: 0;
}
#AdminNRChannelPlanningV4Period .alert-warning {
    color: #d77e00;
    background-color: #fff8ee;
    border: 1px solid #ffe3ba;
}
#AdminNRChannelPlanningV4Period #table_periode1 .input-append .add-on {
    display: none;
}
#AdminNRChannelPlanningV4Period .control-label {
    width: auto;
    margin-right: 24px;
}
/** Planning AD **/
#AdminArrivalDeparture #main {
    overflow-x: initial;
}
div#planning-fullscreen {
    margin-left: 18px;
    width: 100%;
}
#AdminArrivalDeparture .span10 {
    width: calc(99% - 290.5px) !important;
}
#planning-root .border-gray-200 {
    border-radius: 8px 8px 0 0;
    border: 1px solid #e7e7e7;
}
#planning-root h1 {
    background-color: white;
    border-radius: 8px 8px 0 0;
    color: black;
    text-transform: inherit;
    font-size: 18px;
    font-weight: 600;
    padding-top: 14px;
}
#planning-root h1:before {
    width: 42px;
    height: 42px;
    background-color: var(--accent-color);
    display: grid;
    content: '\e916';
    border-radius: 6px;
    margin-right: 12px;
    font-family: 'Material Symbols Outlined';
    color: white;
    font-weight: 100;
    font-size: 24px;
    padding: 3px 9px;
}
#planning-root h1 .text-white {
    background-color: var(--accent-color);
    padding: 8px;
    border-radius: 6px;
}
#AdminArrivalDeparture .breadcrumb li {
    font-weight: 700;
}
#AdminArrivalDeparture .breadcrumb, #AdminArrivalDeparture .legacyCard {
    border-radius: 6px;
}
#AdminArrivalDeparture .mb-5 .breadcrumb .ml-2 {
    background-color: var(--accent-color);
    text-shadow: none;
    color: white !important;
    padding: 10px 18px;
    border-radius: 4px;
    font-weight: 500;
}
#AdminArrivalDeparture .text-blue-600 {
    color: var(--accent-color);
    font-weight: 600;
}
#AdminArrivalDeparture .planning-toolbar .active span {
    font-weight: 600 !important;
}
#AdminArrivalDeparture .breadcrumb .active .font-bold {
    color: white;
    background-color: var(--accent-color);
    text-shadow: none;
    padding: 4px 8px;
    border-radius: 4px;
}
#AdminArrivalDeparture .breadcrumb li:not(.active) span:last-child {
    color: initial;
}
#AdminArrivalDeparture .breadcrumb li:not(.active) span:last-child:before {
    display: none;
}
#AdminArrivalDeparture .breadcrumb span, .breadcrumb li a {
    font-size: 13px;
}
#AdminArrivalDeparture .breadcrumb input[type="date"] {
    height: 38px !important;
}
#AdminArrivalDeparture .planning-toolbar {
    font-weight: 500;
    display: flex;
    align-items: center;
}
#AdminArrivalDeparture .planning-toolbar .legend {
    border-radius: 4px;
    width: 24px;
    height: 24px;
}
#AdminArrivalDeparture .planning-grid .day.today {
    background-color: var(--accent-color);
}
#AdminArrivalDeparture .planning-grid .day {
    background-color: var(--valid-state);
}
#AdminArrivalDeparture .planning-grid .day.weekend {
    background-color: var(--warning-state);
}
#AdminArrivalDeparture .type-name {
    color: var(--accent-color);
}
#AdminArrivalDeparture .room {
    font-weight: 500;
}
#AdminArrivalDeparture .text-xs {
    font-weight: 500;
}
#AdminArrivalDeparture .month {
    color: var(--accent-color);
    background-color: var(--light-accent);
    font-weight: 700;
    border-right: 1px solid #c2dcf4;
}
#AdminArrivalDeparture .react-modal .add-on {
    height: 38px;
    width: 38px !important;
    line-height: 20px !important;
    margin-left: 8px;
}
#AdminArrivalDeparture .react-modal>.actions>button {
    padding: 14px 30px;
}
#AdminArrivalDeparture .react-modal>.actions .btn-danger {
    color: var(--error-state);
    border: 1px solid #ffc2c2;
    background-color: #ffeeed;
}
#AdminArrivalDeparture .booking-invoiced{
    border-left: 4px solid #0053FF;
}
#newOrderModal {
    width: calc(100% - 36vw);
    color: #707070;
    margin: auto;
    left: 0;
    right: 0;
    margin-left: auto !important;
    top: 0;
    bottom: 0;
    height: calc(100% - 12vh);
}
#newOrderModal .modal-header {
    background: transparent;
    border-bottom: 1px solid #e7e7e7;
}
#newOrderModal .modal-header .close, #AdminArrivalDeparture .react-modal .close {
    margin-top: 2px;
    background: var(--full-black);
    opacity: 1;
    color: white;
    font-weight: 300;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 24px;
}
#newOrderModal .modal-header .close:hover, #AdminArrivalDeparture .react-modal .close:hover {
    background: #303030;
}
#newOrderModal ul.new-order-header li.active {
    color: var(--accent-color);
}
#newOrderModal .new-order-nav:before {
    color: white;
    top: 10px;
    position: relative;
}
#newOrderTab1Header .new-order-nav:before {
    content: '1';
}
#newOrderTab2Header .new-order-nav:before {
    content: '2';
}
#newOrderTab3Header .new-order-nav:before {
    content: '3';
}
#newOrderTab4Header .new-order-nav:before {
    content: '4';
}
#newOrderModal h3 {
    font-size: 22px;
    color: var(--full-black) !important;
    font-weight: 600;
}
#newOrderModal h4 {
    color: var(--full-black);  
    font-weight: 500;
}

#newOrderModal ul.new-order-header li.active .new-order-nav, #newOrderModal .btn-primary {
    background: var(--accent-color);
}
#newOrderModal form .input-append.input-block-level > input {
    width: 86%;
}
#newOrderModal form .input-append.input-block-level .add-on {
    width: 38px !important;
}
#newOrderModal form .input-append.input-block-level .icon-th {
    left: -3px;
}
#newOrderModal .icon-th:before {
    content: '\ebcc';
    left: -1px;
    position: relative;
    color: #969696;
}
p#nb_nights {
    background: var(--light-accent);
    color: var(--accent-color);
    padding: 10px 8px;
    margin: 26px 0 !important;
    border-radius: 6px;
    width: fit-content;
    display: inline-flex;
    font-size: 16px;
    gap: 8px;
}
p#nb_nights:before {
    content: '\ea46';
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
}

#newOrderModal legend {
    font-size: 14px;
    background: var(--light-accent);
    color: var(--accent-color);
    padding: 12px !important;
    font-weight: 500;
    line-height: 22px;
    width: fit-content;
    border-radius: 6px;
    margin-bottom: 14px;
}
#newOrderModal .grid_prices {
    margin-top: 24px;
}
#newOrderModal .row-fluid.grid_prices_item {
    background: transparent;
    display: flex;
    align-items: center;
}
#newOrderModal .grid_prices_item .input-append input[type="number"], 
#newOrderModal .option .input-append input[type="number"], 
.input-append.fix-height-number-input input[type="number"] {
    height: 38px;
    margin-right: 6px;
}
#newOrderModal .grid_prices_item .input-append .add-on, 
#newOrderModal .option .input-append .add-on, 
.input-append.fix-height-number-input .add-on {
    height: 38px;
    line-height: 18px;
    width: 38px !important;
}
#newOrderModal table.product tbody tr, 
#newOrderModal table.option tbody tr, 
#newOrderModal table.total tbody tr {
    background: #fff;
}
#newOrderModal .option-img img {
    aspect-ratio: 1/1;
    width: 100px;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 12px;
}
#newOrderModal .option-qty .toolTip, #newOrderModal .product-qty .toolTip {
    background: none;
    box-shadow: none;
    border: 1px solid #e7e7e7;
    font-size: 16px;
    padding: 9px 15px;
}
#newOrderModal .product-qty span {
    min-width: 9px !important;
    display: inline-block;
}
#newOrderModal .option-qty .toolTip:hover {
    border: 1px solid #a7a7a7 !important;
}
#newOrderModal table.total-reservation th {
    background-color: var(--accent-color);
}
button#openSearchCustomerFormBtn, button#openAddCustomerFormBtn {
    float: right;
    padding: 12px;
}
#openSearchCustomerFormBtn .icon-search, #searchCustomerSubmitBtn .icon-search {
    margin-right: 12px;
}
#openSearchCustomerFormBtn .icon-search:before, #searchCustomerSubmitBtn .icon-search:before {
    color: #fff;
}
#newOrderModal #newOrderTab4 .row-fluid .span6 {
    width: 48%;
}
#newOrderModal #newOrderTab4 .control-group .checkbox {
    margin: initial !important;
}
/** Historique **/
#AdminLogUpdate #widget .icon-cog:before {
    content:'\e889';
}

/** Listes Arrivees, Presents, Departs **/
#AdminNRArrivalsList #widget .icon-cog:before {
    content:'\ea77';
}
#AdminNRPresentsList #widget .icon-cog:before {
    content:'\f71a';
}
#AdminNRDeparturesList #widget .icon-cog:before {
    content:'\e9ba';
}
#AdminNRArrivalsList .form-inline .input-append, #AdminNRPresentsList .form-inline .input-append, #AdminNRDeparturesList #widget .form-inline .input-append {
    margin-bottom: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    left: -44px;
    position: relative;
}

button[name="printArrivalsList"] .icon-print, button[name="printPresentsList"] .icon-print, button[name="printDeparturesList"] .icon-print, button[name="printCleaningList"] .icon-print, button[name="printList"] .icon-print {
    margin-right: 8px;
    top: 2px;
}
#AdminNRCleaning #cleaningListContent h4 {
    background: var(--light-accent);
    color: var(--accent-color);
    padding: 12px !important;
    display: flex;
    border-radius: 4px;
    width: fit-content;
    margin: 16px 0 !important;
}
#AdminNRCleaning #cleaningListContent table {
    margin-bottom: 32px !important;
}

/** Plans tarifaires & Conditions **/

#AdminNRChannelRateGroup #widget .icon-cog:before, #AdminNRChannelRateGroup .icon-list-alt:before {
    content: '\f05b';
}
#AdminNRChannelRateGroupCondition #widget .icon-cog:before, #AdminNRChannelRateGroupCondition .icon-list-alt:before {
    content: '\f52d';
}

#AdminNRChannelRateGroup .accordion-toggle b, #AdminNRChannelRateGroupCondition .accordion-toggle b {
    margin-left: 8px;
}
.alert.alert-block {
    /* margin-left: 30px !important; */
    color: var(--warning-state);
    background-color: #ffefd9;
    border: 1px solid #ffd598;
}
#AdminNRChannelRateGroup .form_datetime_start {
    margin-right: 16px;
}
.aff_mod {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    padding: 9px 10px;
    text-shadow: none;
    font-weight: 500;
    border-radius: 4px;
    margin-left: 8px;
}
.aff_mod .icon-pencil {
    left: -4px;
}
.del_interval, .price_calculation_del_interval, #AdminNRPriceAdjustment .btn-danger {
    color: var(--error-state);
    background-color: #ffeeed !important;
    border: 1px solid #ffc2c2;
    padding: 9px 10px;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    background: none;
}
.del_interval .icon-trash,
.price_calculation_del_interval .icon-trash {
    margin-right: 8px;
}
#add_slot,
#add_price_calculation_period {
    background: var(--accent-color);
    padding: 3px 16px;
    top: 8px;
    position: relative;
    display: inline-block;
    color: white;
    font-family: 'Montserrat', sans-serif;
    border-radius: 6px;
    height: 36px;
    line-height: 24px;
    font-weight: 500;
    border: none;
    transition: background-color .25s ease-out 0s;
    top: 0px;
}
#add_slot:before,
#add_price_calculation_period:before {
    content: '\e147';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    color: white;
    margin-right: 7px;
    top: 5px;
    position: relative;
}
#add_price_calculation_period:hover,
#add_slot:hover {
    color: white;
    background: var(--hover-color) !important;
}

a.btn.btn-primary {
    background-color: var(--accent-color) !important;
    border: none;
    padding: 16px 32px;
    border-radius: 8px;
    background-image: none;
    transition: all ease-in-out .25s;
}
a.btn.btn-primary:hover {
    color: white;
    background-color: var(--hover-color) !important;
}
#AdminNRPriceAdjustment .badge-info, #AdminNRPriceAdjustment .badge-warning {
    border-radius: 4px;
}
#AdminNRChannelRateGroup .tab-content img {
    max-width: 32px;
}
#AdminNRChannelRateGroup a[data-action="incrementHour"], #AdminNRChannelRateGroup a[data-action="incrementMinute"], 
#AdminNRChannelRateGroup a[data-action="decrementHour"], #AdminNRChannelRateGroup a[data-action="decrementMinute"] {
    border: 1px solid #e7e7e7 !important;
    min-height: 18px;
    border-radius: 4px;
}
#AdminNRChannelRateGroup .modal-content .icon-chevron-down, #AdminNRChannelRateGroup .modal-content .icon-chevron-up {
    display: initial
}
#AdminNRChannelRateGroup .modal-content .icon-chevron-down:before {
    content: '\e5cf';
    font-family: 'Material Symbols Outlined';
}
#AdminNRChannelRateGroup .modal-content .icon-chevron-up:before {
    content: '\e5ce';
    font-family: 'Material Symbols Outlined';
}
#mapping .control-group .checkbox {
    margin: inherit !important;
}
/** Offres Spéciales **/
#AdminNRMarketingDiscount #widget .icon-cog:before, #AdminNRMarketingDiscount #widget .icon-tag:before {
    content: '\e928';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    font-style: normal;
    color: white;
    font-weight: 100;
}
.well {
    background: none;
    box-shadow: none;
    font-family: 'Montserrat', sans-serif;
}
#AdminNRMarketingDiscount legend {
    color: var(--accent-color);
}
#AdminNRMarketingDiscount .alert.alert-block {
    margin-left: 0px !important;
}
#AdminNRMarketingDiscount .row-fluid .span6 {
    width: 49%;
}
#AdminNRMarketingDiscount .row-fluid .span6:last-child {
    margin-left: 18px;
}
#AdminNRMarketingDiscount .paddind .row-fluid:last-child .span6 {
    margin-left: 0 !important;
}
#AdminNRMarketingDiscount .alert {
    padding: 18px;
}
#AdminNRMarketingDiscount .alert p {
    text-align: center !important;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
}
#AdminNRMarketingDiscount .alert-info .btn-info {
    background-color: var(--accent-color);
}
#AdminNRMarketingDiscount .alert-warning {
    color: var(--warning-state);
    background-color: #ffefd9;
    border: 1px solid #ffd598;
}
#AdminNRMarketingDiscount .badge-success {
    color: var(--valid-state);
    border-radius: 4px;
}
#AdminNRMarketingDiscount .alert-warning .btn-warning {
    background-color: var(--warning-state);
}
#AdminNRMarketingDiscount .btn-danger {
    color: var(--error-state);
    background-color: #ffeeed !important;
    border: 1px solid #ffc2c2;
    padding: 9px 10px;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    background: none;
}
#AdminNRMarketingDiscount #periodes-additionnelles .icon-trash {
    margin-right: 8px;
}
#AdminNRMarketingDiscount .ui-multiselect {
    border: 1px solid var(--border-accent);
    padding: 12px;
    background-color: var(--light-accent) !important;
    background: none;
}
#AdminNRMarketingDiscount a.btn[placeholder="Cliquez pour générer un code aléatoire"] {
    background: var(--accent-color);
    color: white !important;
    text-shadow: none;
    box-shadow: none;
    padding: 13px 16px;
    top: 2px;
    position: relative;
    border-radius: 6px;
    border: none;
    font-weight: 500;
}
#AdminNRMarketingDiscount .btn .icon-tag {
    margin-right: 7px;
}
/** Ajustement tarifaires, Info prix & Marketing **/
#AdminNRPriceAdjustment #widget .icon-cog:before, #AdminNRPriceAdjustment #widget .icon-tag:before {
    content: '\e429';
    font-family: 'Material Symbols Outlined';
    font-style: initial;
    font-weight: 100;
}
#AdminNRPriceAdjustment .input-append input[class*="span"], #AdminNRPriceInfo .input-append input[class*="span"], #AdminNRMarketingDiscount .input-append input[class*="span"]{
    min-height: 38px !important;
    margin-right: 5px !important;
}
#AdminNRPriceInfo #widget .icon-cog:before, #AdminNRPriceInfo #widget .icon-list-alt:before {
    content: '\e88e';
}
#AdminNRPriceAdjustment #add_order_rule_validity_period, #AdminNRMarketingDiscount #add_order_rule_validity_period {
    background: var(--accent-color);
    padding: 13px 16px;
    top: 8px;
    position: relative;
    display: inline;
    color: white;
    font-family: 'Montserrat', sans-serif;
    border-radius: 6px;
    line-height: 24px;
    font-weight: 500;
    border: none;
    transition: background-color .25s ease-out 0s;
    top: 0px;
}
#AdminNRPriceAdjustment #add_order_rule_validity_period:before, #AdminNRMarketingDiscount #add_order_rule_validity_period:before {
    content: '\e147';
    font-size: 20px;
    color: white;
    margin-right: 7px;
    top: 5px;
    position: relative;
    font-family: 'Material Symbols Outlined';
}
#AdminNRPriceAdjustment #periode_additionnelle0 .icon-trash {
    margin-right: 8px;
}
/** Comparateur **/

#AdminNRChannelPrice .row-fluid .span6:last-child {
    margin-left: 18px;
}
#AdminNRChannelPrice .icon-eye-open:before {
    color: white !important;
}
#AdminNRChannelPrice .icon-hdd {
    margin-right: 8px;
}
#AdminNRChannelPrice .icon-hdd:before {
    content: '\e161';
    font-family: 'Material Symbols Outlined';
    font-style: initial;
    font-weight: 100;
    font-size: 20px;
}
/** Reservations **/
#AdminNROrder #widget .icon-cog:before {
    content: '\f174';
}
#AdminNROrder .form-actions form {
    align-items: center;
}
#AdminNROrder input#date_start, #AdminNROrder input#date_end {
    min-height: 38px !important;
    width: 106px;
}
#AdminNROrder a[href="#importCSV"], #AdminNROrder button[data-original-title="Export en CSV"] {
    margin-top: 9px;
    margin-bottom: 5px;
}

#AdminNROrder .label-success {
    color: var(--valid-state);
}
#AdminNROrder .label-important {
    color: var(--error-state);
}
#AdminNROrder .label, #AdminNROrder .label-important, #AdminNROrder .label-success {
    padding: 6px 16px;
    height: auto;
    width: fit-content;
}
#AdminNROrder .label.label-invoice{
    height: 34px;
    width: 34px;
    padding: 0;
}
#AdminNROrder .well-small small i {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
}
#AdminNROrder .label-inverse {
    color: var(--warning-state);
    background-color: #ffefd9;
    border: 1px solid #ffd598;
    font-weight: 700 !important;
    font-size: 10.998px !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
}    
/** Fiche reservation **/
#AdminNROrder #widget {
    width: calc(99% - 301px);
}
#AdminNROrder .row-fluid:first-child {
    display: block;
} 
#AdminNROrder #widget .row-fluid [class*="span"] {
    margin-left: 18px;
}
#AdminNROrder #widget .row-fluid [class*="span"]:first-child {
    margin-left: 0 !important;
}
#AdminNROrder #widget .row-fluid [class*="span"]:last-child {
    float: left !important;
}
#AdminNROrder .accordion-heading .icon-ok:before {
    color: white;
}
#AdminNROrder #widget .accordion-group {
    margin-bottom: 0 !important;
}
a[data-original-title="OUI"] img, a[data-original-title="NON"] img {
    display: none;
}
a[data-original-title="OUI"]:before {
    content: '\e876';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    color: var(--valid-state);
    top: 3px;
    position: relative;
}
a[data-original-title="NON"]:before {
    content: '\e5cd';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    color: var(--error-state);
    top: 3px;
    position: relative;
}
button[value="customer"], button[value="hotel"] {
    background: var(--light-accent);
    border: 1px solid var(--border-accent);
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: var(--accent-color);
    text-shadow: none;
    transition: all ease-in-out .25s;
}
button[value="customer"]:hover, button[value="hotel"]:hover {
    background-color: var(--accent-color);
    color: white;
}
button[value="customer"] .icon-envelope, button[value="hotel"] .icon-envelope, button[name="generate_invoice"] .icon-edit {
    display: inline-block;
    margin-right: 16px;
}
button[name="generate_invoice"] .icon-edit {
    margin-right: 16px !important;
}
button[value="customer"] .icon-envelope:before {
    content: '\e853';
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-size: 24px;
    font-weight: 100;
}
button[value="hotel"] .icon-envelope:before {
    content: '\f14f';
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-size: 24px;
    font-weight: 100;
}
button[name="generate_invoice"] .icon-edit:before {
    content: '\f5a1';
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-size: 24px;
    font-weight: 100;
    color: white;
}
#AdminNROrder .well select {
    height: 50px !important;
}
#AdminNROrder .span6 .well {
    border: 1px solid #bddcf7;
    background: #f3f9ff;
}
#AdminNROrder .controls [data-toggle="modal"], a[data-original-title="Voir la fiche client"] {
    background: white;
    box-shadow: none;
    border: 1px solid #d4d4d4;
}
#AdminNROrder .table-striped [data-toggle="modal"], #AdminNROrder .controls [data-toggle="modal"] {
    box-shadow: none;
    background: var(--light-accent);
    border: 1px solid var(--border-accent);
    margin-left: 8px;
    color: var(--accent-color);
}
#AdminNROrder .btn.openRemoveOrderPaymentBtn {
    padding: 8px 10px !important;
    background: #ffeeed !important;
    border: 1px solid #ffc2c2 !important;
}
#AdminNROrder #payments_history .btn.openUpdateOrderPaymentBtn {
    padding: 8px 6px;
}
#AdminNROrder .controls [data-toggle="modal"] .icon-edit:before, #AdminNROrder .table-striped [data-toggle="modal"] .icon-pencil:before, #AdminNROrder .table-striped [data-toggle="modal"] .icon-edit:before, #AdminNROrder .icon-minus:before,
#AdminNROrder .table-striped .icon-plus:before {
    color: var(--accent-color) !important;
}
#AdminNROrder .table-striped img {
    width: 90%;
    border-radius: 8px;
}
#AdminNROrder .table-striped .label {
    float: left;
}
#AdminNROrder .icon-edit, #AdminNROrder .icon-minus {
    margin-right: 8px;
}
#AdminNROrder .icon-minus:before {
    content: '\e872';
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-size: 20px;
    font-weight: 100;
    color: #969696;
}
#AdminNROrder .table-striped .icon-plus:before {
    color: #969696;
}

#AdminNROrder .btn-warning {
    background-color: var(--accent-color) !important;
    background-image: none;
}
#AdminNROrder .btn-warning td {
    color: white !important;
}
#AdminNROrder .well.btn-primary {
    background-color: var(--accent-color) !important;
}
#AdminNROrder  .btn-info {
    background-color: var(--accent-color);
    background-image: none;
}
#AdminNROrder .btn-info td {
    color: white !important;
}
#AdminNROrder .btn[data-original-title="Remboursement, Consultation, Annulation, Validation, Duplication de la transaction"], a.btn[href="#question_atos"] {
    padding: 14px 16px;
    background: none;
    box-shadow: none;
    border: 1px solid white;
    color: white !important;
    text-shadow: none;
}
#AdminNROrder .modal-body .control-group.span6 {
    margin: 0 !important;
    margin-bottom: 8px !important;
}
#AdminNROrder .modal-body .add-on {
    max-width: 22px;
    max-height: 22px;
}
#newOrderModal form .input-append.input-block-level {
    min-width: auto;
}
#AdminNROrder .modal-body .input-block-level{
    min-width: max-content;
    float: right;
    margin-left: 36px;
    max-height: 40px;
}
#AdminNROrder .modal-body .control-label {
    max-width: 250px !important;
}
#AdminNROrder .modal-body .controls {
    display: flow-root;
    margin: 0;
}
#AdminNROrder .modal-body .input-append.fix-height-number-input {
    min-width: 120px !important;
    margin: 0;
}
#AdminNROrder .modal-body table .control-group {
    margin-bottom: 0;
}
#AdminNROrder blockquote {
    padding: 0;
    border: 0;
}
/** Clients , Origines **/
#AdminNRCustomer #widget .icon-cog:before {
    content: '\e7ef';
}
#AdminNRCustomer #widget .icon-user:before {
    content: '\e853';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    font-style: normal;
    color: white;
    font-weight: 100;
}
#AdminNRCustomer .form-actions form {
    align-items: center;
}
#AdminNRCustomer input#date_start, #AdminNRCustomer input#date_end {
    min-height: 38px !important;
}
#AdminNRCustomer a[href="#importCSV"], #AdminNRCustomer button[data-original-title="Export en CSV"] {
    margin-top: 9px;
    margin-bottom: 5px;
}

#AdminNRBookingOrigin #widget .icon-globe:before {
    content: '\e64c';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    font-style: normal;
    color: white;
    font-weight: 100;
}
#AdminNRCustomer table a {
    border: 1px solid #d4d4d4;
    background-image: none;
}
#AdminNRCustomer table a .icon-eye-open {
    margin-right: 8px;
}
#AdminNRCustomer table a .icon-eye-open:before {
    color: #969696;
}
/** Canaux Distribution **/

#AdminNRChannel #widget .icon-cog:before, #AdminNRChannel #widget .icon-list-alt:before {
    content: '\e0ad';
}
#AdminNRChannelSubscription #widget .icon-cog:before {
    content: '\f56e';
}
#AdminNRChannelEventLogger #widget .icon-cog:before {
    content: '\e889';
}
#AdminNRChannelSubscriptionManager #widget .icon-cog:before, #AdminNRChannelSubscriptionManager #widget .icon-list-alt:before {
    content: '\e97a';
}
#AdminNRChannelRate #widget .icon-cog:before {
    content: '\f05b';
}
/** Abonnes **/
#AdminNRChannelSubscriptionManager .btn.btn-small[data-original-title="Voir"] {
    display: inline;
}
/** Etablissement **/
#AdminNRFirm #widget .icon-cog:before {
    content: '\f14f';
}
#AdminNRFirm h6 i {
    position: relative;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: inherit;
    margin: auto;
    text-shadow: none;
}
#AdminNRTax #widget .icon-cog:before {
    content: '\ef6e';
}
#AdminNRTax .icon-flag:before {
    content: '\ef6e';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    font-style: normal;
    color: white;
    font-weight: 100;
}
#AdminNRFirmGroup #widget .icon-cog:before {
    content: '\e527';
}
#AdminNRFirmGroup .icon-screenshot:before {
    content: '\e527';
    font-family: 'Material Symbols Outlined';
    font-size: 20px;
    font-style: normal;
    color: white;
    font-weight: 100;
}
#AdminNRCMS #widget .icon-cog:before, #AdminNRCMS .icon-list-alt:before {
    content: '\f5a0';
}
#AdminNRFirm .btn.pull-right.btn-danger {
    color: var(--accent-color);
    border: 1px solid var(--border-accent);
    margin-left: 4px;
    transition: all ease-in-out .25s;
}
#AdminNRFirm .btn.pull-right.btn-danger .icon-tags {
    margin-right: 8px;
}
#AdminNRFirm .btn.pull-right.btn-danger:hover {
    background-color: var(--light-accent);
}
#AdminNRFirm .btn-file, #AdminNRFirm .btn.fileupload-exists {
    background: white;
    box-shadow: none;
    border: 1px solid #d4d4d4;
    margin: 8px;
}
#age-definitions input[type="number"],
#child-price input[type="number"] {
    min-height: 28px;
}
.deleta_age_group_btn {
    background: #ffeeed !important;
    border: 1px solid #ffc2c2 !important;
    padding: 9px 11px !important;
    border-radius: 4px !important;
}
#add-age-button,
.btn.add-age-button-child {
    background: var(--accent-color);
    color: white;
    text-shadow: none;
    border: none;
    margin-top: 12px;
}
#add-age-button:hover,
.add-age-button-child:hover {
    background-color: var(--hover-color) !important;
}
#AdminNRFirm  #typeFirmsForm .span6 {
    margin: 11px;
}
#AdminNRFirm .fileupload {
    width: auto;
}

#AdminNRFirm .fileupload .thumbnail {
    aspect-ratio: 16/9;
    max-width: 190px !important;
}
#AdminNRFirm  small i, #AdminNRFirm #t8 i {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 500;
}
#AdminNRFirm  a[data-action="incrementHour"], #AdminNRFirm  a[data-action="incrementMinute"], 
#AdminNRFirm  a[data-action="decrementHour"], #AdminNRFirm  a[data-action="decrementMinute"] {
    border: 1px solid #e7e7e7 !important;
    min-height: 18px;
    border-radius: 4px;
}
#AdminNRFirm  .modal-content .icon-chevron-down, #AdminNRFirm  .modal-content .icon-chevron-up {
    display: initial
}
#AdminNRFirm  .modal-content .icon-chevron-down:before {
    content: '\e5cf';
    font-family: 'Material Symbols Outlined';
}
#AdminNRFirm .modal-content .icon-chevron-up:before {
    content: '\e5ce';
    font-family: 'Material Symbols Outlined';
}
#AdminNRFirm .modal-content .bootstrap-timepicker-hour, #AdminNRFirm .modal-content .bootstrap-timepicker-minute {
    border: none;
    box-shadow: none;
}
.dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover {
    color: black;
}
/** Facturation **/

#AdminNRInvoice #widget .icon-cog:before {
    content: '\ef6e';
}
#AdminNRInvoice .btn.btn-small.btn-primary {
    background-color: #ffffff !important;
    border: 1px solid #d4d4d4;
    padding: 9px 10px;
    text-shadow: none;
    font-weight: 500;
    border-radius: 4px;
}
#AdminNRInvoice .btn-primary[data-original-title="Imprimer avec les paiements"] i {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px;
}
#AdminNRInvoice input#date_from {
    min-height: 38px !important;
}
#AdminNRInvoice .input-append {
    margin: 0 !important;
    display: flex;
    gap: 6px;
    align-items: center;
    position: relative;
}
#AdminNRInvoice button[data-original-title="Supprimer le filtre"] {
    padding: 9px 32px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
}
#AdminNRInvoice button[data-original-title="Export en Excel"] {
    background-image: none;
    background-color: white;
    box-shadow: none;
    border: 1px solid #d4d4d4;
    font-family: 'Montserrat';
    font-weight: 500 !important;
    font-size: 14px;
    padding: 12px 16px;
    height: fit-content;
    margin: 0;
    border-radius: 4px;
}

#AdminNRInvoice .btn.btn-toolbar {
    margin: 0;
}
#AdminNRInvoice td:first-child i {
    position: relative;
    font-family: inherit;
    font-size: inherit;
    font-style: italic;
    font-weight: inherit;
    margin: auto;
}
#AdminNRInvoice .well {
    background: white !important;
    padding: 0;
}
.invoice-information.form-horizontal .customer_name {
    color: black;
    font-weight: 600;
    border: 1px solid #e7e7e7;
    padding: 6px 16px;
    border-radius: 4px;
    left: -6px;
    position: relative;
    font-size: 16px;
}

span#customer_address {
    color: black;
    font-weight: 600;
    border: 1px solid #e7e7e7;
    padding: 6px 16px;
    border-radius: 4px;
    left: -6px;
    position: relative;
    font-size: 16px;
    width: max-content !important;
    display: block;
}
.invoice-information.form-horizontal label, .invoice-information.form-horizontal .customer_name_label {
    font-size: 16px;
    color: black;
    font-weight: 500;
    margin-left: 0;
    width: 206px;
}
.invoice-information.form-horizontal .controls {
    margin-left: 0;
}

.invoice-detail-container {
    box-shadow: none;
    border: 1px solid #e7e7e7e7;
}

.invoice-detail-container .row-fluid {
    padding-left: 50px;
}
.invoice-detail-container:before {
    content: '\f05b';
    background: var(--accent-color);
    font-family: 'Material Symbols Outlined';
    color: white;
    display: flex;
    height: 79px;
    position: absolute;
    padding: 6px 8px;
    margin: auto;
    font-size: 23px;
    align-items: center;
    border-radius: 4px;
}
.invoice-detail-container label, .information-complementaire label {
    color: var(--accent-color);
}
#AdminNRInvoice .invoice-detail-container input {
    background-color: #f8f8f8 !important;
    padding: 6px !important;
}
#AdminNRInvoice .discount_input {
    max-height: 38px !important;
}
#AdminNRInvoice #payment_date_1 {
    max-height: 38px;
}
#AdminNRInvoice .input-block-level {
    margin: 0;
    min-height: 38px;
}
.span1.text-right {
    position: absolute;
    right: 22px;
}
#AdminNRInvoice input[type="text"], #AdminNRInvoice textarea {
    background-color: white;
    box-shadow: none;
    padding: 7px !important;
}
#AdminNRInvoice .input-append input {
    min-height: 22px !important;
    height: 38px;
}
select.input-block-level {
    min-width: max-content;
}
.fix-bootstrap .input-append.input-block-level > input, input.input-block-level {
    width: 100%;
    padding: 6px !important;
    height: -webkit-fill-available !important;
}
#AdminNRInvoice #invoicing-lines-container .input-append, #AdminNRInvoice .invoice-information .input-append, #AdminNRInvoice .information-complementaire .input-append, #AdminNRInvoice .invoice-total-container .input-append {
    left: 0;
}
input#object {
    width: 600px !important;
}
#AdminNRInvoice textarea {
    font-weight: 600 !important;
    color: #3d3d3d !important;
}
a#addProductBtn, a#addOptionBtn, #AdminNRInvoice .btn.btn-nr-primary.btn-large.btn-nr {
    background-color: var(--accent-color);
    opacity: 1;
    margin: 0;
    box-shadow: none;
    margin-bottom: 4px;
    transition: all ease-in-out .25s;
}
a#addProductBtn:hover, a#addOptionBtn:hover, #AdminNRInvoice .btn.btn-nr-primary.btn-large.btn-nr:hover {
    background-color: #0074dd !important;
} 
.invoice-total-container {
    border: 1px solid var(--light-accent);
    border-radius: 6px;
    padding: 14px;
    width: auto;
    float: right;
}
.invoice-total-container .control-group {
    display: flex;
    justify-content: space-between;
}
.invoice-total-container:before {
    content: 'Reste à payer';
    font-size: 20px;
    margin-bottom: 18px;
    display: block;
    font-weight: 600;
}
.invoice-total-container .control-group {
    margin-bottom: 6px;
}
.invoice-total-container .text-right {
    color: var(--accent-color) !important;
    background: #f3f9ff;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #bddcf7;
    width: 200px;
}
.invoice-total-container .text-red {
    color: var(--error-state) !important;
    background: #fff6f5;
    border: 1px solid #ffd9d9;
}
.invoice-total-container .text-green {
    color: var(--valid-state) !important;
    border: 1px solid #baeade;
    background-color: #edfbf7;
}
.input-append.input-block-level.span6 {
    float: right;
}
.invoice-total-container input{
    font-size: 16px;
    font-weight: 600;
    color: #3d3d3d;
}
.btn-remove-line {
    border: 1px solid #ffc2c2 !important;
    background-color: #ffeeed !important;
    padding: 9px 11px !important;
    border-radius: 4px !important;
}
#AdminNRInvoice .input-append .add-on {
    font-size: 16px;
    line-height: 20px;
}
#AdminNRInvoice .btn-nr-danger {
    background-color: black !important;
}
#AdminNRInvoice #sendEmailBtn {
    box-shadow: none;
    padding: 15px 32px;
    background-color: var(--light-accent);
    border: 1px solid var(--accent-color);
    color: var(--accent-color) !important;
    margin: 0;
    border-radius: 8px;
}
#AdminNRInvoice .btn-large {
    margin: 0;
}
#AdminNRInvoice .information-complementaire .span2.text-left {
    margin: 6px !important;
    top: -5px;
    position: relative;
}
#addInvoiceProductForm .btn-primary, #addInvoiceExtraForm .btn-primary {
    background-color: var(--accent-color);
}
.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
}
#AdminNRInseeReport .form-inline .input-append {
    margin-bottom: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    left: -44px;
    position: relative;
}
#AdminNRInseeReport input#date_from {
    min-height: 38px !important;
}
#AdminNRInvoice .modal-body .input-block-level {
    min-width: 120px;
    float: right;
    margin-left: 36px;
    max-height: 40px;
}
#AdminNRInvoice .modal-body .input-block-level .icon-th {
    left: -3px;
    top: 2px;
}
/** Journal de caisse **/

#AdminNRJournalCaisse #widget .icon-cog:before {
    content: '\ef6e';
}
#AdminNRJournalCaisse input#date_from, #AdminNRJournalCaisse input#date_to {
    min-height: 38px !important;
}
#AdminNRJournalCaisse .input-append .add-on {
    margin-left: 6px;
}
button[name="printJournalCaisse"] .icon-print{
    margin-right: 8px;
    top: 2px;
}
a#journalCaisseBtn {
    margin: 0 8px 0 0 !important;
}
a#journalCaisseBtn {
    top: -3px;
    position: relative;
    color: black !important;
}
#AdminNRJournalCaisse td[colspan="7"] {
    color: var(--accent-color);
    background: var(--light-accent);
}

#AdminNRJournalCaisse thead th {
    border-bottom: 1px solid #c5e1f9;
}
/** Rapports Mensuels **/
#AdminNRInvoiceDailyReport #widget .icon-cog:before, #AdminNRInvoiceMonthlyReport #widget .icon-cog:before, #AdminNRInseeReport #widget .icon-cog:before {
    content: '\ef6e';
}

#AdminNRInvoiceMonthlyReport .form-inline .input-append {
    margin-bottom: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    left: -44px;
    position: relative;
}
#AdminNRInvoiceDailyReport input#date_from,
#AdminNRInvoiceMonthlyReport input#date_from,
#AdminNRInvoiceMonthlyReport input#date_to {
    min-height: 38px !important;
    width: 140px;
}
button[name="printMonthlyReport"] .icon-print{
    margin-right: 8px;
    top: 2px;
}
#AdminNRInvoiceDailyReport #monthlyReportContent td,
#AdminNRInvoiceMonthlyReport #monthlyReportContent td {
    text-align: left !important;
}
#AdminNRInvoiceMonthlyReport #monthlyReportContent h4,
#AdminNRInvoiceDailyReport #monthlyReportContent h4 {
    background: var(--light-accent);
    color: var(--accent-color);
    padding: 12px !important;
    display: flex;
    border-radius: 4px;
    width: fit-content;
    margin: 16px 0 !important;
}
#AdminNRInvoiceMonthlyReport #monthlyReportContent table {
    margin-bottom: 32px !important;
}
#AdminNRInvoiceDailyReport tfoot tr:nth-child(1) td, #AdminNRInvoiceMonthlyReport tfoot tr:nth-child(1) td {
    border-top: 1px solid var(--border-accent);
    border-bottom: 1px solid var(--border-accent);
    color: var(--accent-color);
    background: var(--light-accent);
}
/** Paramètres & Outils **/
#double-authentication button,
button[name="resetdoubleauthentication"] {
    background-color: var(--accent-color);
    color: white;
    text-shadow: none;
    width: fit-content;
    border: none;
    font-size: 15px;
    margin: 5px 10px;
    padding: 14px 14px;
}
#double-authentication button:hover,
button[name="resetdoubleauthentication"]:hover {
    background-color: var(--hover-color);
    color: white;
}
#AdminEmployees .icon-user:before {
    content: '\f02e';
}
#AdminEmployees input#passwd {
    min-height: 38px !important;
}
#AdminEmployees .controls span {
    font-weight: 500;
}

#AdminSubscription input.span8 {
    min-height: 38px !important;
    margin: 0 !important;
}
#AdminSubscription #typeSubscriptionForm .span6:last-child {
    margin-left: 18px;
}
#AdminSubscription #id_firm_sponsor {
    max-width: 280px;
}
#typeSubscriptionForm .row-fluid .btn, a#show-spi-mapping-btn, #AdminEmployees .controls .btn {
    background-color: var(--accent-color) !important;
    color: white !important;
    text-shadow: none;
    box-shadow: none;
    background: none;
    border: none;
    padding: 13px 16px;
    margin: 0;
}
#AdminEmployees .controls .btn .icon-tag {
    margin-right: 12px;
}
#AdminEmployees .controls .btn .icon-tag:before {
    content: '\e863';
}
#typeSubscriptionForm .row-fluid .btn .icon-random, #show-spi-mapping-btn .icon-random {
    margin-right: 16px;
}
#AdminManageSyspayUser .label-success {
    padding: 6px 16px;
    height: auto;
    width: fit-content;
    color: var(--valid-state);
}
#AdminTraductions .icon-bookmark::before {
    content: '\e8e2';
}
#AdminAccess .icon-lock::before {
    content: '\e593';
}
#AdminSupervisionChannelManager .icon-globe::before, #AdminSupervisionTimeChannelManager .icon-globe::before, #AdminWebserviceQueryTracker .icon-globe::before {
    content: '\f04e';
}
#AdminNRDashboardNews .label-success {
    padding: 6px 16px;
    height: auto;
    width: fit-content;
    color: var(--valid-state);
}
#AdminNRDashboardNews .controls {
    display: flow-root;
}
#AdminNRDashboardNews input#date_end {
    min-height: 38px !important;
}
#AdminNRSoRoomMasterAccount input {
    height: 38px !important;
    max-height: 38px !important;
}
#AdminNRSoRoomMasterAccount .icon-signal {
    margin-right: 12px;
}
#AdminNRSoRoomMasterAccount .icon-signal:before {
    content: '\f190';
}

#AdminNREmailCustomBlock .icon-envelope{
    display: inline-block;
}
#AdminNREmailCustomBlock .icon-envelope:before {
    content: '\e158';
}

#modalViewOrder.modal {
    max-height: 60vh;
}

/** Responsive **/
@media screen and (max-width : 360px) {
    .chzn-container-active .chzn-drop {
        max-width: 278px !important;
    }
}
@media screen and (max-width : 800px) and (max-height: 360px) {
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding: 12px;
    }
    .navbar .nav.pull-right {
        width: 51%;
    }
}

@media screen and (max-width : 896px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding: 12px;
    }
    .navbar .nav.pull-right {
        width: 51%;
    }
}
@media screen and (max-width : 586px) {
    body {
        padding-right: 13px;
    }
    #main .row-fluid {
        width: 100%;
        flex-direction: column;
    }
    a#novaresa-title {
        min-width: 100% !important;
    }
    .navbar-inner .container-fluid {
        padding: 5px 15px 5px 25px !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 0px;
    }
    ul.nav.pull-left.bar-root {
        width: -webkit-fill-available !important;
    }
    #current_firm {
        max-height: 47px;
    }
    #current_firm, #current_firm.dropdown.open .dropdown-menu, .dropdown-nr-menu {
        width: 321px !important;
        max-width: calc(100% - 143px) !important;
    }
    .navbar .bar-root li {
        width: -webkit-fill-available;
        text-align: center;
    }
    .nav-collapse, .nav-collapse.collapse {
        height: 60px;
    }
    .group-menu .nav>li>a.notifications:after {
        font-weight: 100;
    }
    ul.nav.pull-right {
        margin: 8px 0 0 0 !important;
    }
    .news-modal.fade.in .modal-dialog {
        right: 12px !important;
        margin-right: -8px;
    }
    .come-from-modal.left .modal-content, .come-from-modal.right .modal-content {
        width: 78%;
        float: right;
    }
    #widget {
        margin-left: 12px !important;
    }
    div#widget {
        max-width: 100vw !important;
        width: auto !important;
    }
    #box_reservation tfoot a, #manageProductActivation tfoot a {
        float: left;
    }
    #box_DR th, #box_DR td {
        padding: 8px 4px !important;
    }
    #AdminArrivalDeparture .span10 {
        width: auto !important;
    }


    #AdminArrivalDeparture .text-xl.text-gray-500.p-4.fill-current.false {
        padding: 0px;
    }

    footer div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

@media screen and (max-width: 768px) {
    a#novaresa-title {
        width: calc(100% - 257px) !important;
    }
    .navbar .nav-collapse .nav.pull-right {
        min-width: 99% !important;
    }
    li#current_firm {
        width: -webkit-fill-available !important;
    }
    #current_firm.dropdown.open .dropdown-menu, .dropdown-nr-menu {
        min-width: calc(100% - 28px) !important;
    }
    .navbar-inner {
        width: 96vw;
    }
}

@media screen and (max-width : 890px) {
    html, body {
        overflow-x: hidden;
    }
    a#novaresa-title {
        width: 100%;
    }
    .navbar.navbar-fixed-top {
        margin: 0 !important;
    }

    .navbar-inner {
        padding: 12px !important;
    }
    .navbar-inner .container-fluid {
        padding: 0px !important;
        /* padding: 2px; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    
    .navbar .bar-root li {
        padding: 5px 15px;
        float: left;
    }
    ul.nav.pull-left.bar-root {
        width: fit-content;
        margin-right: 0 !important;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: right;
        justify-content: flex-end;
        max-height: 49px;
        width: calc(100% - 252px) !important;
    }
    ul.nav.pull-right {
        width: calc(100% - 278px) !important;
    }
    
    #AdminArrivalDeparture .card {
        min-width: fit-content;
    }
    #AdminArrivalDeparture .mb-5 .breadcrumb.flex.flex-row.items-center {
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: flex-start;
    }
    #AdminArrivalDeparture .mb-5 .breadcrumb .ml-2 {
        margin-left: 0;
    }
    #AdminArrivalDeparture .breadcrumb.planning-toolbar.flex.flex-row.items-center {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }
}
@media screen and (max-width: 979px) {
    .navbar-fixed-top {
        margin-bottom: 0px !important;
    }
    .group-menu.nav-collapse {
        width: fit-content;
        min-height: 60px;
        display: contents;
    }
    .navbar-inner .dropdown-menu {
        display: none !important;
    }
    .open > .dropdown-menu {
        display: block !important;
        position: absolute;
        left: -16px !important;
    }
    .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a  {
        font-weight: 500;
    }
    .chzn-container-active .chzn-drop {
        width: 332px !important;
    }
    div#col2 {
        margin-left: 0 !important;
    }
    ul.nav.pull-right {
        width: calc(100% - 256px) !important;
    }
    .group-menu .nav>li>a:after {
        font-weight: 100 !important;
    }
}
@media screen and (max-width: 1025px) {
    .navbar-inner .container-fluid {
        flex-wrap: wrap;
    }
    a#novaresa-title {
        width: 100%;
    }
    ul.nav.pull-left.bar-root {
        width: auto;
    }
    .group-menu.nav-collapse {
        float: right;
        width: 74%;
    }
}

@media screen and (max-width: 1041px) {
    .navbar-inner .container-fluid {
        padding: 12px;
    }
}
@media screen and (max-width: 1080px) {
    .navbar .bar-root li {
        padding: 5px 10px !important;
    }
}
@media screen and (max-width: 1200px) {
    .dropdown-menu:has(.modal-header) {
        width: 416px;
        float: right;
        right: -15px !important;
        left: auto !important;
        top: 60px;
    }
    .modal-body .row {
        margin-left: initial;
    }
    .modal-body .span4 {
        min-width: max-content !important;
        display: flex;
        gap: 18px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1226px) {
    .dropdown-nr-menu {
        right: 114px;
        left: auto;
    }
}
@media screen and (max-width: 769px) {
    .dropdown-nr-menu {
        min-width: calc(100% - 143px) !important;
        left: 0;
        z-index: 9;
    }
}
@media screen and (max-width: 1255px) {
    .chzn-container, #current_firm, #current_firm.dropdown.open .dropdown-menu, .dropdown-nr-menu {
        width: 304px !important;
    }
    /* #current_firm.dropdown.open .dropdown-menu {
        width: 275px !important;
    } */
    #widget .accordion-group {
        height: auto;
        /* background: white;
        border-radius: 8px; */
    }
}

@media screen and (min-width: 1200px) {
.row {
    margin-left: 0px;
}
}
@media screen and (max-width: 1280px) {
    #current_firm, #current_firm.dropdown.open .dropdown-menu {
        width: 470px;
    }
}
@media screen and (max-width: 1440px) {
    div#col2 {
        margin-left: 0 !important;
    }
}
@media screen and (min-width: 1440px) {
    a.btn.btn-mini.pull-right {
        right: 45px;
    }
}
@media screen and (max-width: 1920px) {
    #AdminHome #widget .accordion-group {
        height: auto;
        min-height: 394px;
    }
    #AdminNRInvoice  .invoice-detail-container .row-fluid .span8 {
        margin-left: 0px;
    }
    .invoice-detail-container .btn-remove-line {
        left: 0px;
        position: relative;
    }
}
@media screen and (max-width: 1640px) {
    .invoice-detail-container .span8 .row-fluid {
        display: flex !important;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        gap: 8px;
    }
    .invoice-detail-container .row-fluid .span1, .invoice-detail-container .row-fluid .span2 {
        width: auto;
        margin-left: 0;
    }
    #AdminNRChannelPrice .row-fluid:first-child {
        width: 90%;
    }
    #AdminNRChannelPrice .row-fluid .span6 {
        width: 50%;
    }
    #AdminNRFirm .row-fluid .span6 {
        width: auto;
    }
}
@media screen and (max-width: 1440px) {
    #widget {
        max-width: calc(99% - 280px) !important;
    }
    #widget .row-fluid:first-child {
        display: block;
    }
    #AdminHome #widget .row-fluid .span6 {
        width: 99%;
        margin: auto;
    }
    #AdminHome #col2 {
        margin-top: 0 !important;
    }
    #AdminHome #widget .accordion-group {
        height: auto;
        min-height: 394px;
    }
    #product-room-numbers .control-group .controls {
        display: flex !important;
    }
    #product-room-numbers .controls {
        display: grid !important;
    }
    #AdminNRChannelPlanning .btn.btn-primary.btn-small, #AdminNRChannelPlanningV4 .btn.btn-primary.btn-small {
        padding: 11px;
        top: 7px;
    }
    #AdminNRChannelPlanning .optional_fields_visiblity b, #AdminNRChannelPlanningV4 .optional_fields_visiblity b, #AdminNRCalendarOption b {
        font-weight: 500;
    }
    div#planning-fullscreen {
        margin-left: 18px;
    }
    #AdminNRCalendarPreviewV4 #widget {
        width: calc(99% - 280px);
    }
    div#calendar_preview {
        padding-right: 12px;
    }
    #AdminNRMarketingDiscount .input-append.date {
        width: 216px;
    }
    #AdminNROrder #widget {
        width: calc(99% - 280px);
    }
    #AdminNROrder input#date_start, #AdminNROrder input#date_end {
        float: left;
        width: 106px;
        margin-right: 6px !important;
    }
    #AdminNROrder .table-striped [data-toggle="modal"] {
        padding: 4px;
    }
    #AdminNRJournalCaisse input#date_from, #AdminNRJournalCaisse input#date_to {
        width: 100px;
    }
    #AdminNRJournalCaisse .form-actions {
        padding: 10px 0 !important;
        float: left;
        width: -webkit-fill-available;
    }
    #AdminNRJournalCaisse button[name="exportJournalCaissetoExcel"], a#journalCaisseBtn, button[name="printJournalCaisse"] {
        padding: 12px 8px;
    } 
    #AdminNRJournalCaisse .input-append.date {
        margin: 3px 0px !important;
    }

    a#journalCaisseBtn {
        margin: 0 6px !important;
    }

    .input-append.input-block-level.span6 {
        width: 41%;
    }
    #AdminNRInvoice .span12 .btn-nr {
        padding: 9px 8px;
    }
    .invoice-detail-container label {
        font-size: 14px;
    }
    #invoicing-lines-container .span3 {
        width: 69vw;
    }
    .invoice-detail-container .span8 .row-fluid {
        display: grid !important;
        grid-template-columns: repeat(8, 1fr);
        width: 72vw !important;
        padding-left: 0;
        left: -130px;
        position: relative;
    }
    .invoice-detail-container:before {
        height: 164px;
    }
    #AdminNRInvoice .invoice-detail-container .row-fluid .span8 {
        margin-left: 0px;
    }
    .invoice-detail-container .btn-remove-line {
        left: 0px;
    }
    #AdminNRInvoice #payment_date_1 {
        width: 96px;
        max-height: 38px;
    }
    .modal.fade.in {
        top: 45%
    }
}
@media screen and (max-width: 1366px) {
    #AdminHome #widget .row-fluid .span6 {
        width: 100%;
        margin: auto;
    }
    #AdminHome #widget, #AdminNRCalendarPreviewV4 #widget {
        width: calc(99% - 20.5vw);
    }
    #AdminNRChannelPlanning .btn.btn-primary.btn-small, #AdminNRChannelPlanningV4 .btn.btn-primary.btn-small {
        position: absolute;
        top: -51px;
        right: 10px;
    }
    #AdminNRCalendarPreviewV4 .well {
        width: 92%;
    }
    #AdminNRCalendarPreviewV4 #calendar_preview {
        width: 99%;
    }
    #AdminNRMarketingDiscount .input-append input[class*="span"] {
        max-width: 100px !important;
    }
    #AdminNRMarketingDiscount  .input-append.date {
        margin-right: 16px;
    }
    #AdminNROrder .form-actions form {
        display: block;
    }
    #AdminNROrder .control-label {
        position: relative;
        top: 8px;
    }
    #AdminNROrder #date_arrivee {
        top: 3px;
    }
    #AdminNROrder button[data-original-title="Export en CSV"] {
        margin-left: 6px;
    }
    #AdminNROrder td[colspan="7"] {
        width: 80%;
    }
    #AdminNRInvoice .input-append input {
        height: auto !important;
    }
    #invoicing-lines-container .span3 {
        width: 68vw;
    }
    .invoice-detail-container .span8 .row-fluid {
        left: -120px;
        width: 70vw !important;
    }
    #AdminNRInvoice #payment_date_2 {
        max-height: 38px;
    }
    #AdminNRInvoice .information-complementaire .span4 input {
        width: 94px !important;
    }
    #AdminNRJournalCaisse input#date_from, #AdminNRJournalCaisse input#date_to {
        width: 76px;
    }
    button[name="printJournalCaisse"], #AdminNRJournalCaisse button[name="exportJournalCaissetoExcel"], a#journalCaisseBtn {
        padding: 12px 6px;
    }
    .modal.fade.in {
        top: 36%;
    }
    #AdminNRCustomer #map_canvas {
        max-height: 250px;
        max-width: 470px;
    }
    #AdminNRInvoice .invoice-information.form-horizontal label, .invoice-information.form-horizontal .customer_name_label {
        font-size: 16px;
        color: black;
        font-weight: 500;
        margin-left: 0;
        width: 138px;
    }
}
@media screen and (min-width: 2028px) {
    #AdminNROrder #widget {
        width: calc(99% - 15vw);
    }
}

#AdminNROrder .modal.fade.in {
    top: 20px;
    margin-top: 20px;
    max-height: 80vh;
}
#order_extra_selector_container .input-append {
    display: flex !important;
    gap: 6px;
}
#order_extra_selector_container .input-append .input-small {
    max-width: 45px !important;
}
/** Hovering **/
.action-btn:hover,
button[name="printJournalCaisse"]:hover, #AdminNRJournalCaisse button[name="exportJournalCaissetoExcel"]:hover, a#journalCaisseBtn:hover,
#AdminNRInvoiceMonthlyReport button[name="exportMonthlyReporttoExcel"]:hover, button[name="printMonthlyReport"]:hover, #AdminNRInvoice button[data-original-title="Export en Excel"]:hover, 
#AdminNROrder a[href="#importCSV"]:hover, #AdminNROrder button[data-original-title="Export en CSV"]:hover, #AdminNRCustomer a[href="#importCSV"]:hover, #AdminNRCustomer button[data-original-title="Export en CSV"]:hover,
button[name="printArrivalsList"]:hover, button[name="printPresentsList"]:hover, button[name="printDeparturesList"]:hover, button[name="printCleaningList"]:hover, button[name="printList"]:hover, #product-code-for-pms form button:hover {
    background: var(--light-accent) !important;
    border: 1px solid var(--border-accent) !important;
    color: var(--accent-color) !important;
}
.input-prepend .add-on:hover, .input-append .add-on:hover, #AdminNROrder .controls [data-toggle="modal"]:hover, #AdminNROrder .table-striped [data-toggle="modal"]:hover,
a#currentMonthBtn:hover, a#previousMonthBtn:hover, a#currentDayBtn:hover, a#tomorrowBtn:hover, #AdminNRFirm .btn-file:hover, #AdminNRFirm .btn.fileupload-exists:hover,
#AdminNRProduct .controls .btn.btn-toolbar:hover {
    border: 1px solid #a7a7a7 !important;
}
button.btn.btn-nr.btn-large, button.btn, #AdminNRInvoice #sendEmailBtn:hover, .input-prepend .add-on, .input-append .add-on  {
    transition: all ease-in-out .25s;
}
#AdminNRInvoice #sendEmailBtn:hover {
    background-color: var(--accent-color);
    color: white !important;
}
#AdminNRInvoice .btn-nr-danger:hover {
    background-color: #212121 !important;
}
button.btn.btn-success:hover {
    background: var(--valid-state-hover);
}
/** Gender & Channels **/
img[src="/img/mobile/channels/novaresa.png"] {
    background: #1687ec;
    border-radius: 6px !important;
}
img[src="../img/icon/female.gif"] {
    padding: 9px;
    border: 1px solid pink;
    background: #fff0f3;
    border-radius: 4px;
}
img[src="../img/icon/male.gif"] {
    padding: 9px;
    border: 1px solid #c0ceff;
    background: #eff3ff;
    border-radius: 4px;
}
img[src="../img/icon/unknown.gif"] {
    padding: 9px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    border-radius: 4px;
    mix-blend-mode: luminosity;
}
/********************
********************

End V 

************************
************************/


body.error {
    background: url('../img/bg-rep.png') repeat #666666;
}


.group-menu .divider-vertical {
    height: 57px;
}

.group-menu .nav > li > a {
    padding: 18px 10px;
}

.group-menu .navbar-search {
    margin-top: 14px;
}
.group-menu .label {
    margin-top: 14px;
}


.accordion-toggle.btn.btn-info{
	background: #333;
}
.accordion-toggle.btn.btn-info.active{
	background: #444;
}


.navbar .bar-root {
    margin-top: 10px;
}
.bar-root .label {
    position: relative;
    top: -9px;
}

.bar-root .dropdown-menu a {
    color: #999;
}

.bar-root .dropdown-menu li a:hover {
    background: #222;
}
.bar-root .dropdown-menu img {
    border: 1px solid #888;
    margin-right: 4px;
}

.dropdown a.btn {
    color: #ffffff;
}
.dropdown .modal-footer {
    padding: 7px 15px;
}

.dropdown-menu .modal-body a{
    padding: 3px 0px;
    float: left;
    clear: none;
}

.dropdown-menu .modal-body a.link-modal{
    padding: 3px 23px 3px 0;
    float: left;
    color: #4572a7;
}
.dropdown-menu .modal-body a.link-modal:hover{
    color: #4572a7;
    background: transparent;
}

/*  ******************** sidebar ********************* */

.sidebar-nav .nav-list a span{
    border-left:1px solid #DDDDDD;
    margin-left:6px;
    padding-left:6px;
}

#menu-left .nav-list a{
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 12px 10px;
    color: #666666;
    font-weight: bold;
}

#menu-left .nav-list a.active {
    background-color: #EEEEEE;
    text-decoration: none;
    border-bottom: 1px solid #DDDDDD;;
}



.icons-only{

    text-align: center;
}

#menu-left .nav-list a.last {
    border-bottom: 1px solid #DDDDDD;
}

#menu-left .nav-list a.current {
    background-color: #222222;
    border: 1px solid #222222;
    color: #FFFFFF;
    text-shadow: none;
}
/*sous-menu*/
li.accordion-menu {
    padding: 0;
}

.accordion-menu .accordion-inner{
    padding: 0;
    border-top: none;
}

#widget .accordion-inner.paddind , #section-body .accordion-inner.paddind {
    padding: 10px;
}

.accordion-menu .nav-list{
    margin-left: 20px;
    margin-bottom: 0;

}

.accordion-menu .nav-list a{
    margin-right: 0;
}

.togglemenuleft {
    background: #222222;
    text-align: center;
    cursor: pointer;
    padding: 6px 0px 3px;
}



/*   Section  */
#section-body {
    padding: 9px 0;
}


#section-body a{
    color: #777777;
}

#section-body a:hover{
    color: #555555;
    text-decoration: none;
}

#section-body .accordion-inner{
    padding: 9px 0 0;
}

#section-body .accordion-heading .accordion-toggle {
    background: #333333;
    text-shadow: 1px 1px #222222;
    color: #FFFFFF;
    text-transform: uppercase;
}

#section-body a.accordion-toggle:hover {
    text-decoration: none;
}
#section-body .divider-vertical{

    border-right: 1px solid #666666;
    height: 40px;
    margin: 0 14px 0 9px;
    overflow: hidden;
    width: 1px;

}












/*  widget  */

#widget {
    padding: 9px 0;
}
#widget .table , #section-body .table{
    margin-bottom: 0;
}


#widget a{
    color: #777777;
}

#widget a:hover{
    color: #555555;
    text-decoration: none;
}

#widget .accordion-inner{
    padding: 9px 0;
}

#widget .accordion-heading .accordion-toggle {
    background: #333333;
    text-shadow: 1px 1px #222222;
    color: #FFFFFF;
    text-transform: uppercase;
}

#widget a.accordion-toggle:hover {
    text-decoration: none;
}
#widget .divider-vertical{

    border-right: 1px solid #666666;
    height: 40px;
    margin: 0 14px 0 9px;
    overflow: hidden;
    width: 1px;

}

.flickr li{
    float: left;
    margin: 6px;
}

.flickr img{
    border: 3px solid var(--full-black);
    width: 50px;
}




#block-top .thumbnails a {
    position: relative;
}

#block-top .thumbnails .badge {
    position: absolute;
    left: -5px;
    top: -7px;
}

#block-top .thumbnails .label {
    position: absolute;
    left: -5px;
    top: -7px;
}

#block-top .thumbnails > li  {
    margin-left: 4px;
    margin-right: 8px;
    margin-top: 8px;
}

/*Grid Page*/
#grid .show-grid {
    margin-bottom: 20px;
    margin-top: 10px;
}
#grid .show-grid [class*="span"] {
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    line-height: 30px;
    min-height: 30px;
    text-align: center;
}
#grid .show-grid:hover [class*="span"] {
    background: none repeat scroll 0 0 #DDDDDD;
}
#grid .show-grid .show-grid {
    margin-bottom: 0;
    margin-top: 0;
}
#grid .show-grid .show-grid [class*="span"] {
    background-color: #CCCCCC;
}


.section-body {

}

/*Page Eleemnts*/


/* Footer */
footer {
    background: #333333;
    color: #FFFFFF;
    padding: 10px 10px 4px;
}

.docs-input-sizes select, .docs-input-sizes input[type="text"] {
    display: block;
    margin-bottom: 9px;
}

/* Button Style */



.btn-maniadmin-1 { background-color: hsl(135, 35%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#367145", endColorstr="#18331f"); background-image: -khtml-gradient(linear, left top, left bottom, from(#367145), to(#18331f)); background-image: -moz-linear-gradient(top, #367145, #18331f); background-image: -ms-linear-gradient(top, #367145, #18331f); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #367145), color-stop(100%, #18331f)); background-image: -webkit-linear-gradient(top, #367145, #18331f); background-image: -o-linear-gradient(top, #367145, #18331f); background-image: linear-gradient(#367145, #18331f); border-color: #18331f #18331f hsl(135, 35%, 10.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }

.btn-maniadmin-2 { background-color: hsl(233, 35%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363d71", endColorstr="#181b33"); background-image: -khtml-gradient(linear, left top, left bottom, from(#363d71), to(#181b33)); background-image: -moz-linear-gradient(top, #363d71, #181b33); background-image: -ms-linear-gradient(top, #363d71, #181b33); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #363d71), color-stop(100%, #181b33)); background-image: -webkit-linear-gradient(top, #363d71, #181b33); background-image: -o-linear-gradient(top, #363d71, #181b33); background-image: linear-gradient(#363d71, #181b33); border-color: #181b33 #181b33 hsl(233, 35%, 10.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }


.btn-maniadmin-3 { background-color: hsl(308, 35%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#713669", endColorstr="#331830"); background-image: -khtml-gradient(linear, left top, left bottom, from(#713669), to(#331830)); background-image: -moz-linear-gradient(top, #713669, #331830); background-image: -ms-linear-gradient(top, #713669, #331830); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #713669), color-stop(100%, #331830)); background-image: -webkit-linear-gradient(top, #713669, #331830); background-image: -o-linear-gradient(top, #713669, #331830); background-image: linear-gradient(#713669, #331830); border-color: #331830 #331830 hsl(308, 35%, 10.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }

.btn-maniadmin-4 { background-color: hsl(308, 62%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#881f7a", endColorstr="#3d0e37"); background-image: -khtml-gradient(linear, left top, left bottom, from(#881f7a), to(#3d0e37)); background-image: -moz-linear-gradient(top, #881f7a, #3d0e37); background-image: -ms-linear-gradient(top, #881f7a, #3d0e37); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #881f7a), color-stop(100%, #3d0e37)); background-image: -webkit-linear-gradient(top, #881f7a, #3d0e37); background-image: -o-linear-gradient(top, #881f7a, #3d0e37); background-image: linear-gradient(#881f7a, #3d0e37); border-color: #3d0e37 #3d0e37 hsl(308, 62%, 10.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }

.btn-maniadmin-5 { background-color: hsl(350, 62%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#881f31", endColorstr="#3d0e16"); background-image: -khtml-gradient(linear, left top, left bottom, from(#881f31), to(#3d0e16)); background-image: -moz-linear-gradient(top, #881f31, #3d0e16); background-image: -ms-linear-gradient(top, #881f31, #3d0e16); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #881f31), color-stop(100%, #3d0e16)); background-image: -webkit-linear-gradient(top, #881f31, #3d0e16); background-image: -o-linear-gradient(top, #881f31, #3d0e16); background-image: linear-gradient(#881f31, #3d0e16); border-color: #3d0e16 #3d0e16 hsl(350, 62%, 10.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }


.btn-maniadmin-6 { background-color: hsl(350, 7%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a4e50", endColorstr="#282324"); background-image: -khtml-gradient(linear, left top, left bottom, from(#5a4e50), to(#282324)); background-image: -moz-linear-gradient(top, #5a4e50, #282324); background-image: -ms-linear-gradient(top, #5a4e50, #282324); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a4e50), color-stop(100%, #282324)); background-image: -webkit-linear-gradient(top, #5a4e50, #282324); background-image: -o-linear-gradient(top, #5a4e50, #282324); background-image: linear-gradient(#5a4e50, #282324); border-color: #282324 #282324 hsl(350, 7%, 10.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }

.btn-maniadmin-7 { background-color: hsl(350, 7%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#827174", endColorstr="#514748"); background-image: -khtml-gradient(linear, left top, left bottom, from(#827174), to(#514748)); background-image: -moz-linear-gradient(top, #827174, #514748); background-image: -ms-linear-gradient(top, #827174, #514748); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #827174), color-stop(100%, #514748)); background-image: -webkit-linear-gradient(top, #827174, #514748); background-image: -o-linear-gradient(top, #827174, #514748); background-image: linear-gradient(#827174, #514748); border-color: #514748 #514748 hsl(350, 7%, 25.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29); -webkit-font-smoothing: antialiased; }

.btn-maniadmin-8 { background-color: hsl(350, 7%, 72%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e3e4", endColorstr="#bcb2b4"); background-image: -khtml-gradient(linear, left top, left bottom, from(#e7e3e4), to(#bcb2b4)); background-image: -moz-linear-gradient(top, #e7e3e4, #bcb2b4); background-image: -ms-linear-gradient(top, #e7e3e4, #bcb2b4); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e3e4), color-stop(100%, #bcb2b4)); background-image: -webkit-linear-gradient(top, #e7e3e4, #bcb2b4); background-image: -o-linear-gradient(top, #e7e3e4, #bcb2b4); background-image: linear-gradient(#e7e3e4, #bcb2b4); border-color: #bcb2b4 #bcb2b4 hsl(350, 7%, 67.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29); -webkit-font-smoothing: antialiased; }


.btn-maniadmin-9 { background-color: hsl(360, 28%, 54%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8d7d7", endColorstr="#aa6868"); background-image: -khtml-gradient(linear, left top, left bottom, from(#e8d7d7), to(#aa6868)); background-image: -moz-linear-gradient(top, #e8d7d7, #aa6868); background-image: -ms-linear-gradient(top, #e8d7d7, #aa6868); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8d7d7), color-stop(100%, #aa6868)); background-image: -webkit-linear-gradient(top, #e8d7d7, #aa6868); background-image: -o-linear-gradient(top, #e8d7d7, #aa6868); background-image: linear-gradient(#e8d7d7, #aa6868); border-color: #aa6868 #aa6868 hsl(360, 28%, 45.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.56); -webkit-font-smoothing: antialiased; }

.btn-maniadmin-10 { background-color: hsl(61, 19%, 50%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cdcdb6", endColorstr="#969767"); background-image: -khtml-gradient(linear, left top, left bottom, from(#cdcdb6), to(#969767)); background-image: -moz-linear-gradient(top, #cdcdb6, #969767); background-image: -ms-linear-gradient(top, #cdcdb6, #969767); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdb6), color-stop(100%, #969767)); background-image: -webkit-linear-gradient(top, #cdcdb6, #969767); background-image: -o-linear-gradient(top, #cdcdb6, #969767); background-image: linear-gradient(#cdcdb6, #969767); border-color: #969767 #969767 hsl(61, 19%, 43.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.42); -webkit-font-smoothing: antialiased; }



/* Page 404 */

.errorWrapper {
    margin: 200px auto;
    width: 559px;
    text-align: center;
    color: #F1F1F1;
    text-shadow: 1px 1px #333333;
}

.errorWrapper h1{
    font-size: 34px;
    margin-bottom: 20px;
    text-shadow: 1px 1px #333333;

}

/* tables sorting */

.dataTables_length {
    float: left;
    /*width: 40%;*/
    margin-right: 20px;
}

.dataTables_hideItemsControl label{
    line-height: 45px;
    float: left;
}


.dataTables_filter {
    float: right;
    text-align: right;
    width: 50%;
}
.dataTables_info {
    float: left;
    width: 60%;
}
.dataTables_paginate {
    float: right;
    text-align: right;
    margin:10px 0;
}

.dataTables_paginate a{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 15px 15px 15px 15px;
    display: inline-block;
    padding: 5px 14px;
     cursor:pointer;
}


/* Login */



/*  Login form */
.accounts-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 6px #BBBBBB;
    margin: 50px auto 30px;
    padding: 30px 0 0;
    text-align: center;
    max-width: 500px;
    min-width: 320px;
}
.accounts-form h2 {
    color: #222222;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 0;
}
.accounts-form small {
    color: #666666;
}
.accounts-form #auth-form {
    background: -moz-linear-gradient(#FEFEFE, #F4F4F4) repeat scroll 0 0 #F4F4F4;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 0;
    padding: 0 0 40px;
}
.accounts-form #auth-form h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 1em 0;
}
.accounts-form #auth-form input[type="text"], .accounts-form #auth-form input[type="password"] {
    box-shadow: 0 1px 1px #DDDDDD inset;
    color: var(--full-black)000;
    font-size: 16px;
    padding: 0.8em;
    width: 80%;
}
.accounts-form #auth-form .input, .accounts-form #auth-form .actions {
    margin: 0 auto 15px;
    width: 320px;
}
.accounts-form #auth-form input[type="submit"] {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 1em 0.8em;
    width: 80%;
}
.accounts-form #auth-form .email_suggestion {
    display: none;
    font-style: italic;
    margin: 0 auto;
    padding: 5px 0 0;
    text-align: right;
    width: 85%;
}

.accounts-form {
    box-shadow: none;
    margin-top: 50px;
    padding: 0;
}
.accounts-form #auth-form .input, .accounts-form #auth-form .actions {
    width: 100%;
}
.accounts-form form {
    background: none repeat scroll 0 50% transparent;
}
.accounts-form h2 {
    font-size: 24px;
    margin: 0;
    padding: 0;
}


/** *************************************
        themes
************************************ **/
.theme { display: inline-block; position: absolute; left: -89px; background: #fff; border: 1px solid #ccc; border-left: 0; bottom: 100px;
    z-index: 9999; }
.theme { -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; overflow: hidden; }
.theme { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.theme h4 { font-size: 10px; text-transform: uppercase; font-weight: normal; background: #333; padding: 5px; color: #ccc; text-align: center;}
.theme a { display: inline-block; width: 16px; height: 16px; margin: 5px; }
.theme a.darkblue { background: #2C4361; }
.theme a.darkred { background: #5E1111; }
.theme a.blue{ background: #21A3B6; }
.theme a.default { background: #222; }

/** *************************************
            chat page 
************************************ **/
#chat{
     
}
#chat .msgs{
    border: 1px solid #DDDDDD;
    height: 500px;
    background: #FFFFFF;
    overflow: auto;
}
#chat .send{
    background: #efeded;
    padding: 10px;
}

#connected li{
    padding: 4px 0 0 0;
}
#connected .input-append{
    margin-left: 13px;
}
#connected .status{
    padding:  0px;
    margin-left:14px;
    height: 16px;
}


/** *************************************
            chat Button 
************************************ **/


.btn.btn-rend {
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    height: 36px;
}

/** *************************************
            Page noty
************************************ **/
.noty .btn.alert {
    margin-bottom: 0;
    padding: 4px 10px;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
}

/** *************************************
           interactive galleries 
************************************ **/

 #guggenheim-container{
                width:800px;
                height:400px;
                overflow:hidden;
                color: #FFFFFF;
                font-size:20px;
                text-align:center;
                line-height:40px;
            }

            .guggenheim-item{
                width:200px;
                height:100px;
                background:#900;
                margin:10px;
            }
             #guggenheim-container .red{
                 background:#91060d;
             }

             #guggenheim-container .blue{
                 background:#0e67ba;
             }

             #guggenheim-container .green{
                 background:#187409;
             }


 /** *************************************
            auto complete form
************************************ **/

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;
    border: 1px solid #999;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret;
}

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: var(--full-black);
    font-weight: bold;
    cursor: default;
    display: block;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0;
}

/****************************************/
/**** Modal left or right side align ****/
/****************************************/
a#news-modal-open-btn {
    background: #ffffff;
    border: 1px solid #d4d4d4;
    width: 47px;
    height: 47px;
}
a#news-modal-open-btn:hover {
    background-color: var(--light-accent) !important;
    border: 1px solid var(--border-accent);
}
a#news-modal-open-btn:hover:after {
    color: var(--accent-color);
}
a#news-modal-open-btn:hover:before {
    border: 2px solid var(--light-accent);
}
.group-menu .nav>li>a.notifications:after {
    color: black;
}
div#news-modal {
    top: 0%;
}
.modal-body {
    max-height: fit-content;
}
.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    top: 0;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
    padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
#news-modal .modal-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
#news-modal .modal-title {
    font-size: 18px;
    margin: 0;
}
#news-modal .modal-header .close {
    background: black;
    opacity: 1;
    color: white;
    font-weight: 400;
    padding: 9px 12px;
    border-radius: 6px;
    margin-top: 0;
}
.come-from-modal.right.fade.in .modal-dialog {
    right: 0;
}
.come-from-modal .modal-content{
    background: #fff;
}
.news-modal .modal-dialog{
    width: 500px !important;
    top: 90px !important;
    /*height: calc(100vh - 90px) !important;*/
    height: calc(100% - 110px) !important;
}
.news-modal.fade .modal-dialog{
    right: -500px !important;
    color: #000;
}
.news-modal.fade.in .modal-dialog{
    right: 20px !important;
}
.news-modal .modal-body{
    padding-top: 0 !important;
}
.news-modal .news{
    padding: 15px 0;
    border-bottom: 1px solid #e7e7e7;
}
.news-modal .news .news-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.news-modal .news .news-title{
    font-weight: bold;
}
.news-modal .news .news-date{
    font-style: italic;
}
.news-modal .news .news-badge .label{
    margin-top: 0;
}
.news-badge .label-success {
    width: fit-content !important;
    height: auto !important;
    padding: 6px 12px !important;
    color: var(--valid-state);
}
.news-badge span {
    font-weight: 700;
    text-shadow: none;
}
#news-modal .news-content br {
    display: initial;
}

@media print {
    #sidebar, ul.nav.pull-left.bar-root, .btn {
        display: none;
    }
    #AdminNROrder #widget, .row-fluid .span6 {
        width: 99%;
    }
    #AdminNROrder #widget .row-fluid [class*="span"] {
        margin-left: 0px;
        margin-top: 18px;
    }
}