@font-face {
    font-family: 'als_haussblack';
    src: url('../fonts/alshauss-black-webfont.eot');
    src: url('../fonts/alshauss-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-black-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-black-webfont.woff') format('woff'),
    url('../fonts/alshauss-black-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-black-webfont.svg#als_haussblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussblack_italic';
    src: url('../fonts/alshauss-blackitalic-webfont.eot');
    src: url('../fonts/alshauss-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-blackitalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-blackitalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-blackitalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-blackitalic-webfont.svg#als_haussblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussbold';
    src: url('../fonts/alshauss-bold-webfont.eot');
    src: url('../fonts/alshauss-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-bold-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-bold-webfont.woff') format('woff'),
    url('../fonts/alshauss-bold-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-bold-webfont.svg#als_haussbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussbold_italic';
    src: url('../fonts/alshauss-bolditalic-webfont.eot');
    src: url('../fonts/alshauss-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-bolditalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-bolditalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-bolditalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-bolditalic-webfont.svg#als_haussbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussbook';
    src: url('../fonts/alshauss-book-webfont.eot');
    src: url('../fonts/alshauss-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-book-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-book-webfont.woff') format('woff'),
    url('../fonts/alshauss-book-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-book-webfont.svg#als_haussbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussbook_italic';
    src: url('../fonts/alshauss-bookitalic-webfont.eot');
    src: url('../fonts/alshauss-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-bookitalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-bookitalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-bookitalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-bookitalic-webfont.svg#als_haussbook_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_hausshairline';
    src: url('../fonts/alshauss-hairline-webfont.eot');
    src: url('../fonts/alshauss-hairline-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-hairline-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-hairline-webfont.woff') format('woff'),
    url('../fonts/alshauss-hairline-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-hairline-webfont.svg#als_hausshairline') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_hausshairline_italic';
    src: url('../fonts/alshauss-hairlineitalic-webfont.eot');
    src: url('../fonts/alshauss-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-hairlineitalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-hairlineitalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-hairlineitalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-hairlineitalic-webfont.svg#als_hausshairline_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'als_hausslight';
    src: url('../fonts/alshauss-light-webfont.eot');
    src: url('../fonts/alshauss-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-light-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-light-webfont.woff') format('woff'),
    url('../fonts/alshauss-light-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-light-webfont.svg#als_hausslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_hausslight_italic';
    src: url('../fonts/alshauss-lightitalic-webfont.eot');
    src: url('../fonts/alshauss-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-lightitalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-lightitalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-lightitalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-lightitalic-webfont.svg#als_hausslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussmedium';
    src: url('../fonts/alshauss-medium-webfont.eot');
    src: url('../fonts/alshauss-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-medium-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-medium-webfont.woff') format('woff'),
    url('../fonts/alshauss-medium-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-medium-webfont.svg#als_haussmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussmedium_italic';
    src: url('../fonts/alshauss-mediumitalic-webfont.eot');
    src: url('../fonts/alshauss-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-mediumitalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-mediumitalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-mediumitalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-mediumitalic-webfont.svg#als_haussmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussregular';
    src: url('../fonts/alshauss-regular-webfont.eot');
    src: url('../fonts/alshauss-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-regular-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-regular-webfont.woff') format('woff'),
    url('../fonts/alshauss-regular-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-regular-webfont.svg#als_haussregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussregular_italic';
    src: url('../fonts/alshauss-regularitalic-webfont.eot');
    src: url('../fonts/alshauss-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-regularitalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-regularitalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-regularitalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-regularitalic-webfont.svg#als_haussregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussthin';
    src: url('../fonts/alshauss-thin-webfont.eot');
    src: url('../fonts/alshauss-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-thin-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-thin-webfont.woff') format('woff'),
    url('../fonts/alshauss-thin-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-thin-webfont.svg#als_haussthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'als_haussthin_italic';
    src: url('../fonts/alshauss-thinitalic-webfont.eot');
    src: url('../fonts/alshauss-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/alshauss-thinitalic-webfont.woff2') format('woff2'),
    url('../fonts/alshauss-thinitalic-webfont.woff') format('woff'),
    url('../fonts/alshauss-thinitalic-webfont.ttf') format('truetype'),
    url('../fonts/alshauss-thinitalic-webfont.svg#als_haussthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
a, button{
    transition: all 0.5s ease 0s;
}
body,
body.skin-blue {
    padding: 0 !important;
    font-family: 'als_haussregular';
}

.main-header .sidebar-toggle, .main-header .sidebar-toggle:hover, .main-header .sidebar-toggle:active {
    font-size: 24px;
    color: #0d92ff;
    padding: 15px 5px;
    margin-left: 10px;
}

.bg-primary-dashbord {
    background-color: #fff !important;
    color: #0d92ff;
    /*border: #0d92ff 1px solid !important;*/
    border-radius: 8px;
    border: solid 2px #dee2ef;
}

.info-box {
    box-shadow: none;
}

.info-box-text {
    font-size: 18px;
    /*font-weight: bold*/
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: 320px
}

.navbar-nav > .user-menu {
    margin-left: 8px;
}

.skin-blue .main-header li.user-header {
    background: #f8fafd;
    border-top: 1px solid #dee2ef;
    border-bottom: 1px solid #dee2ef;
    height: auto !important;
}

.nopadding-r {
    padding-right: 0;
}

.nopadding-lr {
    padding-right: 0;
    padding-left: 0;
}

.table-availability .line_br th {
    padding: 0 !important;
    border-top: #e2e9f0 1px solid;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #000;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background: white
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    font-size: 16px
}

.form-control {
    height: 40px;
    border-radius: 0px;
    border: 2px solid rgb(255 255 255 / 0%);
    border-bottom: solid 1px #9b9b9b;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #000000;
    font-weight: normal;
}
.form-control:focus {
    border: 2px solid #0d92ff;
}
textarea.form-control {
    height: 100px;
    resize: none;

}
.box_label_checkbox label em {
    font-style: normal;
    margin-left: 0;
    color: #000;
    font-size: 16px;
    top: 0;
    position: relative;
}
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/svg/angle-down.svg);
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding-right: 35px;
    appearance: none;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;

}

.select2-selection--single .select2-selection__clear {
    display: none
}

.select2-selection__arrow b {
    display: none;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
    height: auto;
    top: 50%;
    margin-top: -12px;
    right: 16px;
}

.select2-selection__arrow:before {
    font-family: "unicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e81d';
    font-size: 24px;
    color: #003057;
}

.sidebar-mini.sidebar-collapse .sidebar span.collapse_legend, .sidebar-mini.sidebar-collapse .sidebar span.action_submenu, .sidebar-mini.sidebar-collapse .detail_info_sidebar, .sidebar-mini.sidebar-collapse .span_legend {
    display: none !important
}

/*#body.sidebar-mini.sidebar-open .span_legend{
    display: inline !important
}*/
/*#body.sidebar-mini.sidebar-collapse.sidebar-open .span_legend {
    display: block !important;
}*/

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    background: #e7eaf7;
    padding: 20px;
    width: auto;
}

.select2-container--default .select2-search--inline .select2-search__field {
    border: none !important;
}

.form-group .select2-container--default .select2-selection--single,
.form-group .select2-container--default .select2-selection--multiple,
.form-group .select2-selection .select2-selection--single,
.form-group .select2-selection .select2-selection--multiple {
    min-height: 40px;
    height: auto;
    border-radius: 0px;
    border: 2px solid transparent;
    border-bottom: solid 1px #9b9b9b;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #000000;
    font-weight: normal;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-selection .select2-selection--multiple {
    height: 40px;
    min-height: 40px;
    border-radius: 0px;
    border: 2px solid rgb(255 255 255 / 0%);
    border-bottom: solid 1px #9b9b9b;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #000000;
    font-weight: normal;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid #0d92ff;
    outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #0d92ff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #cfe9ff;
    border-color: #cfe9ff;
    padding: 2px 30px 2px 15px;
    color: #0d92ff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
}

.select2-container {
    max-width: 100%;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0d92ff;
    font-size: 22px;
    font-weight: 300;
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    top: -2px;
    right: 0;
}

.input-group .input-group-addon {
    border-color: #dee2ef;
    border-width: 2px 0 2px 2px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.input-group .input-group-addon {
    border-color: #dee2ef;
    border-width: 2px 2px 2px 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.clear {
    clear: both
}

.inforeservations {
    font-size: 18px
}

.main-header {
    background: rgba(248, 219, 3, 0.2);
}

.content-wrapper, .right-side {
    background: #f4f4f4;

}

.content-wrapper {
    min-height: 100vh
}

.fixed .content-wrapper {
    padding-top: 72px;
}

.fixed .main-sidebar .sidebar {
    padding-bottom: 52px;
    /*background: white;*/
}

.main-sidebar, .left-side {
    width: 265px;
    padding-top: 72px;
}

.main-sidebar {
    overflow: auto;
    height: calc(100% - 130px);
}

.main-sidebar .sidebar-menu {
    background: white;
    margin-top: 0;
    padding: 0 0 16px 0;
}
.main-sidebar .sidebar-menu.sidebar-menu-chaine {
    padding: 0 0 10px 0;
}

.content-wrapper, .right-side, .main-header > .navbar {
    margin-left: 265px;
}

.main-footer, .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 0 !important;
    z-index: 826;
    position: relative;
    clear: both;
    padding: 8px 15px;
    color: #9b9b9b;
    border-top: 1px solid #d8d8d8;
    font-size: 14px;
}
.detail_info_sidebar  ul{
    padding-left: 15px;
}
.main-footer strong {
    font-weight: 400;
}
.main-footer a {
    color: #9b9b9b;
}
.main-footer .pull-right a {
    color: #0d92ff;
}

.agency-details i[class^="uil-"] {
    font-size: 24px;
    color: #003057;
}

.agency-details i.uil-minus-circle {
    color: #0d92ff;
}

.icon-size {
    font-size: 24px;
    color: #0d92ff;
    padding: 0;
    background: none;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin: 0 8px;
    cursor: pointer;
}

.icon-size:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #e2e9f0;
    position: absolute;
    right: -8px;
}

.icon-size:last-child:after {
    display: none;
}

.daterangepicker_input {
}

.daterangepicker .input-mini {
    border-radius: 0px;
    border: 2px solid rgb(255 255 255 / 0%);
    border-bottom: solid 1px #9b9b9b;
    background-color: #f4f4f4;
    font-size: 16px;
    color: #000000;
    font-weight: normal;
    height: 40px;
}

.daterangepicker .input-mini, .daterangepicker .input-mini.active {
    border-radius: 0;
}
.daterangepicker .daterangepicker_input i {
    background: url('../img/icon-calendar.png') no-repeat 0 0;
    width: 24px;
    height: 24px;
    top: 11px;
    display: inline-block;
}
.uil-calendar-alt {
    background: url('../img/icon-calendar.png') no-repeat 0 0;
    width: 24px;
    height: 24px;
    top: 11px;
    display: inline-block;
}
.uil-calendar-alt:before,
.daterangepicker .daterangepicker_input i:before {
    content: '' !important;
}
.daterangepicker .calendar-table {
    border: 1px solid #f4f4f4;
    border-radius: 0;
    background: #f4f4f4;
}
.daterangepicker .input-mini + i.fa-calendar:before {
    font-family: "unicons";
    content: '\e891';
    font-size: 24px;
    color: #003057;
}

.daterangepicker .input-mini.active {
    border: solid 2px #3c8dbc;
}

/********/
.fa.fa-trash-o.text-red {
    color: #fff !important;
}

.login-box-body_ {
    margin-top: 20px
}

.select2-container #form-block {
    margin-top: 30px
}

/************/
.skin-blue .main-header .navbar {
    background-color:#003057;
}

.skin-blue .main-header .logo {

}

.main-header .siteinfotitle {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6c7f9f;
    overflow: hidden;
    margin-left: 25px;
}

.main-header .siteinfotitle em {

    margin-right: 10px;
    position: relative;
    top: -5px;
    display: inline-block;
    /* color: #0d92ff;
     font-size: 20px;
     font-weight: bold;
     font-style: normal;
     display: inline-block;
     vertical-align: middle;

     */

}
.icon_barre {
    display: inline-block;
}
.icon_back_menu {
    display: none;
}
.sidebar-collapse.skin-blue .icon_barre {
    display: none;
}
.sidebar-collapse.skin-blue .icon_back_menu {
    display: inline-block;
}
.skin-blue .main-header .navbar .nav > li > a {
    color: #fff;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.sidebar-mini .user-panel {
    background: #fff;
    color: #293b5a;
    font-size: 17px;
    line-height: 1.5;
    padding: 7px 10px 7px 8px;
    position: relative;
    white-space: normal;

}

.hotel-name-sidebar {
    color: #fff;
    padding: 10px;
    background: #003057;
    font-size: 17px;
    width: calc(100% - 6px);
}
.hotel-name-sidebar i{
    margin-right: 10px;
}
.sidebar-mini .user-panel.panel-param-sidebar{
    padding-top: 0;
}
.sidebar-mini .content_hotel_name > i,
.sidebar-mini .content_hotel_name > i.uil-arrow-left {
    position: absolute;
    left: -20px;
    top: 0;

}
.sidebar-mini .user-back-chaine .content_hotel_name > i{
    position: inherit;
    left: inherit;
    top: inherit;
    font-size: 18px;
    color: #0d92ff;
    margin-right: 10px;
}

.sidebar-collapse .content_hotel_name > i.uil-arrow-left {
    position: absolute;
    left: 14px;
    top: 15px;
}

.sidebar-collapse .user-panel {
    padding: 24px 0 24px 0;
}

.action_submenu {
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 0;
    font-size: 24px;
}
.sidebar-mini .user-panel.panel-param-sidebar .action_submenu,
.sidebar-mini .user-panel.panel-param-sidebar .action_submenu {
    top: 0;
    right: 0;
}

.action_submenu:hover {
    background: #e7eaf7;
}

.sidebar-mini .user-panel .user-panel-link {
    padding: 0;
    font-weight: bold;
    color: #003057;
    font-size: 17px;

}

.skin-blue .left-side, .skin-blue .main-sidebar, .skin-blue .wrapper {
    background: white;
    /*background: #e7eaf7;*/

}

.sidebar-menu > li > a span {
    color: #293b5a;
    font-size: 17px;
    /*font-size: 24px;*/
    background: none;
    border: none;
    font-weight: bold;
}
.skin-blue .sidebar .sidebar-menu li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 16px);
    height: 1px;
    background-color: #d8d8d8;
}
.sidebar-menu > li > a span i, .sidebar-menu > li > a i.picto_sidebar {
    color: #003057;
    font-size: 24px;
}
.img_menu{
    display: none;
}
.sidebar-collapse.skin-blue  .sidebar-menu li a i {
    display: inline-block;
}
.sidebar-collapse.skin-blue  .sidebar-menu li a .img_menu {
    display: inline-block !important;
    position: relative;
    left: -3px;
    opacity: 0.6;
}
.sidebar-collapse.skin-blue  .user-panel-link .img_menu{
    display: inline-block !important;
    position: relative;
    opacity: 0.6;
    left: 16px;
}
.sidebar-collapse.skin-blue  .sidebar-menu li a .img_menu:hover {
    opacity: 1;
}
.sidebar-menu > li > a:hover span i {
    color: #0d92ff;

}

.sidebar-menu > li > a span i:before, .sidebar-menu > li > a i.picto_sidebar:before {
    margin-left: 0;
}

.skin-blue .sidebar a {
    color: #003057 !important;
    font-size: 16px;
    border: none;
    font-weight: bold;
    padding: 7px 10px 7px 20px;
    border-left: 4px solid transparent;
    transition: inherit;
    position: relative;
}
@media (min-width: 768px){
    .skin-blue.sidebar-collapse a .uil-angle-down,
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
    .sidebar-mini.sidebar-collapse .sidebar-form,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
    .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none!important;
        -webkit-transform: translateZ(0);
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        width: 72px!important;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 72px!important;
    }
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 72px;
    }
}
.nom-hote {
    font-size: 18px;
    color: #003057;
    margin-bottom: 5px;
}

.nom-hote span {
    font-size: 16px;
    color: #333;
}

/*.skin-blue.sidebar-mini .sidebar a {
    padding: 10px 10px 10px 10px;
}*/

[class^="uil-"]:before, [class*=" uil-"]:before {
    margin-right: 8px
}

.skin-blue .sidebar-menu > li > a {
    color: #003057 !important;
    font-size: 16px;
    border: none;
    font-weight: bold;
    padding: 7px 10px 7px 8px;
    border-left: 4px solid transparent;
    transition: inherit;
    position: relative;
}

.skin-blue .sidebar-menu > li > a > img {

    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 50%;
    margin-top: -12px;
}
.user-panel .uil-angle-down,
.sidebar-menu li  a .fa-angle-left,
.sidebar-menu  li  a .uil-angle-down {
    float: right;
    margin-top: 5px;
    width: 24px;
    height: 24px;
    background: url(../img/icons-angle-down.png) no-repeat 0 0 !important;
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 3px;
    font-size: 20px;
    transition: transform 150ms ease;
    margin-right: 0;
}
.user-panel.panel-param-sidebar .uil-angle-down{
    top: 0;
}
.user-panel .uil-angle-down:before,
.sidebar-menu li a .fa-angle-left:before,
.sidebar-menu li a .uil-angle-down:before {
    content: '';
}
.sidebar-menu li.active>a>.fa-angle-left {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.sidebar-menu > li .menu-open li a:hover, .sidebar-menu > li .menu-open li a:hover .text-sidebar, .sidebar-menu > li .menu-open li.active > a, .sidebar-menu > li .menu-open li.active > a > span, .sidebar-menu > li.active > a, .sidebar-menu > li.active > a > span, .sidebar-menu > li > a:hover, .sidebar-menu > li > a:hover .text-sidebar {
    color: #003057;
    background: none;
}

.sidebar-menu > li > a:hover span i,
.sidebar-menu > li > a:hover i.picto_sidebar,
.sidebar-menu > li.active > a span i,
.sidebar-menu > li.active > a i.picto_sidebar {
    color: #003057;
}


.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    border: none;
    background: none;
    color: #003057;
    border-left: 4px solid #f8db03;
    background-color: rgba(248, 219, 3, 0.1);
}

.skin-blue .sidebar-menu > li > a i[class^="uil-angle-"] {
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 3px;
    font-size: 20px;
    transition: transform 150ms ease;
}

.skin-blue .sidebar-menu > li.active > a i[class^="uil-angle-"] {
    transform: rotate(-180deg);
    transition: transform 150ms ease;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background: none;
    padding: 5px 10px 5px 25px;
}

.skin-blue .sidebar-menu > li > .treeview-menu i.picto_sidebar {
    display: none;
}

.sidebar-menu {
    margin-top: 10px;
}

.skin-blue .treeview-menu > li > a {
    color: #003057 !important;
    font-size: 16px;
    border: none;
    font-weight: normal;
    padding: 7px 10px 7px 20px;
    border-left: 4px solid transparent;
    transition: inherit;
    position: relative;
    white-space: normal;
}
.sidebar-collapse.skin-blue .sidebar-menu > li:hover > a, .sidebar-collapse.skin-blue .sidebar-menu > li.active > a {
    border-left: 4px solid transparent;
    background-color: transparent;
    display: block;
}
.sidebar-collapse.skin-blue .sidebar .sidebar-menu li a:after {
    left: 10px;
    width: 40px;
}
.sidebar-collapse.skin-blue .sidebar .sidebar-menu li.active a:after {
    background-color: #f8db03;
    height: 2px;
}
.table-responsive {
    overflow-x: auto !important;
    background: #fff;
    padding: 16px !important;
}

/* .container-data-table.table-responsive {
    overflow-x: hidden !important;
} */

div.dataTables_length select {
    width: 75px !important;
}

.table_b2b tr:last-child:not(:first-child) .dropdown_actions .dropdown-menu, .table_b2b tr:nth-last-child(2):not(:first-child) .dropdown_actions .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}


.skin-blue .sidebar-menu > li.header {
    background: #0d92ff;
    background: #e0e4f7;
    color: #fff;
    color: #003057;
    font-size: 18px;

}

.navbar-static-top {
    padding: 8px 0
}

.box_ .box-header {
    padding: 0
}

#book_voucher .info-hotel {
    color: #0d92ff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0;

}

#book_voucher .info-hotel + .info-hotel {

    margin-top: 16px;

}

#book_voucher .wrapper-info-hotel {
    border-left: #0d92ff 4px solid;
    padding: 8px 0 8px 20px;
}

.top-box {
    background-color: #f8fafd;
    padding: 10px;

}

.top-box-sub {
    background: white;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding: 25px 25px 40px;
    -webkit-box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
    -moz-box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
    box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
    display: block;
}

.top-box-sub-showed {
    background: white;
    border-radius: 16px;
    padding: 25px 25px 40px;
    -webkit-box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
    -moz-box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
    box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
    margin-bottom: 20px;
    position: relative;
    z-index: 3;

}

.content .container_top_header h1 {
    font-size: 18px;
    font-family: 'als_haussmedium';
    padding: 8px 0 0 0;
    color: #003057;
    margin: 0;
    float: left;

}

.content .container_top_header h1 small {
    font-size: 100%;
    color: inherit;
    font-weight: 700;

}

.content {
    padding: 24px 24px;

}

.container_top_header {
    position: relative;
    clear: both;
    overflow: hidden;
}

.content .container_top_header .box-title {
    float: right;
    margin-top: 5px;
    margin-bottom: 0;

}

.btn-info.bg-olive, .btn-flat.bg-olive, .btn-multi-delete.bg-olive, .btn-multi-delete, .btn-info, .btn-flat {
    background-color: #0d92ff !important;
    color: #fff !important;
    font-weight: normal;
    font-size: 16px;
    border-radius: 0 !important;
    padding: 10px 20px;
    border: 1px solid transparent !important;
}
.btn-info.bg-olive:hover, .btn-flat.bg-olive:hover, .btn-multi-delete.bg-olive:hover, .btn-multi-delete:hover, .btn-info:hover, .btn-flat:hover {
    background-color: #003057 !important;
}
.modal-footer .btn-default,
.modal-footer .btn-warning,
.btn-danger {
    background-color: #0d92ff !important;
    color: #fff !important;
    font-weight: normal;
    font-size: 16px;
    border-radius: 0 !important;
    padding: 10px 20px;
    border: 1px solid transparent !important;
}

.bg-danger {
    background-color: #f00 !important;

}

.btn-danger-custom {
    background-color: #0d92ff !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
    border-radius: 24px !important;
    padding: 10px 20px;
    border: 1px solid transparent !important;
}

.btn-lightresa-custom {
    background-color: #0d92ff;
    color: #fff;
    border-radius: 24px;
    border: solid 2px #0d92ff;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px;
    outline: none;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

.btn-lightresa-custom:hover {
    background-color: transparent;
    color: #0d92ff;
    border-radius: 24px;
    border: solid 2px #0d92ff;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px;
    outline: none;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}


.btn-flat-custom {
    background-color: transparent;
    color: #0d92ff;
    border-radius: 24px;
    border: solid 2px #0d92ff;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px;
    outline: none;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

.btn-flat-custom:hover {
    background-color: #0d92ff;
    color: #fff;
    border-radius: 24px;
    border: solid 2px #0d92ff;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px;
    outline: none;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

.bg-danger-custom {
    background-color: #f00 !important;

}
.btn-add, .btn-flat.btn-add {
    background-color: transparent !important;
    color: #0d92ff !important;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none;
    font-weight: inherit;
    font-family: 'als_haussmedium';
    border: 1px solid transparent !important;
}
.btn-add, .btn-flat.btn-add:focus,
.btn-add, .btn-flat.btn-add:hover {
    background-color: transparent !important;
    color: #0d92ff !important;
    box-shadow: none;
}
.btn-add .pico_add i {
    color: #0d92ff;
}
.label-sm {
    font-size: 11px !important;
    vertical-align: baseline;
}

.table_b2b {
    border-collapse: separate;
}

.table_b2b thead {
    background: #f0f8ff;
}
.table_b2b tr {
    position: relative;
}

.table_b2b thead tr.br-r th:not(:last-child) {
    border-right: 1px solid #dee2ef;

}

.table_b2b thead tr.br-r th {
    border-top: 1px solid #dee2ef;
    padding: 7px 20px;
}

.table_b2b thead tr td {
    padding: 14px 8px;
}

.table_b2b thead > tr > th {
    background: #f8fafd;
    padding: 10px 20px;
    font-size: 14px;
    color: #090d14;
    vertical-align: middle;
    border-bottom: 1px solid #e7eaf7;
}

.table_b2b thead > tr:first-child > td {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.table_b2b thead > tr:last-child > th:first-child {

    border-bottom-left-radius: 0;
}

.table_b2b thead > tr:last-child > th:last-child {
    border-bottom-right-radius: 0;
    text-align: center;

}

.table_b2b tbody > tr > td {
    border-top: none;
    border-bottom: #dee2ef 1px solid;
    padding: 7px 20px;
    font-size: 16px;
    color: #000;
    vertical-align: middle;
    letter-spacing: -0.38px;
    border-right: 1px solid transparent;
}

.table_b2b tbody > tr > td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.table_b2b tbody > tr > td:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
}
.table_b2b tbody > tr:nth-child(even) {
    background: #f8fafd;
}
.table_b2b tbody > tr:hover {
    background-color: rgba(248, 219, 3, 0.1);
}


.btn-primary {
    background-color: #0d92ff !important;
    border-color: #0d92ff;
}

.table-availability .newline > td {
    border-bottom: 8px solid white;
    border-right: #e2e9f0 1px solid;
    border-top: none;
    background-color: rgba(231, 234, 247, 0.5);
    color: #003057;
    font-weight: 500;
}

.table-availability .newline.active_newline > td {
    border-bottom: 0px solid white;

}

.table-availability .newline > td.agency {
    background-color: white;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #293b5a;
    white-space: nowrap;
}

.table-availability .newline > td.agency.active {
    color: #0d92ff;
}

.table-availability .newline > td.agency .uil {
    color: #0d92ff;
    font-size: 24px;
}

.table-availability .newline > td.total_dispo_reserv {
    display: table-cell !important;
}

span.agency_span {
    cursor: pointer;
}

span.agency_span + b {
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
    overflow: hidden;
}

.table-availability th {
    border-right: #e2e9f0 1px solid;
    border-bottom: #e2e9f0 1px solid !important;
    padding: 18px 15px !important;
    white-space: nowrap;
}

.minheightb2b {
    min-height: 300px !important
}

.table-availability tr td {
    padding: 6px 15px !important;
    text-align: right;
    font-size: 16px;
    border-right: #e2e9f0 1px solid;
}

.table-availability tr.roomType td {
    padding: 15px 15px !important;

}

.table-availability tr.roomType td:first-child .agency-details {
    position: absolute;
    left: -10px;
    top: -7px;

}

.table-availability tr.roomType td:first-child .room_type_name {
    padding-left: 25px;
    display: block;

}

.table-availability tr.roomType td:first-child {
    padding-left: 30px !important;
    color: #293b5a;
    font-size: 16px;
    text-align: left;

}

.table-availability tr.roomType td:first-child .room_type_name {
    max-width: 300px;
    font-size: 16px !important;
    /*white-space: nowrap;*/

}

.table-availability tr.roomType td {
    border-right: #e2e9f0 1px solid;
    color: #000;
    text-align: center;
    border-top: 1px solid transparent !important;
}

.table-availability tr.roomType td a {
    color: #000;
}
.table-availability tr.roomType td a.availability_link {
    color: #fff;
    font-size: 17px;
    font-style: normal;
}
.table-availability tr.roomType td a i.uil-angle-up,
.table-availability tr.roomType td a i.uil-angle-down {
    color: #0d92ff;
    font-size: 24px;
}

.btn_ctr_tab {
    width: 56px;
    height: 32px;
    border-radius: 12px;
    box-shadow: inset 0 -16px 0 0 rgba(0, 0, 0, 0.05);
    border: none;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
}

.btn_ctr_tab:focus {
    outline: none;
    border: none;
}

.ckeck_contract {
    background-color: #1ca988;
}

.remove_contract {
    background-color: #f1637e;
}

.entry_contract {
    background-color: #ffb800;
}

.table-availability tr .td_ava {
    text-align: left !important;
    font-size: 16px;
    color: #717f9e;
    padding: 20px 10px 20px 50px !important;
}

.table-availability tr.roomType:nth-child(odd) td {
    /*border-bottom: red 1px solid;*/
    /*background: red !important;*/
}

.table-availability tr td.stop_sales {
    background: url(../img/hachure.png) left top repeat;
}

.table-availability tr td.promotions {
    background: repeating-linear-gradient(45deg, transparent, #e3f10d 10%);
}

.table-availability tr td.stop_sales a {
    color: #f1637e !important;
    font-weight: 700 !important;
}
.table-availability tr td.stop_sales a.availability_link {
    color: #fff !important;
}
.roomType.odd_row {
    background-color: #ecf2fc !important;
}

.roomType.even_raw {
    background-color: #f8fafd !important;
}

.tr_odd_row td,
.tr_odd_row {
    background-color: #ecf2fc !important;
}

.tr_even_row td,
.tr_even_row {
    background-color: #f8fafd !important;
}

.table-availability .tr_even_row td,
.table-availability .tr_odd_row td {
    text-align: center;
    border-top: 1px solid transparent;
    vertical-align: middle;
}

.roomType.odd_row > td {
    border-top: 1px dashed #e7eaf7 !important;
    border-bottom: 1px dashed #e7eaf7 !important;
}

.roomType + .newline {
    border-top: 8px solid white;
}

.table-availability .newline > td.total_all {
    background: #4bceaf !important;
    color: #fff;
    font-weight: bold;
    text-align: right;
}

.total_group {
    background: #edfaf7;
    font-weight: 700;
    text-align: right;
}

#fixedTable thead {
    border-top: 1px solid #edeffa;
    border-bottom: #bac2ec 1px solid !important;
}

#fixedTable tbody {
    border-top: 10px solid #fff;

}

.linkheadtable {
    display: inline-block;
    width: 120px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #293b5a;
    position: relative;
    height: 100%;
    padding: 18px 15px;

}

.linkheadtable:hover, .linkheadtable:focus, .linkheadtable:active {
    color: #000;
}

a.linkheadtable_active {
    color: #0d92ff;
    background: white;
    bottom: -1px;

}

a.linkheadtable_active:hover {

    color: #0d92ff;

}

.linkheadtable + .linkheadtable:before {
    content: "";
    width: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: #bac2ec;
    position: absolute;
}

.table-availability th.npcf {
    padding: 0 !important;
}

.info-box-icon-dashboard img {
    position: relative;
    margin: -9px 0 0 8px;
}

.info-box-number sub {
    vertical-align: baseline;
    position: relative;
    top: -1px;
    font-size: 12px;
    font-weight: 400;
}

#body .bg-panier-moyen .info-box-number {
    /* font-size: 18px;
     display: inline-block;*/
}

#body .btn-multi-delete {

    font-size: 16px;
    line-height: 1.5;
    color: #0d92ff;
    /*opacity: 1.5;*/
}
.btn-multi-delete.btn_trash:after {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 2px;
    height: 26px;
    background: #abd9ff;
}
hr.sep-reservation {
    border-bottom: solid 2px #e7eaf7;
}

.form-group label {
    font-size: 13px;
    font-size: 16px;
    font-weight: normal;
    color: #003057;
    padding-left: 8px;
}
.form-group .checkbox label {
    font-size: 16px;
    color: #000;
    font-family: 'als_haussmedium', sans-serif;
}
.days-list {
    margin-top: 25px;
}

.days-list.form-group label.label-checkbox, label.label-checkbox-custom {
    color: #293b5a;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    padding-left: 0;
}

.label-checkbox-ci {
    margin-right: 16px;
}

.days-list.form-group label.label-checkbox .icheckbox_minimal-blue, label.label-checkbox-custom .icheckbox_minimal-blue, label.label-checkbox-custom .iradio_minimal-blue {
    margin-right: 6px;
}

.form-group label.toggle-on {

    color: #fff;
}

.box {
    position: relative;
    border-top: none;
    margin-bottom: 20px;
    box-shadow: none;
    border-radius: 0;
    background-color: #ffffff;
}

.box .box-body {
    border-radius: 0;
    padding: 30px 30px 30px;
}

.box .box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 30px 30px;
}

.modal-body-js .iradio_minimal-blue {
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 7px;
}

.modal-body-js {
    font-size: 16px;
    color: #293b5a;
}

#modal_select_chosen .modal-content, .modal .modal-content {
    border-radius: 0;
}

#modal_select_chosen .modal-header, .modal .modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f8fafd;
    font-size: 16px;
    font-weight: normal;
    padding: 11px 20px 11px 25px;
}

.sidebar .detail_info_sidebar {
    background: #fff;
    list-style: none;
    padding: 0 24px 20px 24px;
    margin: 0;
    display: none;
}

.sidebar .detail_info_sidebar.menu-open {

    display: block;
}

.sidebar .detail_info_sidebar li {

    list-style: none
}

.sidebar .detail_info_sidebar li.active > a {

    color: #0d92ff;
}

.sidebar .detail_info_sidebar li a {
    padding: 8px 0;
    font-weight: 300;
    display: block;
}

.sidebar .detail_info_sidebar li a:hover {
    color: #0d92ff;
}

.rotate {
    transform: rotate(180deg);
}

/******** switch BTN**********/

.switch_btn {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    z-index: 52;
}

.switchery-small {
    opacity: 0;
    visibility: hidden;
}

.switch_btn input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider_switch_btn {
    position: absolute;
    cursor: pointer;
    border: 1px solid #9b9b9b;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9b9b9b;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.slider_switch_btn:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    box-shadow: none;
}

input:checked ~ .slider_switch_btn {
    background-color: #2b9348;
    border: solid 1px #2b9348;
}

input:focus ~ .slider_switch_btn {
    box-shadow: none
}

input:checked ~ .slider_switch_btn:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}
.col-labels-promos .switch_btn{
    margin-left: 12px;
}
.uil-search {
    background: url(../img/icons-seach.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    top: 5px;
    position: relative;
}
.uil-search:before {
    content: '';
}
.uil-filter {
    background: url('../img/icon-filtre-bleu.png') no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 5px;
}
.uil-filter:before {
    content: '';
}
.wrap_link_tr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 50;
}
.link_tr {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.link_tr:hover {
    box-shadow: 0 0px 10px 1px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0px 10px 1px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0px 10px 1px rgb(0 0 0 / 10%);
}
.pos_item_table {
    position: relative;
    z-index: 55;
    top: 4px;
}
.table_b2b .switch_btn{
    position: relative;
    top: 4px;
}

.box_link_hover_tr{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 51;
    opacity: 1;
    cursor: pointer;
}
.box_link_hover_tr_top30{
    top: 50%;
    margin-top: -14px;
}
.box_link_hover_tr_dropdown{
    position: relative;
    top: 0;
    right: 0;
    z-index: 53;
}
.actions_list_photos .box_link_hover_tr{
    top: 32px;
}
.wrap_link_tr:hover .box_link_hover_tr {
    opacity: 1;
}

.link_hover_tr:hover .label_link_tr{
    opacity: 1;
}
.link_hover_tr {
    position: relative;
    display: inline-block;
}
.link_hover_tr .pico_b2b {
    display: block;
    position: relative;
    top: -2px;
}
.link_hover_tr .pico_b2b i{
    color: #0d92ff;
}
.link_hover_tr .pico_dropdown {
    display: block;
    position: relative;
}
.link_hover_tr .pico_dropdown .uil-trash-alt {
    background: url(../img/icon-corbeille-alt.png) no-repeat center bottom;
    width: 30px;
    height: 23px;
    display: inline-block;
}
.dropdown-menu .pico_dropdown [class*=" uil-"]:before{
    margin:0 !important;
}
.dropdown-menu .pico_dropdown i {
    font-size: 26px;
    color: #32a3ff;
    line-height: 1;
    margin-right: 8px;
}
.dropdown-menu .pico_dropdown i.uil.uil-copy {
    margin-left: -3px;
}
.dropdown-menu .pico_dropdown {
    height: 24px;
}
.dropdown-menu>li>a {
    padding: 5px 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    flex-direction: row;
}
.label_link_tr{
    opacity: 0;
    background: #003057;
    color: #fff;
    padding: 5px;
    font-size: 11px;
    position: absolute;
    right: -14px;
    bottom: -20px;
}
.box_link_hover_tr .switch_btn{
    position: relative;
    top: -5px;
}
.search-list {
    float: right;
    position: relative;
    background: #fff;
    right: -23px;
}
.export_reservation_icon .search-list {
    top: 15px;
    right: 20px;
}
.search-list:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 13px;
    background-color: #fff;
    top: -13px;
    right: 0;
}
.search-list:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 14px;
    background-color: #fff;
    bottom: -14px;
    right: 0;
    border-bottom: 1px solid #0d92ff;
}
.search-list .form-control {
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 300;
}

