:root { --bs-border-radius: 0.25rem; scroll-behavior:auto;

--input-background: light-dark(#fff, #333334);

--bs-body-bg: light-dark(#fff, #333334);
--bs-body-color: light-dark(#212529, #e2e5e9);
--bs-secondary-color: light-dark(rgba(33, 37, 41, 0.75), #b0b3b8);
--bs-border-color: light-dark(#dee2e6, #252728); /* 65686c */
--bs-tertiary-bg: light-dark(#f8f9fa, #3b3d3e);

--gray-sub: light-dark(#65686C, #B0B3B8);
--bs-secondary-bg: light-dark(#e9ecef, #3b3b3b);

}

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    background-color: transparent;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	color: light-dark(#666, #B0B3B8);
}

input::placeholder { color: light-dark(#555, #b0b3b8); }
select { cursor: pointer; }
textarea[name=message_text] {
	background-color: light-dark(#f0f2f5, #333334);
	border-color: light-dark(#f0f2f5, #333334);
}

.form-select {
	--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cdefs%3e%3cstyle%3e@media (prefers-color-scheme: dark) { path { stroke:%23dee2e6 !important; } }%3c/style%3e%3c/defs%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.btn-close:not(.m-auto) {
	   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2'%3e%3cdefs%3e%3cstyle%3e@media (prefers-color-scheme: dark) { svg { fill:%23fff !important; } }%3c/style%3e%3c/defs%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.form-control { background-color: var(--input-background); }
.modal-content .form-control { background-color: light-dark(#fff, #222327); }

.dark-mode {
  color-scheme: dark;
}

.light-mode {
  color-scheme: light;
}

.auto-mode {
  color-scheme: light dark;
}

.btn-lg { border-radius: var(--bs-border-radius); }

.card-link {
	border-radius: var(--bs-border-radius);
	cursor: pointer;
}

.card-link.choice-woman {
	background-color: light-dark(#eae3ff, #333334);
}

.card-link.choice-woman:hover {
	background-color: light-dark(#e3ddff, #3b3d3e);
}

.card-link.choice-man {
	background-color: light-dark(#dde6ff, #333334);
}

.card-link.choice-man:hover {
	background-color: light-dark(#d1dcff, #3b3d3e);
}

#link-danse { display: none; }

#ageMin, #ageMax { border: 1px solid light-dark(#dee2e6, #495057) !important; }

#toolbar-wrap {
  position: fixed;
  bottom: 0px;
  height: 60px;
  width: 100%;
}

#toolbar {
  position: absolute;
  left: 0px;
  right: 0px;
  padding: 15px;
  background-color: #f1f5f9;
}

#toolbar.down {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

svg { fill: light-dark(#000, #fff); }

.dropdown-item svg {
	fill: var(--bs-dropdown-link-hover-color);
	margin-right: 0.25rem;
	opacity: 0.7;
}

a {
	text-decoration: none;
	color: light-dark(#337ab7, #6EA8FE);
}
.text-justify { text-align: justify; }
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active { color: #fff !important; }
.badge { padding: .25em .4em; }

.form-check-input {
	border: 1px solid light-dark(var(--bs-border-color), #495057);
}
.form-switch .form-check-input:focus {
  border-color: #dee2e6;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-color: #337ab7;
  border-color: #337ab7;
}

.form-check-input, .form-check-label {
	cursor: pointer;
}

.form-switch .form-check-input {
	transform: scale(1.3);
	margin-left: -2.2em;
}

.form-switch .form-check-label {
	vertical-align: bottom;
}

.form-check-input:focus {
  box-shadow: none ;
}

.toast-container {
	bottom: 3.9rem;
	z-index: 1040;
}

.toast {
	font-size: 1rem !important;
	box-shadow: none;
	--bs-toast-color: #333;
}

.toast-content {
	border-top: 1px solid var(--bs-border-color-translucent);
	background-color: #fff;
}

.toast-success {
  background-color: #b6f8c4;
}

.toast-info {
   background-color: #b2e7f5;
}

.toast-error {
   background-color: #ffb7b7;
}

.popover { box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2); --bs-popover-header-bg: light-dark(#F1F1F1, #3b3d3e); --bs-popover-border-color: var(--bs-popover-bg); border: 0;}
.popover-body { font-family: Roboto, Tahoma, Geneva, sans-serif; font-weight: 500; }


.pagination {
	--bs-pagination-active-bg: #a5b4c7;
	--bs-pagination-focus-bg: #dbe2e9;
	
    --bs-pagination-bg: unset;
    --bs-pagination-border-width: 0;
}
.pagination .page-link {
	line-height: 2.5rem; width: 2.5rem; padding: 0; text-align: center; font-weight: 500; font-size: 1.0625rem; border-radius: 50% !important; margin-left: 0 !important;
}
.pagination li a {
	color: light-dark(#337ab7, #6cb5d8);
}
.page-link:hover {
	color: light-dark(#0a58ca, #a9d4e9);
}
.page-link:focus, .page-link:active {
	color: #0a58ca;
}

a:focus.btn-outline-secondary {
	color: light-dark(#6c757d, var(--gray-sub));
}
a:hover.btn-outline-secondary {
	color: #fff;
}

.btn-outline-secondary { 
	--bs-btn-bg: light-dark(#fff, #3b3d3e);
	--bs-btn-color: light-dark(#6c757d, var(--gray-sub));
	--bs-btn-border-color: light-dark(#6c757d, var(--gray-sub));
}

.btn-outline-secondary:hover {
	--bs-btn-hover-bg: light-dark(#a0a0a0, var(--gray-sub));
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-border-color: light-dark(#a0a0a0, var(--gray-sub));
}
.btn-outline-secondary:active {
	--bs-btn-active-bg: light-dark(#6c757d, #a0a0a0);
	--bs-btn-active-color: #fff;
	--bs-btn-active-border-color: light-dark(#6c757d, #a0a0a0);
}

.btn-outline-secondary > svg {
	fill: light-dark(#6c757d, var(--gray-sub));
}
.btn-outline-secondary:hover > svg {
	fill: #fff;
}
.btn-outline-secondary:active > svg {
	fill: #fff;
	opacity: 1 !important;
}

.btn-white {
	--bs-btn-color: light-dark(#333, #e2e5e9);
}

.btn-white:hover {
	--bs-btn-hover-color: light-dark(#333, #e2e5e9);
	--bs-btn-hover-bg: light-dark(#e5e5e5, #3b3d3e);
	--bs-btn-hover-border-color:light-dark(#e5e5e5, #3b3d3e);
}
.btn-white:active {
	--bs-btn-active-color: light-dark(#333, #e2e5e9);
	--bs-btn-active-bg: light-dark(#cecece, #515253);
	--bs-btn-active-border-color: light-dark(#cecece, #515253);
}
.btn-white:focus, .btn-gray:focus {
	color: light-dark(#333, #e2e5e9);
}

.btn-gray {
	--bs-btn-color: light-dark(#333, #e2e5e9);
	--bs-btn-bg: light-dark(#f2f2f2, #3b3d3e);
	--bs-btn-border-color: light-dark(#f2f2f2, #3b3d3e);
}
.btn-gray:hover {
	--bs-btn-hover-color: light-dark(#333, #e2e5e9);
	--bs-btn-hover-bg: light-dark(#e5e5e5, #4f5051);
	--bs-btn-hover-border-color: light-dark(#e5e5e5, #4f5051);
}
.btn-gray:active {
	--bs-btn-active-color: light-dark(#333, #e2e5e9);
	--bs-btn-active-bg: light-dark(#cecece, #636465);
	--bs-btn-active-border-color: light-dark(#cecece, #636465);
}

.btn-gray > svg, .btn-white > svg {
	fill: light-dark(#666, #e2e5e9);
}

.btn-blue-light { 
	--bs-btn-bg: light-dark(#ecf2fc, #3a4e64);
	--bs-btn-color: light-dark(#262626, #e2e5e9);
	--bs-btn-border-color: light-dark(#c2d5f6, #3a4e64);
}

.btn-blue-light:hover {
	--bs-btn-hover-bg: light-dark(#dce8fa, #324458);
	--bs-btn-hover-color: light-dark(#262626, #e2e5e9);
	--bs-btn-hover-border-color: light-dark(#c2d5f6, #324458);
}
.btn-blue-light:active {
	--bs-btn-active-bg: light-dark(#d0dff8, #2d3c4d);
	--bs-btn-active-color: light-dark(#262626, #e2e5e9);
	--bs-btn-active-border-color: light-dark(#c2d5f6, #2d3c4d);
}
.btn-blue-light > svg {
	fill: light-dark(#626a72, #e2e5e9);
}
.btn-blue-light:active > svg {
	fill: light-dark(#262626, #e2e5e9);
}

.btn-xs {
	padding: 0 0.5rem !important;
	font-size: 0.75rem !important;
	text-transform: none !important;
	font-weight: normal !important;
	border-color: #ccc !important;
}
.btn-xs:active > span, .btn-xs:hover > span {
	color: #fff !important;
}

/*!
 * Cropper.js v2.0.0-alpha.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-12-25T08:31:10.935Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box{left:0;position:absolute;top:0}.cropper-drag-box{background-color:#fff;bottom:0;opacity:0;right:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
 
 .cropper-center{display:none}
 .cropper-modal{background-color:#fff}
 .cropper-container{overflow:visible}
 
.cropper-view-box {
	border-radius: 50%;
}
.cropper-face {
	background-color:inherit !important;
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.pswp img { object-fit: contain!important; max-width: none; }
.pswp__img--placeholder{ display: none !important; }


/* MAIN */

body {
    font-family: Roboto, Tahoma, Geneva, sans-serif;
    background-color: light-dark(#efefef, #1c1c1d);
	color: light-dark(#333, #e2e5e9);
	margin-top: 3rem;
	line-height: 1.42857143;
	margin-bottom: 1.5rem;
}

body[data-a="pg_thread"] {
    margin-top: 3.725rem;
}

body[data-a="pg_thread"] .bg-white {
	background-color: light-dark(#fff, #1c1c1d) !important;
}

article section { font-size: 1.125rem; line-height: 1.7rem; }

.btn {
	font-size: 0.875rem;
	line-height: 1.42857143;
}

.btn-lg {
	font-size: 1.125rem;
	height: 2.5rem;
}

.btn.btn-info {
	background-color: #289FC3; /*#5bc0de;*/
	border-color: #289FC3; /*#5bc0de;*/
}

.btn.btn-info:hover {
	background-color: #2592b3 /*#47acca*/;
	border-color: #2592b3 /*#47acca*/;
}
.btn.btn-info:active, .btn-info:focus {
	background-color: #2284a2 /*#3398b6*/;
	border-color: #2284a2 /*#3398b6*/;
}

.btn.btn-info.disabled, .btn-info:disabled {
	background-color: #1f7995 /*#31b0d5*/;
	border-color: #1f7995 /*#31b0d5*/;
}

#btSearch.btn-info {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
#btSearch.btn-info:hover {
	background-color: #47acca;
	border-color: #47acca;
}
#btSearch.btn-info:active, #btSearch.btn-info:focus {
	background-color: #3398b6;
	border-color: #3398b6;
}

.btn-info > svg {
	fill: #fff;
}


.navbar {
	height: 3rem;
}

.h-sports {
	letter-spacing: 0.0625rem;
	font-size: 0.938rem;
}

.form-control {
	color: light-dark(#555, #e2e5e9);
}

.btn:focus,.btn:active, a:focus, a:active, button {
   outline: none  !important;
   box-shadow: none  !important;
   -webkit-box-shadow: none   !important;
   /*color: #fff;*/
}

label {
	font-weight: 500;
}

a:focus, a:hover {
  color: light-dark(#23527c, #7fbfdd);
}

a.link-activity {
	color: light-dark(#333, #e2e5e9);
	padding-bottom: 0.25rem;
}

a.link-activity:active, a.link-activity.active, a.link-activity:focus {
	border-bottom: solid 3px #1bc4de;
}

a.link-activity:hover {
	border-bottom: solid 3px light-dark(#74deee, #1490a4);
}

b, strong {
	font-weight: 500;
}

.modal .modal-dialog { max-width: 37.375rem !important; }
.modal .modal-header { border-bottom: 0; }
.modal .modal-footer { border-top: 0; }
.modal .modal-content { border: 0; box-shadow: 0 0 24px 12px rgba(0, 0, 0, 0.15); }
.modal-backdrop.show { --bs-backdrop-opacity: 0.3 !important; }

.btn-default {
    color: light-dark(#333, #e2e5e9);
    background-color: var(--input-background);
    border-color: light-dark(#ccc, #65686c);
}
.btn.btn-default:hover {
    color: light-dark(#333, #e2e5e9);
    background-color: light-dark(#e6e6e6, #3b3d3e);
    border-color: light-dark(#ccc, #65686c);
}
.btn.btn-default:active, .btn.btn-default:focus {
	color: light-dark(#333, #e2e5e9);
	background-color: light-dark(#cecece, #515253);
}

.navbar.fixed-bottom { background-color: light-dark(#fff, #252728); box-shadow:0 -0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15); font-size: 0.8125rem; }
.navbar.fixed-bottom a { display:inline-block;padding-top:0.3125rem; padding-bottom:0.3125rem; color: light-dark(#333, #e2e5e9); }
.navbar.fixed-bottom a.active { color: light-dark(#337ab7, #6cb5d8); font-weight:500; }
.navbar.fixed-bottom a.active svg {
	fill: light-dark(#337ab7, #6cb5d8) !important;
	opacity: 1;
}
.navbar.fixed-bottom a svg {
	fill: light-dark(#333, #e2e5e9);
	width: 1.5rem;
	height: 1.5rem;
	opacity: 0.7;
	vertical-align: top;
}

.header-logo, .header-logo img {
	height: 2.4375rem;
	width: auto;
}
.navbar img {
	margin-top: 0.125rem;
}

td {
	padding: 0;
}

h1, h2, h3, h4, h5, h6{margin: 0;padding: 0; }
a{cursor: pointer; }
a:hover{text-decoration: none; }
#container-map { top: 6.75rem; bottom: 0; }

/*************************************************/
/*UTILITIES STYLE*/
/*************************************************/


.h-space-pd-left-md{padding-left: 1.8rem; }
.h-space-pd-left-sm{padding-left: 0.625rem; }

.devide-hr{border-bottom: 1px solid light-dark(#EFEFEF, #65686c); }

.xsmall {font-size: 0.8125rem; }
.fsize-14 { font-size: 0.875rem; }
.small {font-size: 0.9375rem; }
.xmedium {font-size: 1.063rem; }
.medium {font-size: 1.125rem; }
.large {font-size: 1.375rem; }
.xlarge {font-size: 1.875rem; }
.xxlarge {font-size: 2.1875rem; }

.fs-13 { font-size: 0.8125rem; }
.fs-14 { font-size: 0.875rem; }
.fs-17 { font-size: 1.0625rem; }

/************************************************/
/* BORDER */
/************************************************/

.border-none{border-color: transparent; }
.blue-border-color{ border-color: #1bc4de  !important; }
.F-border-color{ border-color: #d54fbe  !important; }
.M-border-color{ border-color: #506cb8  !important; }
.small-border-left{ border-left: 0.3125rem solid; }

.xsmall-border-bottom{ border-bottom: 0.125rem solid; }

.bold, bold { font-weight: 500; }

/************************************************/
/* OVERRIDE BOOSTRAP STYLE */
/************************************************/

.navbar{background-color: light-dark(#fff, #252728); box-shadow:0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15)}

/************************************************/
/*COLOR SYSTEM*/
/************************************************/

.bg-purple{background-color: #3f4663 !important; border-color: #3f4663 !important; }
.bg-blue{background-color: #1bc4de; }
.bg-blue-grey{background-color: #a5b4c7; color: #fff; }
.bg-white { background-color: light-dark(#FFF, #252728) !important; }

.text-white{color:#FFF !important; }
.text-blue{color:#1bc4de; }
.text-light-grey{color:#a5b4c7; }
.text-light-grey.active{color:#1bc4de; }
.text-red{color:#df6969; }

.btn.bg-purple:hover { background-color: #535a77 !important; border-color: #535a77 !important; }
.btn.bg-purple:active, .btn.bg-purple:focus, .show>.btn.bg-purple.dropdown-toggle { background-color: #676e8b !important; border-color: #676e8b !important; }
.btn.bg-blue-grey:hover { background-color: #818e9f; border-color: #818e9f; }
.btn.bg-blue-grey:active, .btn.bg-blue-grey:focus { background-color: #6d7a8b !important; border-color: #6d7a8b !important; }

.header-form-block
{
   padding: 4.375rem 0;
}
 
.job-search-form
{
    margin: 0; padding: 0; list-style: none;
}

.job-search-form li .btn
{
	width:100%;
	padding:0.4375rem;
}

.icon-location {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: %23df6969;"><path d="M12 0c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"/></svg>'); background-repeat: no-repeat; background-size: 1.25rem 1.25rem; padding-left: 1.8rem; }

.bg-business{background-image: url(/images/fond-sport.jpg);background-repeat: no-repeat;background-position: center; }

.footer-nav {margin: 0;padding: 0 0; list-style: none}
.footer-nav li{display: inline-block; padding-right: 0.625rem; margin-top: 0.3125rem; margin-bottom: 0.3125rem; }
.footer-nav li:not(:first-child){padding-left: 0.3125rem; }
.footer-nav li:not(:last-child){border-right: 1px solid #CCC; }

.left-block{ padding: 1.25rem; }
.right-block{ padding: 1.25rem; }

.dropdown-item.active, .dropdown-item:active { background-color: light-dark(#a5b4c7, #3b3d3e) !important; color: #fff !important; }
.dropdown-item.disabled {
    color: light-dark(#aaa, #888);
}
.dropdown-menu { box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2); border: 0; --bs-dropdown-divider-bg: light-dark(#e5e5e5, #65686c); }



input { font-family: Roboto,Tahoma,Geneva,sans-serif; }


.error {
	color: #fff;
	background-color: #b9374f;
	font-weight: 500;
	text-align: center;
	padding: 0.3125rem;
	width: 100%;
}

.form-error
{
	display:none;color:#fff;background-color:#b9374f;padding:5px;box-sizing: border-box;width:100%;font-weight: 500;
}

.input-error  {
  border-color: #df6969;
}

.input-error:focus  {
  border-color: #df6969;
  -webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.375rem #ce8483;
          box-shadow: inset 0 0.0625rem 0.0625rem rgba(0, 0, 0, .075), 0 0 0.375rem #ce8483;
}
 
.fade-ajax { opacity: 0.5; }
.toast.fade { opacity: 1 !important; }

#popLogin { position:absolute;top:-1000px;visibility:hidden;z-index:999999; }
#fade { display: none; background: #666; opacity: 0.3; filter:alpha(opacity=30); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 2000; }
  
.menu-top { display: inline-block; padding-top: 0.375rem; }
.menu-top a { margin-left: 0.625rem; padding-bottom:0.75rem; margin-right: 0.625rem; }
.menu-top a:hover { border-bottom: 0.1875rem #428bca solid; }
.menu-top-active { border-bottom: 0.1875rem #428bca solid; color:#428bca}

.hr-chat { text-align: center; border-bottom: 1px solid #888; line-height: 0.01rem; }
.hr-chat > span { background:#fff; color: #888; font-size: 0.8125rem; padding: 0 0.625rem; }

a:focus {
  text-decoration: none;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 0.375rem;
}

.small-desc { font-size:1rem; }

.small-links a:hover { color: #fff  !important; }

article h2 { margin-bottom: 0.625rem; }

.femme { display: none }

input.form-control:focus, textarea.form-control:focus, select:focus, select.form-control:focus {
	outline: none;
	border: solid 1px #31b0d5;
	box-shadow: none !important;
}

textarea:focus::placeholder, input:focus::placeholder { color: #bec3d1; }

a.forum:link
{
	color: light-dark(#262626, #e2e5e9);
}
a.forum:hover
{
	text-decoration: none;
}
a.forum:visited
{
	color: light-dark(#888, var(--gray-sub));
}
.forum-quote {
	font-size: 0.8125rem;
	color: light-dark(#444, #aaa);
	border-left: 0.125rem solid light-dark(#c0c0c0, #9a9a9a);
	line-height: 1.25rem;
}

.text-sub {
	color: var(--gray-sub);
}

.pac-item:hover, .pac-item-selected, .pac-item:hover * {
	color: #fff !important;
	background-color: #a5b4c7 !important;
}
.pac-item-selected .pac-item-query {
	color: #fff !important;
}
.pac-item {
	cursor: pointer !important;
	line-height: 1.25rem !important;
	font-family: Roboto,Tahoma,Geneva,sans-serif !important;
	font-size: 1rem  !important;
	border: 0 !important;
	padding-top: 0.375rem !important;
	padding-bottom: 0.375rem !important;
	padding-left: 0.75rem !important;;
}
.pac-icon {
	display:none;
}
.pac-item-query {
	font-family: Roboto,Tahoma,Geneva,sans-serif  !important;
	font-size: 1rem !important;
}
.pac-item span {
	color: light-dark(#555, #e2e5e9);
}

.pac-matched {
	font-weight: normal  !important;
	background: rgba(151,196,253, 0.4)  !important;
}
.pac-container {
	z-index: 1070;
	background-color: light-dark(#fff, #333334);
	border-top: 1px solid light-dark(#d9d9d9, #1c1c1d);
}

.bgrd-M {
	cursor: pointer;
	background-color: #f7fbff;
}
.bgrd-M:hover {
	background-color: #e7f0fd;
}
   
@media screen and (max-width: 359px) {
	html { font-size: 75%; }
}

#btAccount {
	cursor: pointer;
	width: 2.375rem;
	height: 2.375rem;
	background-size:cover !important;
}

.msg-counter, #notifs {
	background-color: #E41E3F;
	color: #fff;
	height: 1.1875rem;
	font-size: 0.8125rem;
	min-width: 1.1875rem;
	padding: 0 0.1875rem;
	line-height: 1.1875rem;
}

.chat-day > span {
	color: light-dark(#65676B, var(--gray-sub));
	font-size: 0.8125rem;
}
.chat-hour {
	font-size: 0.75rem;
	color: light-dark(#476285, var(--gray-sub));
}
.chat-read {
	font-size: 0.75rem;
	float: right;
	color: light-dark(#65676B, var(--gray-sub));
}
.chat-bubble {
	border-radius: 0.75rem;
}
.chat-bg-author {
	background-color: light-dark(#dde9e7, #093d45);
}
.chat-bg-new {
	background-color: light-dark(#ffe3b4, #cb8101);
}
.chat-bg-F {
	background-color: light-dark(#eae3ff, #41293a);
}
.chat-bg-M {
	background-color: light-dark(#dde6ff, #273855);
}

#chat-start {
	padding: 0.75rem;
	background-color: light-dark(#faf2ec, #333334);
	border-radius: 0.75rem;
}

.subscribe { border: 1px solid light-dark(#bbb, #333334);margin-top:10px;padding:6px 10px; box-sizing: border-box; background-color: light-dark(#fafcfc, #333334); }
  
.new {border-left:0.1875rem #fbc637 solid;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;margin-left:-3px}
.login-M, .login-M:hover, .login-M:focus { color: light-dark(#506cb8, #7f98ea); }
.login-F, .login-F:hover, .login-F:focus { color: light-dark(#d54fbe, #D85FC4); }

.fade-to-M {
    background-color: light-dark(#dde6ff, #273855) !important;
    transition: background-color 2000ms linear;
}

.fade-to-F {
    background-color: light-dark(#eae3ff, #41293a) !important;
    transition: background-color 2000ms linear;
}

.fixed-bottom-m {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1030;
	padding: .5rem !important;
	box-shadow: 0 -0.125rem 0.25rem 0 rgb(0 0 0 / 15%);
	background-color: light-dark(#fff, #252728);
}

#profile .ts-dropdown { position: static !important; }

.justify-content-between #ddSex:not(:focus):not(:hover):not(:active), .justify-content-between #btAge:not(:focus):not(:hover):not(:active) {
	background-color: light-dark(transparent, #333334);
}
	.search-types { color: light-dark(#1bc4de, #1bc4ded9); font-size: 0.875rem; text-transform: uppercase; }
	.search-types span.mx-1 { color: #7f94af; }
	
a:focus { outline: none }

#criteria .h-city, #city {
	background: var(--input-background) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 30 30" style="fill: %23df6969;"><path d="M12 0c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"/></svg>') no-repeat;
	padding-left: 1.6875rem;
	background-position-y: 0.5rem;
    background-position-x: 0.3125rem;
	background-size: 1.5rem 1.5rem;
	color: light-dark(#555, #e2e5e9);
}

#cityparent {
	height: 2.5rem;
	background-color: var(--input-background);
	border-radius: 0.25rem;
	border: 1px solid var(--bs-border-color);
}

#criteria .h-city {
    border: none;
	height: 2.375rem;
	outline: 0;
	padding-top: 0;
	background-position-y: 0.5625rem;
}
#btDist { height: 2.375rem !important; }

@media (min-width: 768px){
	.navbar .menu { float: right; }
	#profile_comment { height: 19.5rem !important; }
	.border-md-left-grey { border-left: 0.1875rem solid #ccc; }
	
	body[data-a="pg_thread"] {
		margin-top: 6.75rem;
	}
	
	#topbar-thread {
		margin-top: 3rem !important;
	}

	.small-border-left { padding-left: 0.9375rem; }
	
	body[data-a="pg_thread"] {
		margin-bottom: 5rem;
		box-shadow: none !important;
	}
	
	body[data-a="pg_thread"] .navbar.fixed-top {
		display: flex;
		box-shadow: none;
	}

	.search .float-start { width: 5rem; height: 5rem; margin-top: -2.9375rem; }
	.search .search-body { height: 0; }
	.search.M > .col-md-10 { border-left: #506cb8 0.25rem solid; }
	.search.F > .col-md-10 { border-left: #d54fbe   0.25rem solid; }
}

@media (min-width: 992px){
	.search .float-start { width: 5.625rem; height: 5.625rem; }
	#bt-map { margin-right: 6.25rem; }
}

@media (max-width: 991px){
	.navbar.fixed-top .btn-white {
		padding-top: 0.1875rem;
		padding-bottom: 0.1875rem;
	}
}

@media screen and (max-width: 767px) {
	body {
		margin-bottom: 3.75rem;
	}
	
	title.large { font-size: 1.25rem; }
	
	#profile_comment { min-height: 9.875rem !important; }
	h1.xlarge { font-size: 1.375rem; }
	.uppercase-mobile { text-transform: uppercase; }
	
	.search { border-top: 0.625rem solid light-dark(#eee, #1c1c1d); }
	.search .search-desc { font-size: 0.875rem; }
	.search .float-start { width: 4rem; height: 4rem; }
	.search .search-body { color: #7f94af; line-height: 1.34; }
	.search .search-body svg { fill: #7f94af; opacity: 0.6; vertical-align: text-top; }
	
	#container-map { top: 3.0625rem; bottom: 3.125rem; }
	
	/*.xxlarge {
		font-size: 2.04rem;
	}*/
	
	#topbar-thread .btn-group {
		position: absolute;
		right: 0.625rem;
	}

	#topbar-thread .flex-fill div:first-child {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	#profile-badge { border-left: none !important; }
	
	.navbar.fixed-top, #topbar-thread {
		transition: top 0.5s ease;
	}
	.navbar.fixed-bottom {
		transition: bottom 0.5s ease;
	}
	.navbar {
		padding-top: 0.3125rem;
	}

	.header-form-block { padding: 1.25rem 0; }
	.header-logo, .header-logo img {
		height: 1.5rem;
	}
	.navbar img {
		margin-top: 0.125rem;
	}
	
	body[data-a="pg_thread"] {
		background-color: light-dark(#fff, #1c1c1d);
		margin-bottom: 5.5rem;
	}

	body[data-a="pg_thread"] .xsmall-border-bottom {
		border-bottom: none;
	}
	
	body[data-a="pg_thread"] .navbar.fixed-top {
		display: none;
	}
	
	#select-sex button, #select-age button { font-size: 1rem !important; }
	#ddSex, #btAge { padding-left: 0.75rem; padding-right: 0.75rem; border-radius: 0.25rem; margin-bottom: 1rem; border: 1px solid light-dark(#ecf2fc, #495057) !important; font-weight: normal; background-color: light-dark(#fff, #222327); }
	#ddSex::after, #btAge::after { float: right; } 
	#select-sex .dropdown-menu { min-width: 20.75rem; }

	#criteria #cityparent {
		border: 1px solid light-dark(#ecf2fc, #495057) !important;
		background-color: light-dark(#fff, #222327) !important;
	}
	#criteria .h-city {
		background-color: light-dark(#fff, #222327) !important;
		height: 2.375rem;
	}
	
	#criteria.modal-content {
		background-color: light-dark(#ecf2fc, #333334);
	}
	#criteria .ts-control {
		border: 1px solid light-dark(#ecf2fc, #495057) !important;
		background-color: light-dark(#fff, #222327);
	}
	
	#criteria .ts-wrapper, #criteria #cityparent {
		margin-bottom: 0.5rem;
	}

	#criteria.modal-content .ts-wrapper, #criteria.modal-content #cityparent {
		margin-bottom: 1rem;
	}
	
	#criteria.modal-content #cityparent {
		margin-bottom: 1rem;
	}
	
	#criteria.modal-content #link-danse {
		display: block;
	}
}



/* Custom labels: the container */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 1.875rem;
    margin-bottom: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
	font-weight: normal;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

/* Hide the browser's default checkbox */
.checkcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkcontainer .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.375rem;
    width: 1.375rem;
	border: 1px solid light-dark(#ccc, #495057); /* light-dark(#dee2e6, #495057); */
	background-color: light-dark(#f0f2f5, var(--input-background));
	border-radius: var(--bs-border-radius);
}

.checkcontainer .checktxt {
	margin-top: 0.1875rem;
	display: inline-block
}

/* On mouse-over, add a grey background color */
.checkcontainer .checkmark:hover {
    background-color: light-dark(#e5e5e5, #3b3d3e);
}

.checkcontainer .checkmark:active {
	background-color: light-dark(#cecece, #515253);
}

.checkcontainer .checkmark.disabled {
	background-color: light-dark(#f8f8f8, #3b3b3b);
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #337ab7;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkcontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 0.4375rem;
    top: 0.125rem;
    width: 0.4375rem;
    height: 0.75rem;
    border: solid white;
    border-width: 0 0.1875rem 0.1875rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Create a custom radio button */
.checkcontainer .radiobtn{
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  width: 1.25rem;
  background-color: light-dark(#f0f2f5, var(--input-background));
  border-radius: 50%;
  border: 1px solid light-dark(#ccc, #495057);
  box-sizing: border-box;
}

/* On mouse-over, add a grey background color */
.checkcontainer .radiobtn:hover {
  background-color: light-dark(#e5e5e5, #3b3d3e);
}

.checkcontainer .radiobtn:active {
  background-color: light-dark(#cecece, #515253);
}

.checkcontainer .radiobtn.disabled {
	background-color: light-dark(#f8f8f8, #3b3b3b);
}

/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn{
  background-color: #337ab7;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkcontainer .radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
  display: block;
  box-sizing: border-box;
}

/* Style the indicator (dot/circle) */
.checkcontainer .radiobtn:after {
  top: 0.3125rem;
  left: 0.3125rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: white;
}



.markerM, .markerF {
    position: absolute;
    cursor: pointer;
    background: #3f4663;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: -0.625rem;
    margin-top: -2.5rem;
    border-radius: 50%;
    padding: 0rem;
}
.markerM {
	background: #506cb8;
}
.markerF {
	background: #d54fbe;
}
.markerM:after {
    content: "";
    position: absolute;
    bottom: -0.4375rem;
    left: 0.625rem;
    border-width: 0.625rem 0.625rem 0;
    border-style: solid;
    border-color: #506cb8 transparent;
    display: block;
    width: 0;
}
.markerF:after {
    content: "";
    position: absolute;
    bottom: -0.4375rem;
    left: 0.625rem;
    border-width: 0.625rem 0.625rem 0;
    border-style: solid;
    border-color: #d54fbe transparent;
    display: block;
    width: 0;
}
.markerM img, .markerF img {
    width: 2rem;
    height: 2rem;
    margin: 0.25rem;
    border-radius: 50%;
	background-color: #fff;
}

.tag-type { border: 1px solid light-dark(#5bc0de, #5bc0de); background-color: light-dark(#F5F5F5, #252728); color: light-dark(#3f4663, #a5b4c7); }

.msg-list { background-color: light-dark(#F5F5F5, #333334); cursor: pointer; }
.msg-list-new { background-color: light-dark(#eaebf1, #3a4e64); cursor: pointer; }
.msg-list:hover { background-color: light-dark(#eaebf1, #3b3d3e); }

/* MAD-RIPPLE EFFECT */
.ripple {
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: inherit;
  pointer-events: none;
  animation: ripple-shadow 0.4s forwards;
}
.rippleWave {
  backface-visibility: hidden;
  position: absolute;
  border-radius: 50%;
  transform: scale(0.7);
  background: rgba(255,255,255, 1);
  opacity: 0.45;
  animation: ripple 1s forwards;
  background-color: light-dark(rgba(51,122,183, 0.4), rgb(73, 142, 203));
}
@keyframes ripple {
  to {transform: scale(24); opacity:0; }
}
@-webkit-keyframes ripple {
  to {-webkit-transform: scale(24); opacity:0; }
}


.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:1.125rem; }.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-0.375rem; }.noUi-vertical{width:1.125rem; }.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-1.0625rem; }.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 0.1875rem 0.375rem -0.3125rem #BBB}.noUi-connects{border-radius:0.1875rem; }.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 0.4375rem #EBEBEB,0 0.1875rem 0.375rem -0.1875rem #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 0.4375rem #DDD,0 0.1875rem 0.375rem -0.1875rem #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:0.375rem; }.noUi-handle:after{left:1.0625rem; }.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:0.875rem; }.noUi-vertical .noUi-handle:after{top:1.0625rem; }[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:0.625rem; }.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:0.625rem 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:0.3125rem; }.noUi-marker-horizontal.noUi-marker-sub{height:0.625rem; }.noUi-marker-horizontal.noUi-marker-large{height:0.9375rem; }.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:1.5625rem; }.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px; }.noUi-marker-vertical.noUi-marker-sub{width:0.625rem; }.noUi-marker-vertical.noUi-marker-large{width:0.9375rem; }.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:0.625rem; }.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:1.75rem; }

.noUi-connect {
    background: #a5b4c7;
}
.noUi-handle {
	background-color: light-dark(#FFF, #888);
	box-shadow: none;
	cursor: pointer;
}
.noUi-target {
	background-color: light-dark(#FAFAFA, #1c1c1c);
	border-color: light-dark(#D3D3D3, #495057);
	box-shadow: none;
}

#select-dist > .btn { font-size: 1rem; height: 2.5rem; color: light-dark(#555, #e2e5e9); padding-top: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; }

/**
 * Tom Select bootstrap 4
 */
/**
 * tom-select.css (v2.0.0)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-wrapper.plugin-drag_drop.multi>.ts-control>div.ui-sortable-placeholder{background:#f2f2f2!important;background:rgba(0,0,0,.06)!important;border:0!important;box-shadow:inset 0 0 12px 4px #fff;visibility:visible!important}.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder:after{content:"!";visibility:hidden}.ts-wrapper.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.plugin-checkbox_options .option input{margin-right:.5rem}.plugin-clear_button .ts-control{padding-right:calc(1em + 15px)!important}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:calc(.75rem - 5px);top:.375rem;transition:opacity .5s}.plugin-clear_button.single .clear-button{right:calc(2.75rem - 5px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:#f8f8f8;border-bottom:1px solid #d0d0d0;border-radius:.25rem .25rem 0 0;padding:6px .75rem;position:relative}.ts-wrapper .dropdown-header-close{color:#343a40;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:.75rem;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #ced4da;box-shadow:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:.375rem .75rem;width:100%}.plugin-dropdown_input.focus~.ts-dropdown .dropdown-input{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-webkit-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex;padding-right:0!important}.ts-wrapper.plugin-remove_button .item .remove{border-left:1px solid #dee2e6;border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;margin-left:5px;padding:0 5px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button .item.active .remove{border-left-color:transparent}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button.disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{font-smoothing:inherit;color:#343a40;font-family:inherit;font-size:inherit;line-height:1.5}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-control{border:1px solid #ced4da;border-radius:.25rem;box-shadow:none;box-sizing:border-box;flex-wrap:wrap;overflow:hidden;padding:.375rem .75rem;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:calc(.375rem - 1px) .75rem calc(.375rem - 4px)}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:baseline}.ts-wrapper.multi .ts-control>div{background:#efefef;border:0 solid #dee2e6;color:#343a40;cursor:pointer;margin:0 3px 3px 0;padding:1px 5px}.ts-wrapper.multi .ts-control>div.active{background:#007bff;border:0 solid transparent;color:#fff}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#878787}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:calc(.75rem + 5px);right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#e9ecef;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 .25rem .25rem;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(255,237,40,.4);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:3px .75rem}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#6c757d;cursor:default}.ts-dropdown .active,.ts-dropdown .create:hover,.ts-dropdown .option:hover{background-color:#e9ecef;color:#16181b}.ts-dropdown .active.create,.ts-dropdown .create:hover.create,.ts-dropdown .option:hover.create{color:#16181b}.ts-dropdown .create{color:rgba(52,58,64,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:3px .75rem;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{overflow-scrolling:touch;max-height:200px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.ts-hidden-accessible{clip:rect(0 0 0 0)!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.ts-wrapper.single .ts-control{padding-right:2rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-wrapper.single .ts-control:after{border-color:#343a40 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-3px;position:absolute;right:calc(.75rem + 5px);top:50%;width:0}.ts-wrapper.single.dropdown-active .ts-control:after{border-color:transparent transparent #343a40;border-width:0 5px 5px;margin-top:-4px}.ts-wrapper.single.input-active .ts-control,.ts-wrapper.single.input-active .ts-control input{cursor:text}.ts-wrapper.form-control,.ts-wrapper.form-select{padding:0!important}.ts-dropdown,.ts-dropdown.form-control{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;box-shadow:0 6px 12px rgba(0,0,0,.175);height:auto;padding:0;z-index:1000}.ts-dropdown .optgroup-header{font-size:.875rem;line-height:1.5}.ts-dropdown .optgroup:first-child:before{display:none}.ts-dropdown .optgroup:before{border-top:1px solid #e9ecef;content:" ";display:block;height:0;margin:.5rem -.75rem;overflow:hidden}.ts-dropdown .create{padding-left:.75rem}.ts-dropdown-content{padding:5px 0}.ts-control{align-items:center;display:flex;min-height:calc(1.5em + .75rem + 2px);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.ts-control{transition:none}}.focus .ts-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.is-invalid .ts-control,.was-validated .invalid .ts-control{border-color:#dc3545}.focus .is-invalid .ts-control,.focus .was-validated .invalid .ts-control{border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.is-valid .ts-control{border-color:#28a745}.focus .is-valid .ts-control{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.input-group-sm>.ts-wrapper .ts-control,.ts-wrapper.form-control-sm .ts-control{border-radius:.2rem;font-size:.875rem;min-height:calc(1.5em + .5rem + 2px);padding:0 .75rem}.input-group-sm>.ts-wrapper.has-items .ts-control,.ts-wrapper.form-control-sm.has-items .ts-control{font-size:.875rem;min-height:calc(1.5em + .5rem + 2px)!important;padding-bottom:0}.input-group-sm>.ts-wrapper.multi.has-items .ts-control,.ts-wrapper.form-control-sm.multi.has-items .ts-control{padding-top:calc(.75em - .40625rem - 1px)!important}.ts-wrapper.multi.has-items .ts-control{padding-left:calc(.75rem - 5px);padding-right:calc(.75rem - 5px)}.ts-wrapper.multi .ts-control>div{border-radius:calc(.25rem - 1px)}.input-group-lg>.ts-wrapper>.ts-control,.ts-wrapper.form-control-lg .ts-control{border-radius:.3rem;font-size:1.25rem;min-height:calc(1.5em + 1rem + 2px)}.form-control.ts-wrapper{background:none;border:none;border-radius:0;height:auto;padding:0}.input-group>.ts-wrapper{flex-grow:1}.input-group>.ts-wrapper:not(:nth-child(2))>.ts-control{border-bottom-left-radius:0;border-top-left-radius:0}.input-group>.ts-wrapper:not(:last-child)>.ts-control{border-bottom-right-radius:0;border-top-right-radius:0}



.ts-wrapper.multi .ts-control > div {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #a5b4c7;
  color: #FFF;
  margin-right: 0.375rem;
  padding-right: 1.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.ts-dropdown,
.ts-control,
.ts-control input {
  font-size: 1rem;
  background-color: var(--input-background);
  color: light-dark(#343a40, #e2e5e9);
}
#criteria .ts-dropdown,
#criteria .ts-control,
#criteria .ts-control input {
  line-height: 1.625rem;
}
.ts-wrapper.plugin-remove_button .item .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: none;
  color: #000;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-block;
  border-radius: 0.125rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 1.4rem !important;
  padding-left: 0.375rem !important;
}
.ts-control {
	min-height: 2.375rem;
	border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
	border: 1px solid var(--bs-border-color) !important;
}
#criteria .ts-control {
  padding: 0.375rem 0.75rem !important;
  height: 2.5rem;
  border-radius: var(--bs-border-radius);
  border: none;
 /* border-color: light-dark(#ced4da, #65686c);*/
}
.ts-wrapper.multi .ts-control > div.active {
  background: #84a2c8;
  color: #fff;
}
.ts-dropdown .create:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
  background: #a5b4c7;
  color: #fff;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 0.188rem 0.75rem;
}
.ts-dropdown {
	margin-top: 0;
}
.focus .ts-control {
  border-color: light-dark(#ced4da, #65686c);
  outline: 0;
  box-shadow: none;
}
.ts-dropdown, .ts-dropdown.form-control {
  box-shadow: none;
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}
.ts-dropdown-content {
  padding: 0;
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(151,196,253, 0.4);
 }
 .ts-control > input {
	 min-width: 1rem;
 }