.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
@charset "UTF-8";
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Bernard REDARES
* @date 6/16/19 5:22 PM
* @copyright Copyright (c) 2002-2019 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
.fade {
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
}
.collapsing.width {
width: 0;
height: auto;
-webkit-transition: width 0.35s ease;
-o-transition: width 0.35s ease;
-moz-transition: width 0.35s ease;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.width {
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
-webkit-transform: translate(0, -50px);
-moz-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
-o-transform: translate(0, -50px);
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
max-height: -webkit-calc(100% - 1rem);
max-height: -moz-calc(100% - 1rem);
max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: -webkit-calc(100vh - 1rem);
max-height: -moz-calc(100vh - 1rem);
max-height: calc(100vh - 1rem);
overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: -webkit-calc(100% - 1rem);
min-height: -moz-calc(100% - 1rem);
min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
display: block;
height: -webkit-calc(100vh - 1rem);
height: -moz-calc(100vh - 1rem);
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
-webkit-border-top-left-radius: -webkit-calc(0.3rem - 1px);
-moz-border-radius-topleft: -moz-calc(0.3rem - 1px);
border-top-left-radius: calc(0.3rem - 1px);
-webkit-border-top-right-radius: -webkit-calc(0.3rem - 1px);
-moz-border-radius-topright: -moz-calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
-webkit-border-bottom-right-radius: -webkit-calc(0.3rem - 1px);
-moz-border-radius-bottomright: -moz-calc(0.3rem - 1px);
border-bottom-right-radius: calc(0.3rem - 1px);
-webkit-border-bottom-left-radius: -webkit-calc(0.3rem - 1px);
-moz-border-radius-bottomleft: -moz-calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
margin: 0.25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-scrollable {
max-height: -webkit-calc(100% - 3.5rem);
max-height: -moz-calc(100% - 3.5rem);
max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
max-height: -webkit-calc(100vh - 3.5rem);
max-height: -moz-calc(100vh - 3.5rem);
max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered {
min-height: -webkit-calc(100% - 3.5rem);
min-height: -moz-calc(100% - 3.5rem);
min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
height: -webkit-calc(100vh - 3.5rem);
height: -moz-calc(100vh - 3.5rem);
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
border-radius: 0.3rem;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^=top] {
margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
bottom: -webkit-calc(-0.5rem - 1px);
bottom: -moz-calc(-0.5rem - 1px);
bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^=right] {
margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
left: -webkit-calc(-0.5rem - 1px);
left: -moz-calc(-0.5rem - 1px);
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
top: -webkit-calc(-0.5rem - 1px);
top: -moz-calc(-0.5rem - 1px);
top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left, .bs-popover-auto[x-placement^=left] {
margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
right: -webkit-calc(-0.5rem - 1px);
right: -moz-calc(-0.5rem - 1px);
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-top-left-radius: -webkit-calc(0.3rem - 1px);
-moz-border-radius-topleft: -moz-calc(0.3rem - 1px);
border-top-left-radius: calc(0.3rem - 1px);
-webkit-border-top-right-radius: -webkit-calc(0.3rem - 1px);
-moz-border-radius-topright: -moz-calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
.toast-title {
font-weight: bold;
}
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.toast-message a,
.toast-message label {
color: #ffffff;
}
.toast-message a:hover {
color: #cccccc;
text-decoration: none;
}
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #ffffff;
-webkit-text-shadow: 0 1px 0 #ffffff;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.toast-top-center {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-full-width {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-left {
top: 12px;
left: 12px;
}
.toast-top-right {
top: 12px;
right: 12px;
}
.toast-bottom-right {
right: 12px;
bottom: 12px;
}
.toast-bottom-left {
bottom: 12px;
left: 12px;
}
#toast-container {
position: fixed;
z-index: 999999;
/*overrides*/
}
#toast-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#toast-container > div {
position: relative;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 12px #999999;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}
#toast-container > div:hover {
-moz-box-shadow: 0 0 12px #000000;
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
cursor: pointer;
}
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
width: 300px;
margin-left: auto;
margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.toast {
background-color: #030303;
}
.toast-success {
background-color: #51a351;
}
.toast-error {
background-color: #bd362f;
}
.toast-info {
background-color: #2f96b4;
}
.toast-warning {
background-color: #f89406;
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 11em;
}
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 18em;
}
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 25em;
}
}
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Lucas ROCHE
* @date 25/03/2020 15:28
* @copyright Copyright (c) 2002-2020 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Lucas ROCHE
* @date 25/03/2020 14:45
* @copyright Copyright (c) 2002-2020 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
/* Font size
/* ============================================= */
/* Fonticon
/* ============================================= */
/* Hover
/* ============================================= */
/* Animation mixin
* ========================================= */
/* Main gutter
/ ================================================== */
/* Breakpoints
/* ============================================= */
@font-face {
font-family: "plugin-font";
font-weight: normal;
font-style: normal;
font-display: swap;
src: url(../fonts/plugin-font.eot?bd0510ed5a2e4820725596e5cec45fdf), url(../fonts/plugin-font.woff?20b3a7f6e91a7627ea3dd8da40928f28) format("woff"), url(../fonts/plugin-font.ttf?3788385566775df920d5a43cc2d2caa8) format("truetype"), url(../fonts/plugin-font.eot?bd0510ed5a2e4820725596e5cec45fdf?#iefix) format("embedded-opentype"), url(../fonts/plugin-font.svg?46cd184e4770eddab2094b8db6eb415a#plugin-font) format("svg");
}
.fitl:before {
font-family: "plugin-font";
font-style: initial;
}
.fitl-arrow-bottom:before {
content: "î¨";
}
.fitl-arrow-left:before {
content: "";
}
.fitl-arrow-right:before {
content: "";
}
.fitl-arrow-top:before {
content: "";
}
.fitl-check:before {
content: "";
}
.fitl-close:before {
content: "";
}
.fitl-contact:before {
content: "";
}
.fitl-fi_carte-bleue:before {
content: "";
}
.fitl-fi_cheques-bancaires-et-postaux:before {
content: "";
}
.fitl-fi_cheques-vacances:before {
content: "";
}
.fitl-fi_especes:before {
content: "";
}
.fitl-fi_filters:before {
content: "";
}
.fitl-fi_modelist:before {
content: "î¨";
}
.fitl-fi_modemap:before {
content: "";
}
.fitl-fi_modemixted:before {
content: "î¨";
}
.fitl-fi_open:before {
content: "î¨";
}
.fitl-fi_paypal:before {
content: "";
}
.fitl-fi_tickets-restaurants:before {
content: "";
}
.fitl-fi_virements:before {
content: "";
}
.fitl-fi_visa:before {
content: "";
}
.fitl-fi_website:before {
content: "";
}
.fitl-heart-o:before {
content: "";
}
.fitl-heart:before {
content: "";
}
.fitl-mail:before {
content: "";
}
.fitl-phone:before {
content: "";
}
.fitl-search:before {
content: "";
}
/* Global
/* ============================================= */
.iris-travel-log__button-add:before {
content: "";
font-family: "plugin-font";
}
.iris-travel-log__button-add.success:before {
content: "";
font-family: "plugin-font";
}
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Lucas ROCHE
* @date 25/03/2020 16:55
* @copyright Copyright (c) 2002-2020 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
.iris-travel-logLayout {
position: relative;
padding: 0 20px;
}
@media screen and (min-width: 651px) {
.iris-travel-logLayout {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
}
.iris-travel-logLayoutList {
padding: 0 2.5rem;
}
@media screen and (max-width: 650px) {
.iris-travel-logLayoutList {
padding: 0;
}
}
.iris-travel-logRow {
margin-bottom: 40px;
}
@media screen and (max-width: 650px) {
.iris-travel-logRow {
margin-bottom: 20px;
}
}
.iris-travel-logListInfoBarModesRightItem a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.iris-travel-logListInfoBarModesRightItem a::before {
margin-right: 5px;
}
@media screen and (max-width: 1000px) {
.iris-travel-logListInfoBarModesRightItem a[data-trigger-btn=switch-list-mode] {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 65px;
width: 65px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: solid 1px;
font-size: 0.625rem;
line-height: 1;
background: #fff;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.iris-travel-logListInfoBarModesRightItem a[data-trigger-btn=switch-list-mode]:before {
font-size: 1rem;
margin: 0;
}
.iris-travel-logListInfoBarModesRightItem a[data-trigger-btn=switch-list-mode]:hover {
background: #f2f2f2;
}
}
.iris-travel-logListInfoBar.hide {
display: none;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logLayoutMap {
display: none;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logLayout {
display: block;
}
@media screen and (max-width: 1000px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logListInfoBarModesRightItem--list {
display: none;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logList-items {
grid-template-columns: -webkit-calc(100% / 3 - (30px * 2 / 3)) -webkit-calc(100% / 3 - (30px * 2 / 3)) -webkit-calc(100% / 3 - (30px * 2 / 3));
grid-template-columns: -moz-calc(100% / 3 - (30px * 2 / 3)) -moz-calc(100% / 3 - (30px * 2 / 3)) -moz-calc(100% / 3 - (30px * 2 / 3));
grid-template-columns: calc(100% / 3 - (30px * 2 / 3)) calc(100% / 3 - (30px * 2 / 3)) calc(100% / 3 - (30px * 2 / 3));
}
}
@media screen and (min-width: 1001px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logLayoutList .iris-travel-logList-items {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 650px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logLayoutList {
display: block !important;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logLayoutList .iris-travel-logList-items {
grid-template-columns: -webkit-calc(100% / 2 - (30px * 1 / 2)) -webkit-calc(100% / 2 - (30px * 1 / 2));
grid-template-columns: -moz-calc(100% / 2 - (30px * 1 / 2)) -moz-calc(100% / 2 - (30px * 1 / 2));
grid-template-columns: calc(100% / 2 - (30px * 1 / 2)) calc(100% / 2 - (30px * 1 / 2));
}
}
@media screen and (max-width: 370px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=list] .iris-travel-logLayoutList .iris-travel-logList-items {
grid-template-columns: -webkit-calc(100% - (30px * 1 / 8));
grid-template-columns: -moz-calc(100% - (30px * 1 / 8));
grid-template-columns: calc(100% - (30px * 1 / 8));
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 15px;
}
}
#iris-travel-logList[data-iris-travel-log-layout-mode=map] .iris-travel-logLayoutList {
display: none;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=map] .iris-travel-logLayoutMap {
position: static;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=map] .iris-travel-logLayoutMap .iris-travel-logMap {
height: 85vh;
}
@media screen and (max-width: 650px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=map] .iris-travel-logLayoutMap {
display: block !important;
}
}
@media screen and (max-width: 1000px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=map] .iris-travel-logListInfoBarModesRightItem--map {
display: none;
}
}
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logLayoutMap {
position: -webkit-sticky;
position: sticky;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logLayoutMap > .iris-travel-logMap {
position: -webkit-sticky !important;
position: sticky !important;
height: 96vh !important;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logLayoutList {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 1000px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logListInfoBarModesRightItem--list {
display: none;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logLayoutMap {
display: none;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logList-items {
grid-template-columns: -webkit-calc(100% / 3 - (30px * 2 / 3)) -webkit-calc(100% / 3 - (30px * 2 / 3)) -webkit-calc(100% / 3 - (30px * 2 / 3));
grid-template-columns: -moz-calc(100% / 3 - (30px * 2 / 3)) -moz-calc(100% / 3 - (30px * 2 / 3)) -moz-calc(100% / 3 - (30px * 2 / 3));
grid-template-columns: calc(100% / 3 - (30px * 2 / 3)) calc(100% / 3 - (30px * 2 / 3)) calc(100% / 3 - (30px * 2 / 3));
}
}
@media screen and (max-width: 650px) {
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logLayoutList {
display: grid;
}
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logLayoutList .iris-travel-logList-items {
grid-template-columns: -webkit-calc(100% / 2 - (30px * 1 / 2)) -webkit-calc(100% / 2 - (30px * 1 / 2));
grid-template-columns: -moz-calc(100% / 2 - (30px * 1 / 2)) -moz-calc(100% / 2 - (30px * 1 / 2));
grid-template-columns: calc(100% / 2 - (30px * 1 / 2)) calc(100% / 2 - (30px * 1 / 2));
}
#iris-travel-logList[data-iris-travel-log-layout-mode=mixed] .iris-travel-logList-items {
grid-template-columns: -webkit-calc(100% / 3 - (30px * 2 / 3)) -webkit-calc(100% / 3 - (30px * 2 / 3)) -webkit-calc(100% / 3 - (30px * 2 / 3));
grid-template-columns: -moz-calc(100% / 3 - (30px * 2 / 3)) -moz-calc(100% / 3 - (30px * 2 / 3)) -moz-calc(100% / 3 - (30px * 2 / 3));
grid-template-columns: calc(100% / 3 - (30px * 2 / 3)) calc(100% / 3 - (30px * 2 / 3)) calc(100% / 3 - (30px * 2 / 3));
}
}
@media screen and (max-width: 1000px) {
.iris-travel-logListInfoBarModesRightItem--mixed {
display: none !important;
}
}
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Lucas ROCHE
* @date 25/03/2020 14:34
* @copyright Copyright (c) 2002-2020 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
/* List
* ========================================= */
.iris-travel-logListInfoBar {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 40px;
}
@media screen and (max-width: 650px) {
.iris-travel-logListInfoBar {
padding: 20px;
}
}
.iris-travel-logListInfoBarModesLeft {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.iris-travel-logListInfoBarModesLeft p {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin-right: 20px;
}
.iris-travel-logListInfoBarModesLeft p::before {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
content: "";
height: 1px;
background: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1000px) {
.iris-travel-logListInfoBarModesRight {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999999;
}
}
.iris-travel-logListInfoBarModesRight ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.iris-travel-logListInfoBarModesRightItem {
list-style: none;
display: inline-block;
padding-left: 20px;
margin-right: 20px;
}
@media screen and (max-width: 1000px) {
.iris-travel-logListInfoBarModesRightItem {
padding-left: 0;
margin-right: 0;
}
}
.iris-travel-logListInfoBarModesRightItem a {
text-decoration: none;
}
.iris-travel-logList-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5625rem;
}
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Lucas ROCHE
* @date 25/03/2020 14:34
* @copyright Copyright (c) 2002-2020 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
/* Item
* ========================================= */
.iris-travel-logItem {
position: relative;
height: 100%;
}
@media screen and (max-width: 370px) {
.iris-travel-logItem {
width: 100%;
}
}
.iris-travel-logItem:before {
content: "";
position: relative;
display: block;
padding-top: 70%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.2);
pointer-events: none;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-moz-transition: 0.2s all;
transition: 0.2s all;
}
.iris-travel-logItemThumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.iris-travel-logItemContent {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 20px;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 650px) {
.iris-travel-logItemContent {
padding: 10px;
}
}
.iris-travel-logItemContentTrash {
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-moz-transition: 0.2s all;
transition: 0.2s all;
}
.iris-travel-logItemContentTitle {
font-weight: 900;
color: #fff;
font-size: 1.625rem;
line-height: 1;
}
@media screen and (max-width: 1000px) {
.iris-travel-logItemContentTitle {
font-size: 1.375rem;
}
}
@media screen and (max-width: 650px) {
.iris-travel-logItemContentTitle {
font-size: 1.25rem;
}
}
.iris-travel-logItemContentMeta {
color: #fff;
}
@media screen and (max-width: 650px) {
.iris-travel-logItemContentMeta {
font-size: 0.875rem;
}
}
.iris-travel-logItemContentOnhover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px;
background-color: #eee;
opacity: 0;
overflow: auto;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-moz-transition: 0.2s all;
transition: 0.2s all;
}
.iris-travel-logItemContentOnhover p {
margin-bottom: 0;
}
.iris-travel-logItemContentOnhover span {
display: block;
}
.no-touchevents .iris-travel-logItem:hover:before {
background-color: rgba(0, 0, 0, 0.5);
}
.no-touchevents .iris-travel-logItem:hover .iris-travel-logItemContentTrash {
opacity: 1;
}
.no-touchevents .iris-travel-logItem:hover .iris-travel-logItemContentTitle {
color: #fff;
}
.no-touchevents .iris-travel-logItem:hover .iris-travel-logItemContentOnhover {
opacity: 1;
}
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Lucas ROCHE
* @date 25/03/2020 14:34
* @copyright Copyright (c) 2002-2020 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
/* Map
/* ============================================= */
[data-bookmarks-map] {
width: 100%;
height: 800px;
}
.bookmarks-infobox {
width: 200px;
height: 350px;
position: relative;
background-color: white;
}
.bookmarks-infobox-close {
z-index: 2;
position: absolute;
right: 0;
margin: 3px 5px 0;
color: black;
cursor: pointer;
}
.bookmarks-infobox-picture {
width: 200px;
}
.iris-travel-logMap {
position: -webkit-sticky;
position: sticky;
top: 20px;
height: -webkit-calc( 100vh - (20px * 2));
height: -moz-calc( 100vh - (20px * 2));
height: calc( 100vh - (20px * 2));
}
/*!
* IRIS Interactive
*
* NOTICE OF LICENSE
*
* This source file is no subject to a specific license
* but it belongs to the company IRIS Interactive.
* You can contact IRIS Interactive at the following
* address: contact@iris-interactive.fr
*
* @author Lucas ROCHE
* @date 25/03/2020 16:17
* @copyright Copyright (c) 2002-2020 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
*/
.iris-travel-logHeading {
text-align: center;
}
.iris-travel-logHeading h1 {
margin-bottom: 0;
margin-right: 20px;
}
.iris-travel-logHeading .iris-travel-logHeading__input {
height: auto;
}
.iris-travel-logActions {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
/* Buttons
/* ============================================= */
.btn-circle {
z-index: 2;
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.btn-circle.btn-lg {
z-index: 2;
width: 50px;
height: 50px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.btn-circle.btn-xl {
z-index: 2;
width: 70px;
height: 70px;
padding: 10px 16px;
font-size: 24px;
line-height: 1.33;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
/* Popover
/* ============================================= */
.iris-travel-logPopoverFormGroup {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.iris-travel-logPopoverFormGroup + .dropdown .button,
.iris-travel-logPopoverFormGroup + .dropdown .dropdown-menu {
width: 100%;
}
.tippy-box {
background-color: #000;
padding: 0;
}
.tippy-box .tippy-content {
padding: 15px;
}
.tippy-box .tippy-arrow {
color: #000;
}
.tippy-box .iris-travel-logCheck-remove > a {
margin-left: 5px;
}
.tippy-box .iris-travel-logPopoverFormGroup + .iris-travel-logDropdown {
margin-top: 10px;
}
.tippy-box .iris-travel-logPopoverFormControl {
height: 40px;
background: #fff;
}
.tippy-box .iris-travel-logPopoverFormAppend {
padding-left: 10px;
}
/* Cross-selling
/* ============================================= */
.swiper-container {
overflow: hidden;
}
.iris-travel-logCrossSelling {
margin: 40px 20px;
}
.iris-travel-logCrossSelling h2 {
text-align: center;
}
.iris-travel-logCrossSellingListRow {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.iris-travel-logCrossSellingListRow .iris-travel-logList-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: unset;
}
.iris-travel-logCrossSellingListRow .iris-travel-logList-items .iris-travel-logItem {
margin: unset;
}
.iris-travel-logCrossSellingListRow.organized {
margin-top: 75px;
}
.iris-travel-logCrossSellingListRow.organized:first-child {
margin-top: 0;
}
.iris-travel-logCrossSelling__title {
margin-bottom: 40px;
}
.iris-travel-logCrossSellingListRow__title {
margin-bottom: 20px;
}
.iris-travel-log__crossSellingItem__bookmarkButton {
position: absolute;
z-index: 1;
top: 10px;
right: 10px;
line-height: 1;
color: #fff;
}
.iris-travel-log__crossSellingItem__bookmarkButton .button {
all: unset;
font-size: 0;
cursor: pointer;
color: inherit !important;
}
.iris-travel-log__crossSellingItem__bookmarkButton .button:hover, .iris-travel-log__crossSellingItem__bookmarkButton .button:active {
color: inherit !important;
}
.iris-travel-log__crossSellingItem__bookmarkButton .button:before {
margin: 0;
font-size: 22px;
}
.iris-travel-logDropdown .button {
width: 100%;
}
.iris-travel-logDropdown .button:after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
-webkit-transform: translate(-100%, -50%);
-moz-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.iris-travel-logDropdownList {
display: none;
position: absolute;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
top: 100%;
left: 0;
z-index: 10;
margin: -10px 15px 0;
font-size: 14px;
color: #000;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.iris-travel-logDropdownItem {
display: block;
width: 100%;
padding: 10px;
clear: both;
font-weight: 400;
white-space: nowrap;
}
.toast-top-center {
line-height: 1.4;
}
.toast-top-center .toast-close-button {
color: #fff;
}
/* Import
/* ============================================= */
/* Layout
/* ============================================= */
.iris-travel-logList {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5625rem;
}
@media screen and (max-width: 1000px) {
.iris-travel-logList {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 650px) {
.iris-travel-logList {
grid-template-columns: repeat(1, 1fr);
}
}