.search-list .btn-default, .search-list .btn-default:hover, .search-list .btn-default:active {
    background: none;
    color: #717f9e;
    border: none;
}

.search-list .btn-default input {
    background: none;

}

.picto_sidebar {
    color: #003057;
    font-size: 24px;
}

.picto_sidebar img {
    vertical-align: top;
}

.picto_sidebar:hover {

}

#price-fieldset {
    /* display: none; */
}
.wrap_selected_period {
    padding-bottom: 15px;
    border-bottom: solid 1px #d8d8d8;
}
.textperiod {
    font-size: 18px;
    color: #000;
}
.selecteddays {
    font-size: 18px;
    color: #0d92ff;
}
.btn {
    border-radius: 0;
}
.applyBtn {
    border-radius: 0;
    background-color: #0d92ff;
    color: white;
    padding: 8px 25px;
    font-size: 16px;
    border: none !important;
}
.daterangepicker .input-mini:focus-visible, .daterangepicker .input-mini:focus {
    border: solid 2px #3c8dbc;
    outline: none;
}
.applyBtn[disabled] {
    background-color: #e0e4f7;
    border-color: #e0e4f7;
    color: #003057;
    cursor: not-allowed;
    filter: alpha(opacity=100);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.applyBtn:hover, .applyBtn:focus, .applyBtn:active {
    background-color: #0d92ff !important;
    color: white;
    border: none !important;
}

.cancelBtn {
    display: none !important
}

#price-block .input-group-price .input-group-addon {
    border: 1px dashed #abd9ff;
    border-radius: 0;
    margin-right: 0;
    color: #003057;
    font-size: 16px;
}

