.body {
   /* -webkit-font-smoothing: antialiased; */
}

.dropzone {
   background: white;
   border-radius: 5px;
   border: 2px dashed red;
   border-image: none;
   max-width: 1280px;
   margin-left: auto;
   margin-right: auto;
   min-height: 150px;
}

.container-image-preview {
   max-width: 100%;
   position: relative;
}

.image-preview {
   max-width: 100%;
}

.remove-button {
   color: white;
   width: 30px;
   height: 30px;
   border-radius: 15px;
   top: 4px;
   right: 4px;
   z-index: 999 !important;
   position: absolute;
   border: 0px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(0, 0, 0, 0.5);
}

.remove-button:hover {
   opacity: 1;
}

.list-img {
   object-fit: cover;
   height: 100px;
   width: 100px;
   border-radius: 50px;
}

.list-rect-img {
   object-fit: cover;
   height: 100px;
   width: 100px;
}

.list-logo {
   object-fit: cover;
   height: 50px;
   width: 50px;
   border-radius: 25px;
}

.exhibitor-mini-card {
   transition: box-shadow 0.3s;
}

.exhibitor-mini-card:hover {
   box-shadow: 3px 3px 15px rgb(0, 0, 0, 0.5);
}

.hover-box-shadow {
   border-radius: 10px;
   transition: box-shadow 0.3s;
}

.hover-box-shadow:hover {
   box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
}

.hover-shadow {
   transition: box-shadow 0.3s;
   transition: top ease 0.5s;
}

.hover-shadow:hover {
   box-shadow: 0 0 4px rgba(33, 33, 33, 0.5);
   top: -5px;
}

.cursor-pointer {
   cursor: pointer;
}

.cursor-not-allowed {
   cursor: not-allowed;
}

.cursor-crosshair {
   cursor: crosshair;
}

.no-border-right-radius {
   border-radius: 6px 0px 0px 6px;
}

.no-border-left-radius {
   border-radius: 0px 6px 6px 0px;
}

.no-border-radius {
   border-radius: 0px;
}

.text-red.disabled {
   color: black;
}

.text-red {
   color: #e74a3b !important;
}

.swal-wide {
   width: 50% !important;
   position: relative;
}

.m-fullscreen {
   margin: 0;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
}

@media (min-width: 992px) {
   .modal-fullscreen {
      margin: auto;
      max-width: 100vw !important;
      min-width: 100vw !important;
      min-height: 100vh !important;
      max-height: 100vh !important;
   }
}

@media (min-width: 1200px) {
   .modal-fullscreen {
      margin: auto;
      max-width: 100vw !important;
      min-width: 100vw !important;
      min-height: 100vh !important;
      max-height: 100vh !important;
   }
}

.swal-wide-custom {
   width: auto !important;
   padding: 0px;
   margin: 0px;
   position: relative;
}

.preview-img-modal {
   width: 100%;
   object-fit: contain;
   /* max-height: 100%; */
}