#price-block .input-group-price .form-control {
    border-radius: 0;
    margin-left: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0d92ff;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e0e4f7;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: bold;
    color: #293b5a;
}
em.rate_em {
    position: absolute;
    top: 4px;
    left: 52px;
    width: 100px;
}


#resume-calendar .datepicker-inline {
    width: 380px !important;
    max-width: 100% !important;
    margin: auto;
}

.daterangepicker.opensleft .ranges {
    float: right;
    margin-right: 20px;

}

.daterangepicker.dropdown-menu {
    background-color: #f4f4f4;
    padding: 15px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #e7eaf7;
}

.daterangepicker td.end-date, .daterangepicker td.start-date {
    border-radius: 12px;

}

.daterangepicker td.in-range {
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    color: white !important;
    background-color: #0d92ff;
}

.price-setting {
    border-radius: 0;
    background-color: #f0f8ff;
    padding: 15px 10px;
    margin-bottom: 20px;
}

.fieldset_box {
    border-radius: 0;
    background-color: #ffffff;
    /* border-bottom: 8px solid #f4f4f4; */
    position: relative;
    overflow: hidden;
    /*padding: 15px;*/
}
.row-cols-dahsbord .fieldset_box {
    /* margin-bottom: 16px; */
    border-bottom: none;
}
.title_periode_contract {
    margin: 0 0 0 16px;
    font-family: 'als_haussregular';
    font-size: 24px;
    color: #000;
    margin-bottom: 16px;
}
.checkbox-selected-days {
    position: absolute;
    top: 32px;
    left:8px;
    z-index: 3;
}
.input-group.input-group-uil > input.form-control, .input-group.input-group-uil .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    padding-right: 50px;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
}
.fieldset_box legend {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    font-size: 20px;
    line-height: 1.33;
    color: #000000;
    border: none;
    padding: 26px 25px 0 40px;
    margin: 0;
    position: relative;
    font-family: 'als_haussbold';
    /* margin-top: -15px; */
}
.padding-content.fieldset_box legend {
    padding: 26px 25px 0 16px;
}
.padding-content.fieldset_box legend:before {
    left: 0px;
}
.fieldset_box.border-left-bes legend ,
.fieldset_box.border-right-bes legend {
    float: left;
    width: 100%;
}
.fieldset_box_hotels.fieldset_box legend {
    padding: 26px 25px 20px 40px;
}
.fieldset_box.padding-content legend {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.border-right-bes .container-fieldset {
    padding: 24px 9px !important;
}
.form-group {
    margin-bottom: 19px;
}
.form-group-checkbox.days-list{
    float: left;
    width: 100%;
}
.fieldset_box legend:before {
    content: "";
    width: 3px;
    height: 16px;
    position: absolute;
    top: 31px;
    left: 24px;
    background: #f8db03;
}
.box_filter_toggle legend {
    float: left;
    width: auto;
}
.bottom-fieldset {
    padding: 20px 30px;
}

.container-fieldset {
    margin-right: auto;
    margin-left: auto;
    padding: 24px !important;
}
.padding-content .container-fieldset {
    padding: 24px 0!important;
}
.padding-content .box-body {
    padding: 10px 0;
}
#price-fieldset .container-fieldset {
    padding: 20px 30px 0 30px !important;
}
.fa-male{
    background: url('../img/icon-male.png') no-repeat center center;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.fa-male:before{
    content: '';
}
.fa-child{
    background: url('../img/icon-child.png') no-repeat center center;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.fa-child:before{
    content: '';
}
.uil-kid{
    background: url('../img/icon-kids.png') no-repeat center center;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.uil-kid:before{
    content: '';
}
.promotions_list {
    box-shadow: inset 0 1px 0 0 #e7eaf7;
    background-color: #f8fafd;
    padding-left: 15px;
    border-bottom: none;

}

.nav-tabs.promotions_list > li.active {
    border-top: none;
    margin-bottom: 0;
    margin-right: 0;
}

.nav-tabs.promotions_list > li {
    border-top: none;
    margin-bottom: 0;
    margin-right: 0;
}

.nav-tabs.promotions_list > li.active > a, .nav-tabs.promotions_list > li.active:hover > a {
    background: none;
    font-weight: 500;
    border-right: none;
    border-left: none;
}

.nav-tabs.promotions_list > li > a {
    background: none;
    padding: 18px 15px;
    font-size: 16px;
    color: #6c7f9f;

}

.spinner {
    position: relative;
    border-radius: 8px;

}

.spinner > .form-control, .spinner > .form-control:focus {
    height: 40px;
    border-radius: 0;
    border: none;
    font-size: 16px;
    color: #293b5a;
    font-weight: bold;
    padding-right: 66px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.spinner button {
    background-color: #f4f4f4;
    font-size: 22px;
    width: 40px;
    border: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    border-radius: 0;
    border-left: none;
    color: #9b9b9b;;
    font-weight: 700;
}

.spinner button:hover, .spinner button:active:hover, .spinner button:active, .spinner button:focus, .spinner button:active:focus {
    background-color: #f4f4f4;
    border: none;
    border-left: none;
    box-shadow: none;
}

.uil-minus,
.uil-plus{
    font-size: 20px;
    color: #003057;
}
.spinner button.decrease {
    right: 40px;

}

.spinner button.increase {
    right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f4f4f4;
    opacity: 1;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}
.main-header .sidebar-toggle:before {
    content: "";
}

/*.container-fieldset .row > div{
    padding-right: 12px;
    padding-left: 12px;

}*/

/******/

.d-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 10px;
}

.box-header .box-title, .box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
    display: inline-block;
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    line-height: 1;
}

.actions {
    text-align: right;
}

.box-body > .table {
    margin-bottom: 0;
    margin-top: 10px;
}

.collapsed-box {
    transition: height 0.2s !important;
}

.overlay {
    position: absolute;
    left: 230px;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 4;
    color: #fff;
    font-size: 30px;
    text-align: center
}

.overlay span {
    position: relative;
    top: 10%;
}

.sidebar-collapse .overlay {
    left: 60px
}

.sidebar-menu > li .treeview-menu li a .hover_picto_sidebar {
    display: none
}

.hotels-check-img {
    display: block;
    padding: 8px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
    text-align: center;
}

.hotels-check-img * {
    cursor: pointer;
}

.hotels-check-img input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2;
}

.border-hotels-check-img {
    border: 2px solid #dee9f0 !important;
    border-radius: 6px !important;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.hotels-check-img input:checked + .border-hotels-check-img {
    border: 4px solid #3f95d8 !important;
}

.hotels-check-img img {
    max-width: 100%;

}

.datepicker .calendar td, .datepicker .datepicker-days td, .daterangepicker .calendar td, .daterangepicker .datepicker-days td {
    font-size: 12px;
    padding: 6px !important;
    white-space: normal;
}

.daterangepicker .calendar th {
    color: #000;
}


.daterangepicker .calendar td {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    border-radius: 0;
    border: 1px solid #f4f4f4;
}

.daterangepicker td.in-range {
    color: #000000;
    font-weight: normal;
}
.daterangepicker td.in-range {
    background-color: #cfe9ff;
}
.daterangepicker td.off, .daterangepicker td.off.in-range {
    color: #9b9b9b;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: transparent;
}

.datepicker .calendar th, .datepicker .datepicker-days th, .daterangepicker .calendar th, .daterangepicker .datepicker-days th {
    font-size: 12px;
    padding: 6px !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    color: white !important;
    background-color: #0d92ff !important;
}
.datepicker th.prev, .datepicker th.next {
    font-size: 0
}

.datepicker th.prev:before {
    content: '\e81e';
}

.datepicker th.next:before {
    content: '\e81f';
}

.datepicker th.prev:before, .datepicker th.next:before {

    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-family: "unicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-size: 24px;
}

.datepicker .datepicker-switch {
    color: #090d14;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle !important;
    font-size: 16px !important;
}

.datepicker .table > tbody > tr > td {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    border-radius: 0;
    border: 1px solid #f4f4f4;
}
.border_contract .datepicker .table > tbody > tr > td {
    border: 1px solid #fff;
}

.datepicker table tr td.day:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    border: 1px solid white;
}

.datepicker .table > tbody > tr > td.old, .datepicker .table > tbody > tr > td.new {
    color: #9b9b9b;
}

.datepicker .table > tbody > tr > td.active {
    color: #f5f5f5;
}

.datepicker .table > thead > tr > th {
    border-top: none;
    border-bottom: none;
    color: #003057;

}

.daterangepicker.opensleft:after {
    border-bottom: 6px solid #f4f4f4;
}
.datepicker .table > thead > tr > th:hover {
    background: none;

}
.border-right-bes {
    border-right: 8px solid #f4f4f4;
}
.border-left-bes {
    border-left: 8px solid #f4f4f4;
}
#search_form .srv-child {
    border: 2px solid #dee9f0 !important;
    border-radius: 6px !important;
}

.daterangepicker .calendar.left, .daterangepicker .calendar.right {
    /* display: block !important;
     float: none !important;
     width: auto !important;
     clear: both;*/
}

.daterangepicker.opensleft .ranges {
    clear: both
}

.login-page, .register-page {
    background: #e7eaf7;
    background: #fff;

}

.login-page .box-widget, .register-page .box-widget {
    background: none;
    max-width: 352px;
    margin: 136px auto 0 auto;
}
.logo_login {
    margin-bottom: 70px;
}
.wrap_bottom_login {
    position: absolute;
    right: 56px;
    bottom: 40px;
    text-align: right;
}
.copyright_login {
    font-size: 14px;
    color: #9b9b9b;
}
.link_login {
    font-size: 14px;
    color: #0d92ff;
}
.login-page .box-widget, .register-page .box-widget {
    /*box-shadow: 0 40px 50px 0 rgba(0, 0, 0, 0.2);*/
    box-shadow: none;

}

.login-box, .register-box {
    width: 100%;
    margin: 0 auto;
    max-width: 100% !important;
}
.wrap_content_login {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 100vh;
}
.col-taux-dashbord {
    border-right: 16px solid #f4f4f4;
}
.col_img_login {
    background: url('../img/bg_login.jpg') no-repeat 0 0/cover;
    padding: 180px 43px;
}
.content_login {
    max-width: 440px;
}
.sub_title_login {
    font-size: 24px;
    color: #fff;
    display: block;
    margin-bottom: 22px;
}
.title_login {
    font-size: 56px;
    line-height: 1.2;
    color: #f8db03;
    font-family: 'als_hausslight';
    display: block;
}