.thumb-pdf {
   box-shadow:
      0 4px 8px 0 rgba(0, 0, 0, 0.2),
      0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.thumb-pdf:hover {
   box-shadow:
      0 4px 20px 0 rgba(0, 0, 0, 0.2),
      0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dropdown-content {
   z-index: 3 !important;
}

/* product 360 */

.constainer-360 {
   margin: 0 auto;
   max-width: 100%;
   height: 468px;
   position: relative;
   background-color: white;
}

.product-gallery {
   margin: 0 auto;
   position: relative;
}

.constainer-image {
   /* max-width: 500px; */
   width: 100%;
   height: 100%;
}

.constainer-image-full {
   /* max-width: 600px; */
   width: 1000px;
}

.product-gallery .images {
   overflow: hidden;
   position: relative;
   margin-top: 12px;
   height: 85%;
}

.product-gallery .images .product-image:nth-child(1) {
   position: relative;
}

.img-preview-product360 {
   max-width: 100%;
   height: 100%;
   object-fit: contain;
   /* max-width: 85vh; */
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
   /* Safari */
   -khtml-user-select: none;
   /* Konqueror HTML */
   -moz-user-select: none;
   /* Old versions of Firefox */
   -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
}

.product-gallery .images .product-image {
   position: absolute;
   top: 0;
   left: 0;
   max-width: 100%;
   z-index: 0;
}

.product-gallery .images .product-image.current {
   display: block;
   z-index: 1;
}

.product-gallery .controls {
   display: inline-block;
   max-width: 100%;
   z-index: 2;
   position: relative;
}

.product-gallery .loader {
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: #ffffe3;
   z-index: 2;
}

.container-preview-product {
   height: 500px;
}

.product-gallery .loader img {
   top: calc(50% - 30px);
   position: relative;
   left: calc(50% - 30px);
}

.product-gallery .images::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 6;
   background-color: rgba(0, 0, 0, 0);
   top: 0;
   left: 0;
   cursor: pointer;
}

.product-image {
   width: 100%;
   height: 100%;
   text-align: center;
}

.img-preview {
   width: 100%;
   max-width: 85vh;
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
   /* Safari */
   -khtml-user-select: none;
   /* Konqueror HTML */
   -moz-user-select: none;
   /* Old versions of Firefox */
   -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
}

.ReactTags__remove {
   cursor: pointer;
   margin-left: 4px;
}

.ReactTags__selected {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.ReactTags__tagInput {
   width: 100%;
   flex-grow: 1;
   order: -1;
}

.react-autosuggest__container {
   position: relative;
}

.react-autosuggest__input {
   width: 240px;
   height: 30px;
   padding: 10px 20px;
   font-weight: 300;
   font-size: 16px;
   border: 1px solid #aaa;
   border-radius: 4px;
}

.react-autosuggest__input--focused {
   outline: none;
}

.react-autosuggest__input--open {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
   display: none;
}

.react-autosuggest__suggestions-container--open {
   display: block;
   position: absolute;
   top: 39px;
   width: 280px;
   border: 1px solid #aaa;
   background-color: #fff;
   font-weight: 300;
   font-size: 16px;
   border-radius: 6px;
   z-index: 10;
}

.react-autosuggest__suggestions-list {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.react-autosuggest__suggestion {
   cursor: pointer;
   padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
   background-color: #ddd;
}

.spot-item:hover {
   color: black;
   background-color: #e7e7e7;
}

.spot-item.selected {
   color: black;
   border-color: #cc1f1f;
   border-width: 1px;
   background-color: selected;
}

.no-bottom-card-header {
   border-bottom: 0px !important;
}

#style-4::-webkit-scrollbar-track {
   background-color: white;
}

#style-4::-webkit-scrollbar {
   width: 10px;
   background-color: #555555;
}

#style-4::-webkit-scrollbar-thumb {
   background-color: #000000;
   border: 0px solid #555555;
}

.ellipsis {
   overflow: hidden;
   text-overflow: ellipsis;
}

.ellipsis-block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

body {
   padding-right: 0 !important;
}

.btn-icon-virtual-booth:hover {
   color: #ff9820;
   /*#e74a3b*/
}

.nav-item.active .nav-link .fas {
   color: #cc1f1f !important;
}

.red-outline {
   color: #cc1f1f !important;
}

.red-outline:hover {
   color: white !important;
}

.mapplic-container {
   margin-top: 0px !important;
   height: 100% !important;
}

.mapplic-zoomable {
   width: 100%;
   height: 100%;
}

.label-value {
   display: block;
   width: 160px;
   word-wrap: break-word;
}

.select__control--is-disabled {
   background-color: #e0e0e0 !important;
   color: #6e707e !important;
   border: 1px solid #d1d3e2 !important;
}

.select__control {
   border-radius: 0px !important;
   border-color: gray !important;
   border-radius: 5px !important;
}