.login-box .glyphicon-user, .login-box .glyphicon-lock, .register-box .glyphicon-user, .register-box .glyphicon-lock {
    display: none;
}

.dis-b {
    display: block !important;
    width: 100%
}

.widget-user .widget-user-header {
    background-color: #0d92ff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    text-align: center;
    height: auto;
    padding-bottom: 0;
    background: none;
    color: #0d92ff;
    text-shadow: none
}

.widget-user .widget-user-image {
    position: static;
    top: auto;
    left: auto;
    margin: auto;
    text-align: center;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background: #0d92ff;
}

.siteinfotitle span {
    display: none
}

.notif-span {
    border-radius: 50%;
    background-color: #0d92ff;
    color: #fff;
    border: 1px solid #0d92ff;
    display: none;

}

.navbar-custom-menu .navbar-nav i:before {
    margin: 0 2px
}

#body .notifications-menu > a, #body .user.user-menu > a, #body .language_menu > a {
    padding: 10px;
    border-radius: 50%;

}

#body .notifications-menu > a:hover,
#body .language_menu > a:hover {
    background: #f9f5f5;
}

#body .notifications-menu > a:focus, #body .notifications-menu > a:active,
#body .language_menu > a:focus, #body .language_menu > a:active {
    background: #e7eaf7;
}

#body .user.user-menu > a:hover, #body .user.user-menu > a:focus, #body .user.user-menu > a:active {
    color: #0d92ff;
    background: none;
}

.main-header .navbar-custom-menu, .main-header .navbar-right {
    position: relative;
    top: 7px;
}

.name_user {
    color: #fff;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}
.i-user{
    float: left;
}
.i-user i{
    font-size: 32px;
}
.reservation_list {
    margin: -20px -30px;
}

body .reservation_list {
    box-shadow: none;
    border-radius: 0;
}

body .reservation_list .nav-reservation {
    border-bottom: none;
    border-radius: 0;
}

body .reservation_list .nav-reservation li.active {
    border-top: none;
}

body .reservation_list .nav-reservation li.active a, body .reservation_list .nav-reservation li.active a:hover {
    background: none;
}

body .reservation_list .nav-reservation li {
    border: none;
    margin: 0;
}

body .reservation_list .nav-reservation li a:after {
    display: none
}

body .reservation_list .nav-reservation li a {
    padding: 0;
}

body .reservation_list .nav-reservation li a label {
    padding: 18px 20px;
    display: block;
}

.tab-content-reservation {
    padding: 32px 0 12px;
}

.reservation_price_info {
    display: table;
    float: right;
}

.reservation_price_info > div {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
}

.rsp + .rsp {
    margin-top: 8px
}

.r-price {
    color: #293b5a;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    position: relative;
    line-height: 1;
}

.r-info-price {
    text-align: right;
    color: #26b8fa;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: bold;
}

.t-price {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: #293b5a;
    padding: 12px 16px;
    display: inline-block;
}

.text-success-mail {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}

/*.col-tab-right {
    height: calc(100vh - 80px);
    overflow: auto;

}*/
.config-cell-btn {
    position: relative;
    height: 100%;
}

.config-cell-btn .availability-change {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 26px;
    height: 26px;
    font-size: 18px;
    border: 1px solid #e2e9f0;
    color: #003057 !important;
    /*border-radius: 50%;*/
    display: none;
}

.config-cell-btn:hover .availability-change, .table-availability tr.roomType td:first-child:hover .availability-change {
    display: block;
}

.warning_light {
    background: #f8fafd;
    color: #214366;
    padding: 20px;
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
    border-radius: 6px;
    margin-bottom: 20px;
}

.warning_light h5 {
    font-size: 14px;
    line-height: 1.3;
}

.warning_profite {
    border-radius: 6px;
    background: #e0e4f7;
    color: #214366;
    padding: 20px;
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
}

.warning_nuitee {
    font-size: 30px;
    font-weight: 700;
    padding: 8px 0;
    color: #0d92ff;
    margin: 0;
}

.invit-div {
    background: #f8fafd;
    margin-bottom: 10px;
    padding: 8px 15px;
    border-radius: 10px;
    overflow: hidden;
    color: #293b5a;
    font-size: 16px;
    font-weight: bold;
}

.invit-div > span {
    display: inline-block;
    margin-top: 8px;
}

.invit-btn {

    float: right;
    text-align: center;
    font-size: 14px !important;
    background-color: #0d92ff !important;
    color: #fff !important;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 24px;
}

.password-forgot-link {
    display: block;
    margin-top: 20px;
    color: #0d92ff;
    font-weight: 700;
}

.invit-login-link {

    color: #0d92ff;
    font-weight: 700;
}

.text-accout-text {
    margin-top: 10px;
}

.export_reservation_icon {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 15px;
}

.box_relative {
    position: relative;
}

.table_b2b tbody > tr.small-tr-text > td, .table_b2b thead > tr.small-tr-text > th {
    font-size: 14px;
}
.icon_barre_mobile{
    display: none;
}
.info_rule {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 5px;
    color: #000000;
    font-size: 15px;
}

.info_rule .btn_add_rule {
    position: absolute;
    z-index: 999;
    right: 0;
    cursor: pointer;
    bottom: 6px;
}

.info_rule .btn_edit_rule {
    position: absolute;
    z-index: 999;
    right: 30px;
    cursor: pointer;
    bottom: 6px;
}
.wrap_info_stock {
    position: absolute;
    top: 5px;
    right: 0;
}
.info_rule .stock {
    display: inline-block;
    min-width: 10px;
    padding: 6px 9px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #003057;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.info_rule .btn_info_rule {
    display: inline-block;
    min-width: 10px;
    padding: 6px 9px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #003057;
    border-radius: 10px;
}
.wrap_stock_promo{
    display: inline-block !important;
    margin: 0 5px !important;
    float: none !important;
    height: auto !important;
    line-height: inherit !important;
}
.nested-sort {
    padding: 0;
}

.nested-sort--enabled li {
    cursor: move;
}

.nested-sort li {
    list-style: none;
    /* margin: 5px 0 20px 10px; */
    padding: 5px 0px 5px 10px;
    /* border-top: 1px dashed #0d92ff; */
    /* border-left: 6px solid #0d92ff; */
    background: #f4f4f4;
    /* padding: 16px; */
}
#treeRules > .nested-sort > li{
    padding: 20px;
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 20px;
}
.nested-sort li ol {
    padding: 0;
    margin-top: 10px;
    margin-bottom: -5px;
}