.select__indicator {
   color: #66757a !important;
}

.select__control--menu-is-open {
   color: #6e707e !important;
   background-color: #fff !important;
   border-color: #bac8f3 !important;
   outline: 0 !important;
   box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25) !important;
}

.select__control--is-focused {
   color: #6e707e !important;
   background-color: #fff !important;
   border-color: #bac8f3 !important;
   outline: 0 !important;
   box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25) !important;
}

.select__single-value--is-disabled {
   color: #6e707e !important;
}

.container-img-crop {
   overflow: hidden;
   height: 100%;
}

.container-item-campaign {
   filter: blur(8px);
   width: 100%;
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 5px;
}

.truncate-overflow {
   display: block;
   display: -webkit-box;
   max-width: 200px;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.recharts-surface {
   overflow: visible;
}

.recharts-wrapper {
   overflow: visible;
}

.m-item-dropdown {
   cursor: pointer;
}

.rdrCalendarWrapper {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   background: #ffffff;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.rdrDateDisplay {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.rdrDateDisplayItem {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   width: 0;
   text-align: center;
   color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem {
   margin-left: 0.833em;
}

.rdrDateDisplayItem input {
   text-align: inherit;
}

.rdrDateDisplayItem input:disabled {
   cursor: default;
}

.rdrDateDisplayItemActive {
}

.rdrMonthAndYearWrapper {
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.rdrMonthAndYearPickers {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.rdrMonthPicker {
}

.rdrYearPicker {
}

.rdrNextPrevButton {
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
   cursor: pointer;
   outline: none;
}

.rdrPprevButton {
}

.rdrNextButton {
}

.rdrMonths {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.rdrMonthsVertical {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
}

.rdrMonth {
   width: 27.667em;
}

.rdrWeekDays {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.rdrWeekDay {
   -ms-flex-preferred-size: calc(100% / 7);
   flex-basis: calc(100% / 7);
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
   text-align: center;
}

.rdrDays {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.rdrDateDisplayWrapper {
}

.rdrMonthName {
}

.rdrInfiniteMonths {
   overflow: auto;
}

.rdrDateRangeWrapper {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.rdrDay {
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
   width: calc(100% / 7);
   position: relative;
   font: inherit;
   cursor: pointer;
}

.rdrDayNumber {
   display: block;
   position: relative;
}

.rdrDayNumber span {
   color: #1d2429;
}

.rdrDayDisabled {
   cursor: not-allowed;
}

.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
   pointer-events: none;
}

.rdrInRange {
}

.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
   pointer-events: none;
}

.rdrDayHovered {
}

.rdrDayActive {
}

.rdrDateRangePickerWrapper {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.rdrDefinedRangesWrapper {
}

.rdrStaticRanges {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.rdrStaticRange {
   font-size: inherit;
}

.rdrStaticRangeLabel {
}

.rdrInputRanges {
}

.rdrInputRange {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.rdrInputRangeInput {
}

.rdrCalendarWrapper {
   color: #000000;
   font-size: 12px;
}

.rdrDateDisplay {
   background-color: rgb(239, 242, 247);
   padding: 0.833em;
}

.rdrDateDisplayItem {
   border-radius: 4px;
   background-color: rgb(255, 255, 255);
   -webkit-box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
   box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
   border: 1px solid transparent;
}

.rdrDateDisplayItem input {
   cursor: pointer;
   height: 2.5em;
   line-height: 2.5em;
   border: 0px;
   background: transparent;
   width: 100%;
   color: #849095;
}

.rdrDateDisplayItemActive {
   border-color: currentColor;
}

.rdrDateDisplayItemActive input {
   color: #7d888d;
}

.rdrMonthAndYearWrapper {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 60px;
   padding-top: 10px;
}

.rdrMonthAndYearPickers {
   font-weight: 600;
}

.rdrMonthAndYearPickers select {
   -moz-appearance: none;
   appearance: none;
   -webkit-appearance: none;
   border: 0;
   background: transparent;
   padding: 10px 30px 10px 10px;
   border-radius: 4px;
   outline: 0;
   color: #3e484f;
   background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='#0E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>")
      no-repeat;
   background-position: right 8px center;
   cursor: pointer;
   text-align: center;
}

.rdrMonthAndYearPickers select:hover {
   background-color: rgba(0, 0, 0, 0.07);
}

.rdrMonthPicker,
.rdrYearPicker {
   margin: 0 5px;
}

.rdrNextPrevButton {
   display: block;
   width: 24px;
   height: 24px;
   margin: 0 0.833em;
   padding: 0;
   border: 0;
   border-radius: 5px;
   background: #eff2f7;
}

.rdrNextPrevButton:hover {
   background: #e1e7f0;
}

.rdrNextPrevButton i {
   display: block;
   width: 0;
   height: 0;
   padding: 0;
   text-align: center;
   border-style: solid;
   margin: auto;
   -webkit-transform: translate(-3px, 0px);
   transform: translate(-3px, 0px);
}

.rdrPprevButton i {
   border-width: 4px 6px 4px 4px;
   border-color: transparent rgb(52, 73, 94) transparent transparent;
   -webkit-transform: translate(-3px, 0px);
   transform: translate(-3px, 0px);
}

.rdrNextButton i {
   margin: 0 0 0 7px;
   border-width: 4px 4px 4px 6px;
   border-color: transparent transparent transparent rgb(52, 73, 94);
   -webkit-transform: translate(3px, 0px);
   transform: translate(3px, 0px);
}

.rdrWeekDays {
   padding: 0 0.833em;
}

.rdrMonth {
   padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
   padding: 0;
}

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
   display: none;
}

.rdrWeekDay {
   font-weight: 400;
   line-height: 2.667em;
   color: rgb(132, 144, 149);
}

.rdrDay {
   background: transparent;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 0;
   padding: 0;
   line-height: 3em;
   height: 3em;
   text-align: center;
   color: #1d2429;
}

.rdrDay:focus {
   outline: 0;
}

.rdrDayNumber {
   outline: 0;
   font-weight: 300;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   top: 5px;
   bottom: 5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.rdrDayToday .rdrDayNumber span {
   font-weight: 500;
}

.rdrDayToday .rdrDayNumber span:after {
   content: '';
   position: absolute;
   bottom: 4px;
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   width: 18px;
   height: 2px;
   border-radius: 2px;
   background: #3d91ff;
}

.rdrDayToday .rdrInRange ~ .rdrDayNumber span:after,
.rdrDayToday .rdrStartEdge ~ .rdrDayNumber span:after,
.rdrDayToday .rdrEndEdge ~ .rdrDayNumber span:after,
.rdrDayToday .rdrSelected ~ .rdrDayNumber span:after {
   background: #fff;
}

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {
   color: rgba(255, 255, 255, 0.85);
}

.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
   background: currentColor;
   position: absolute;
   top: 5px;
   left: 0;
   right: 0;
   bottom: 5px;
}

.rdrSelected {
   left: 2px;
   right: 2px;
}

.rdrInRange {
}

.rdrStartEdge {
   border-top-left-radius: 1.042em;
   border-bottom-left-radius: 1.042em;
   left: 2px;
}

.rdrEndEdge {
   border-top-right-radius: 1.042em;
   border-bottom-right-radius: 1.042em;
   right: 2px;
}

.rdrSelected {
   border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange,
.rdrDayStartOfMonth .rdrEndEdge,
.rdrDayStartOfWeek .rdrInRange,
.rdrDayStartOfWeek .rdrEndEdge {
   border-top-left-radius: 1.042em;
   border-bottom-left-radius: 1.042em;
   left: 2px;
}

.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge {
   border-top-right-radius: 1.042em;
   border-bottom-right-radius: 1.042em;
   right: 2px;
}

.rdrDayStartOfMonth .rdrDayInPreview,
.rdrDayStartOfMonth .rdrDayEndPreview,
.rdrDayStartOfWeek .rdrDayInPreview,
.rdrDayStartOfWeek .rdrDayEndPreview {
   border-top-left-radius: 1.333em;
   border-bottom-left-radius: 1.333em;
   border-left-width: 1px;
   left: 0px;
}

.rdrDayEndOfMonth .rdrDayInPreview,
.rdrDayEndOfMonth .rdrDayStartPreview,
.rdrDayEndOfWeek .rdrDayInPreview,
.rdrDayEndOfWeek .rdrDayStartPreview {
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
}

.rdrDayStartPreview,
.rdrDayInPreview,
.rdrDayEndPreview {
   background: rgba(255, 255, 255, 0.09);
   position: absolute;
   top: 3px;
   left: 0px;
   right: 0px;
   bottom: 3px;
   pointer-events: none;
   border: 0px solid currentColor;
   z-index: 1;
}

.rdrDayStartPreview {
   border-top-width: 1px;
   border-left-width: 1px;
   border-bottom-width: 1px;
   border-top-left-radius: 1.333em;
   border-bottom-left-radius: 1.333em;
   left: 0px;
}

.rdrDayInPreview {
   border-top-width: 1px;
   border-bottom-width: 1px;
}

.rdrDayEndPreview {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   right: 2px;
   right: 0px;
}

.rdrDefinedRangesWrapper {
   font-size: 12px;
   width: 226px;
   border-right: solid 1px #eff2f7;
   background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
   color: currentColor;
   font-weight: 600;
}

.rdrStaticRange {
   border: 0;
   cursor: pointer;
   display: block;
   outline: 0;
   border-bottom: 1px solid #eff2f7;
   padding: 0;
   background: #fff;
}

.rdrStaticRange:hover .rdrStaticRangeLabel,
.rdrStaticRange:focus .rdrStaticRangeLabel {
   background: #eff2f7;
}

.rdrStaticRangeLabel {
   display: block;
   outline: 0;
   line-height: 18px;
   padding: 10px 20px;
   text-align: left;
}

.rdrInputRanges {
   padding: 10px 0;
}

.rdrInputRange {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 5px 20px;
}

.rdrInputRangeInput {
   width: 30px;
   height: 30px;
   line-height: 30px;
   border-radius: 4px;
   text-align: center;
   border: solid 1px rgb(222, 231, 235);
   margin-right: 10px;
   color: rgb(108, 118, 122);
}

.rdrInputRangeInput:focus,
.rdrInputRangeInput:hover {
   border-color: rgb(180, 191, 196);
   outline: 0;
   color: #333;
}

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
   content: '';
   border: 1px solid currentColor;
   border-radius: 1.333em;
   position: absolute;
   top: -2px;
   bottom: -2px;
   left: 0px;
   right: 0px;
   background: transparent;
}

.rdrDayPassive {
   pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span {
   color: #d5dce0;
}

.rdrDayPassive .rdrInRange,
.rdrDayPassive .rdrStartEdge,
.rdrDayPassive .rdrEndEdge,
.rdrDayPassive .rdrSelected,
.rdrDayPassive .rdrDayStartPreview,
.rdrDayPassive .rdrDayInPreview,
.rdrDayPassive .rdrDayEndPreview {
   display: none;
}

.rdrDayDisabled {
   background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span {
   color: #aeb9bf;
}

.rdrDayDisabled .rdrInRange,
.rdrDayDisabled .rdrStartEdge,
.rdrDayDisabled .rdrEndEdge,
.rdrDayDisabled .rdrSelected,
.rdrDayDisabled .rdrDayStartPreview,
.rdrDayDisabled .rdrDayInPreview,
.rdrDayDisabled .rdrDayEndPreview {
   -webkit-filter: grayscale(100%) opacity(60%);
   filter: grayscale(100%) opacity(60%);
}

.rdrMonthName {
   text-align: left;
   font-weight: 600;
   color: #849095;
   padding: 0.833em;
}

.PreviewArea {
   box-shadow: 1px 1px 81px rgba(0, 0, 0, 0.18);
   background-color: white;
}

.remark-tooltip-content {
   box-shadow: 1px 1px 81px rgba(0, 0, 0, 0.18);
   background-color: rgba(0, 0, 0, 0.7);
   color: white;
   z-index: 9999999;
}

.content-scroll {
   overflow-y: scroll;
}

.date-dashboard {
   /* width: 250px; */
}

/* width */

.sm-scroll::-webkit-scrollbar {
   width: 5px;
}

/* Track */

.sm-scroll::-webkit-scrollbar-track {
   border-radius: 10px;
   background: #f1f1f1;
}

/* Handle */

.sm-scroll::-webkit-scrollbar-thumb {
   background: #cc1f1f;
   border-radius: 10px;
}

/* Handle on hover */

.sm-scroll::-webkit-scrollbar-thumb:hover {
   background: #cc1f1f;
}

.sm-scroll {
   scrollbar-color: #cc1f1f rgba(0, 0, 0, 0);
   scrollbar-width: thin;
}

.tableFixHead {
   overflow-y: auto;
}

.tableFixHead thead th {
   position: sticky;
   top: 0;
}

.panel-info {
   width: 400px;
   /* max-height: 280px; */
   background-color: #fff;
   overflow-wrap: break-word;
   overflow: hidden;
}

.info-modal .panel-info {
   background-color: rgba(0, 0, 0, 0) !important;
}

.panel-info p {
   margin-bottom: 0px;
}

.fr-view {
   display: block !important;
}

.fix-fr-view .fr-wrapper {
   margin-top: 0px;
   padding: 0px 20px !important;
   display: block !important;
}

.fix-fr-view .fr-view {
   display: inline !important;
   overflow: visible !important;
}

.bootstrap-modal-custom .show {
   display: flex !important;
}

.fix-fr-view .fr-link-insert-layer {
   z-index: 9999 !important;
}

.custom-modal-spot {
   max-height: 90vh;
   overflow: auto;
}

.fr-view p {
   display: block;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0;
   margin-right: 0;
   color: black;
   font-size: 14px;
   font-family: sans-serif;
   font-weight: 400;
   line-height: 1.33;
}

.fr-view span {
   color: inherit;
   font-size: inherit;
   font-family: inherit;
   font-weight: inherit;
   line-height: inherit;
}

.fr-view li {
   color: black;
   font-size: 14px;
   font-family: sans-serif;
   font-weight: inherit;
   line-height: 1.33;
}

.fr-view ol {
   display: block;
   list-style-type: decimal;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0;
   margin-right: 0;
   padding-left: 40px;
   cursor: default;
}

.fr-view ul {
   display: block;
   list-style-type: disc;
   margin-top: 1em;
   margin-bottom: 1 em;
   margin-left: 0;
   margin-right: 0;
   padding-left: 40px;
   cursor: default;
}

.fr-view h1 {
   display: block;
   font-size: 2.5rem;
   margin-top: 0.67em;
   margin-bottom: 0.67em;
   margin-left: 0;
   margin-right: 0;
   font-weight: 400;
   font-family: sans-serif;
   color: #000000;
   line-height: 1.2;
}

.fr-view h2 {
   display: block;
   font-size: 2rem;
   margin-top: 0.83em;
   margin-bottom: 0.83em;
   margin-left: 0;
   margin-right: 0;
   font-weight: 400;
   font-family: sans-serif;
   color: #000000;
   line-height: 1.2;
}

.fr-view h3 {
   display: block;
   font-size: 1.75rem;
   margin-top: 1em;
   margin-bottom: 1em;
   margin-left: 0;
   margin-right: 0;
   font-weight: 400;
   font-family: sans-serif;
   color: #000000;
   line-height: 1.2;
}

.fr-view h4 {
   display: block;
   font-size: 18px;
   margin-top: 1.33em;
   margin-bottom: 1.33em;
   margin-left: 0;
   margin-right: 0;
   font-weight: 400;
   font-family: sans-serif;
   color: #000000;
   line-height: 1.2;
}

.fr-view a {
   color: #000000;
   text-decoration: none;
   cursor: auto;
   font-size: 14px;
   font-family: sans-serif;
   font-weight: inherit;
   line-height: 1.33;
}

.fr-shadow {
   box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
}

.fr-view pre {
   display: block;
   padding: inherit;
   margin: inherit;
   font-size: 87.5%;
   line-height: inherit;
   color: inherit;
   word-break: inherit;
   word-wrap: inherit;
   background-color: inherit;
   border: inherit;
   border-radius: inherit;
}

/* 
.fr-view h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
    font-family: Kanit;
    color: #000000;
    line-height: 1.2;

}

.fr-view h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
    font-family: Kanit;
    color: #000000;
    line-height: 1.2;
} */

/* .fr-custom-container > p:last-child {
    margin-bottom: 0px;
} */

/* #panorama-container {
    cursor: crosshair;
} */

.line-table {
   border-top: 1px solid #e4e7f0;
}

.line-table-right {
   border-right: 1px solid #e4e7f0;
}

.slide-range {
   display: block;
   -webkit-appearance: none;
   background-color: #bdc3c7;
   /* border-bottom: 3px dotted #bdc3c7; */
   height: 3px;
   border-radius: 5px;
   margin: auto;
   outline: 0;
}
.slide-range::-webkit-slider-thumb {
   -webkit-appearance: none;
   background-color: rgba(1, 138, 190, 1);
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border: 2px solid white;
   cursor: pointer;
   transition: 0.3s ease-in-out;
}
​.slide-range::-webkit-slider-thumb:hover {
   background-color: white;
   border: 2px solid #3e484f;
}
.slide-range::-webkit-slider-thumb:active {
   transform: scale(1.2);
   background-color: white;
   border: 2px solid rgba(1, 138, 190, 1);
}

/* .booth-container-left {
   margin-right: 300px;
}

.booth-container-right {
   float: right;
   height: 90vh;
   width: 300px;
} */

.popover-content-date-range {
   box-shadow: white;
   background-color: white;
   z-index: 9999999;
}

.error-container-500 {
   display: flex;
   align-items: center;
   /* font-size: 24px; */
}

.error-code-500 {
   font-size: 16px;
   margin-right: 10px;
}

.error-message-500 {
   font-size: 16px;
   border-left: 1px solid #000;
   padding-left: 10px;
}

.container-custom-error {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
}

.error-custom {
}

.error-custom h1 {
   font-size: 7em;
   font-weight: 700;
}

.error-custom h2 {
   font-size: 2em;
}

.error-custom p {
}

.homeButton-error-page {
   z-index: 1;
   overflow: hidden;
   background: transparent;
   position: relative;
   padding: 8px 50px;
   border-radius: 30px;
   cursor: pointer;
   font-size: 1em;
   letter-spacing: 2px;
   transition: 0.2s ease;
   font-weight: bold;
   margin: 5px 0px;
}

.homeButton-error-page.green {
   border: 4px solid #2ccf6d;
   color: #000;
}

.homeButton-error-page.green:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 0%;
   height: 100%;
   background: #2ccf6d;
   z-index: -1;
   transition: 0.2s ease;
}

.homeButton-error-page.green:hover {
   color: #fff;
   background: #2ccf6d;
   transition: 0.2s ease;
}

.homeButton-error-page.green:hover:before {
   width: 100%;
}