/* ns-dragged is the class name of the item which is being dragged */
.nested-sort .ns-dragged {
    border: 1px solid red;
}

/* ns-targeted is the class name of the item on which the dragged item is hovering */
.nested-sort .ns-targeted {
    border: 1px solid green;
}
.btn_add_rule i,
.btn_edit_rule i{
    font-size: 24px;
    color: #0d92ff;
}
.slimScrollBar{
    background: rgb(0 48 87 / 30%) !important;
    width: 6px !important;
    transition: all 0.1s ease 0s;
    opacity: 1 !important;
    display: block !important;
}
.main-sidebar:hover .slimScrollBar{
    background: rgb(0 48 87 / 100%) !important;
}
.form-pourcentage {
    position: relative;
}
.form-pourcentage .icon-percent {
    position: absolute;
    right: 6px;
    top: 8px;
    z-index: 9;
}
.form-pourcentage .icon-percent-label {
    top: 32px;
}
.icon-percent {
    background: url('../img/icons-menu-taux.png') no-repeat center center;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.promotions_rules .input-settings-price .form-pourcentage .form-control,
.form-pourcentage .form-control{
    padding-right: 50px;
}
.spinner-pourcent.spinner .icon-percent,
.form-pourcentage.col-md-3 .spinner-pourcent.spinner .icon-percent {
    right: 9px;
    top: 8px;
}
.spinner-pourcent.spinner button.increase {
    right: 40px;
}
.spinner-pourcent.spinner button.decrease {
    right: 80px;
}
.align-items-flex-end {
    align-items: flex-end;
}
@media (min-width: 768px) {
    .col-hotels-check:nth-child(3n+1) {
        clear: both !important;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
        background: #ffffff;
        left: 53px;
        margin-left: 0px;
        -webkit-box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
        -moz-box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);
        box-shadow: 0px 30px 28px -23px rgba(178, 187, 204, 1);

    }
}

@media (min-width: 992px) {
    .siteinfotitle span {
        display: inline
    }

    .col-hotels-check:nth-child(4n+1) {
        clear: both !important;
    }

    .col-hotels-check:nth-child(3n+1) {
        clear: none !important;
    }
}

@media (min-width: 1200px) {
    .col-hotels-check:nth-child(6n+1) {
        clear: both !important;
    }

    .col-hotels-check:nth-child(4n+1) {
        clear: none !important;
    }

    .col-hotels-check:nth-child(3n+1) {
        clear: none !important;
    }
}
.marge_sync{
    margin-top: 23px;
}

@media (min-width: 768px) {
    .main-header.sticky {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-box-shadow: 0px 10px 29px -12px rgba(235, 235, 235, 1);
        -moz-box-shadow: 0px 10px 29px -12px rgba(235, 235, 235, 1);
        box-shadow: 0px 10px 29px -12px rgba(235, 235, 235, 1);
    }

    .main-sidebar.sticky {
        position: fixed;
        /*bottom: 51px;*/
        overflow: auto;
        height: calc(100% - 130px);
    }

    .main-sidebar.sticky .sidebar {
        padding-bottom: 52px;
    }
}

@media (min-width: 1366px) {
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-pull-0 {
        right: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-push-0 {
        left: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-xl-offset-0 {
        margin-left: 0%;
    }

    .datepicker .table > tbody > tr > td {
        width: 50px;
    }

}

@media (max-width: 767px) {

    #block_price_total.col-tab-right {
        margin-top: 0 !important;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #333
    }

    .breadcrumb_b2b {
        display: none
    }

    .table-responsive {
        border: none
    }

    .main-sidebar, .left-side {
        -webkit-transform: translate(-265px, 0);
        -ms-transform: translate(-265px, 0);
        -o-transform: translate(-265px, 0);
        transform: translate(-265px, 0);
    }

    .sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
        -webkit-transform: translate(265px, 0);
        -ms-transform: translate(265px, 0);
        -o-transform: translate(265px, 0);
        transform: translate(265px, 0);
    }

    .main-header > .navbar {
        margin-left: 50px;
        width: auto;
    }

    .content-wrapper, .right-side {
        margin-left: 0px;
    }

    .col_img_login {
        padding: 40px;
    }
    .logo_login img{
        max-width: 250px;
        height: auto;
    }
    .title_login {
        font-size: 36px;
    }
    .logo_login {
        margin-bottom: 10px;
    }
    .login-page .box-widget, .register-page .box-widget {
        margin: 40px auto 0 auto;
    }
    .wrap_content_login .box .box-footer {
        padding: 10px 10px 10px;
    }
    .wrap_bottom_login {
        position: relative;
        right: 0;
        bottom: 0;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 25px;
    }
    .search-list {
        right: 0;
        width: 100%;
        margin-top: 25px;
    }

}

@media (max-width: 600px) {

    .main-sidebar, .left-side {
        padding-top: 116px;
    }

    .main-header {
        max-height: none
    }
    .icon_barre_mobile{
        display: inline-block;
    }
    .icon_barre{
        display: none;
    }

    .container-fieldset {

        padding: 20px 10px !important;
    }

    .content {
        padding: 15px 10px;
    }

    .fixed .content-wrapper {
        padding-top: 118px;
    }

    .main-header .siteinfotitle {
        display: block;
        background: #003057;
        text-align: center;
        float: none;
        margin: 0;
        top: -8px;
        position: relative;

    }

    .main-header > .navbar {
        margin-left: 0;
    }

    .main-header .sidebar-toggle {
        position: absolute;
        left: 0;
        top: 56px;
        z-index: 9999;
    }

    .daterangepicker .calendar.left, .daterangepicker.opensleft .calendar {
        float: none;
    }
    .pull-left.col-nbr_invit{
        margin-right: 20px;
        margin-bottom: 24px;
    }

    .pull-right.col-search_invit{
        float: left !important;
    }
}

@media (max-width: 480px) {

    .col-hotels-check {
        width: 50% !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .col-hotels-check:nth-child(2n+1) {
        clear: both !important;
    }
}

@media (max-width: 340px) {

    .icon_barre_mobile {
        position: relative;
        top: 60px;
    }
    .main-header .sidebar-toggle {

        top: -7px;

    }

    .main-header .navbar-right, .navbar-custom-menu > .navbar-nav {
        float: none;
    }

}