.searchBarContainer {
    width: 100%;
    margin-top: 60px;
    display: flex;
}

.searchBar {
    width: 94%;
    align-items: center;
    border-radius: 20px 20px;
    border-top: none;
    border: 1px solid rgb(233, 233, 233);
}

.inputBar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchBarContainer .leftArrow {
    cursor: pointer;
    font-weight: 600;
    margin: 10px 15px 0 15px;
}

.searchBarContainer input::placeholder {
    color: #212529;
    font-size: 13px;
    font-weight: 500;
}

.contactsSearchInput {
    width: 100%;
    padding: 7px 15px;
    line-height: 20px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
    border: 0.5px solid rgb(233, 233, 233);
}

.contactsSearchInput:hover {
    border: 1px solid rgb(233, 233, 233)
}

.contactsSearchInput:focus {
    border: 1.5px solid #999999 !important;
    font-size: 13px;
    color: #999999;
    font-weight: 500;
}

.crossIcon {
    cursor: pointer;
    position: absolute;
    right: 3%;
}
.searchDataContainer {
    width: 100%;
    padding: 0px 8px;
    background-color: transparent !important
}

.searchData {
    width: 100%;
    padding: 7px 0px 7px 10px;
    background-color: rgb(233, 233, 233);
    display: flex;
    align-items: center;
    margin: 10px 0px;
    font-size: 13px;
    border-radius: 5px;
    cursor: pointer;
}

.searchDataText {
    font-weight: 500;
    margin: 0px 8px;
    text-decoration: none;
    border-radius: 8px;
    color: #2196F3;
    font-weight: 600; 
    font-size: 12px;
}

.leftArrow, .crossIcon {
    fill: #999999;
    stroke: none;
    stroke-width: 1px;  
}

.crossIcon:hover {
    fill: #737376;
}

.leftArrow:hover {
    fill: #737376;
}

.userIcon {
    fill:#2196F3;
    stroke: none;
}

.searchDescription {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  
}

.searchDescription .searchDescriptionHeader {
    font-size: 12px;
    font-weight: 500;
    color: #212529;
}

.searchDescription  .searchDescriptionText{
    max-width: 280px;
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
    color: #999999;
}
.ChooseAudience-setting button:hover .removeIcon {
    display: block;
}

.date-dropdown .dashboard-dropdown-item:hover,
.date-dropdown .dashboard-dropdown-item:hover svg,
.selected-date,
.selected-date svg {
    color: #2196f3 !important;
    fill: #2196f3 !important;
}

.dropdown-radio-item {
    margin-right: 0.5rem;
}

.selectedTick {
    right: 5px;
}

.td-cell {
    white-space: nowrap;
    padding: 9px 15px;
    text-align: left;
    table-layout: auto;
    width: 150px;
    /* display: table-cell;
    border-bottom: 1px solid rgba(0,0,0,.1); */
}

.table-heading {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #737376;
    padding: 9px 15px;
    white-space: nowrap;
}

/* .dropdown-item{
    color:#666;
    text-align: center;
} */
/*  
.dropdown-item:focus{
    background-color: #fff

} */

.done:focus {
    background-color: #fff;
    outline: none;
}


.common-btn-error {
    background-color: #FED9DB;
    color: #fd3a57;

}



.common-btn-error svg {
    fill: #fd3a57;
}

.common-btn-error i {
    background-color: #FED9DB;

}


/* change the css when hover the button */


.common-btn-error:hover {
    color: #b41d34;

}

.common-btn-error:hover svg {
    fill: #b41d34;

}

.common-btn-error:hover .removeIcon:before {
    content: '';
    background-color: #b41d34;

}

.common-btn-error:hover .removeIcon:after {
    content: '';
    background-color: #b41d34;

}

/* .removeIcon:after */
.all-send-message-btn {
    background-color: transparent;
    border: 1px solid transparent;
}

.all-send-message-btn:hover,
.all-send-message-btn:hover svg {
    background-color: #d2d6d9;
    fill: #2196f3;
}

.all-send-message-span {
    margin-left: 10px;
}

/* to target first column only */
.all-users-or-leads-table.table thead th:first-child,
.all-users-or-leads-table.table td:first-child {
    /* padding-left: 52px !important; */
    /* padding-right: 36px !important; */
}

.tableHeadingIcon svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    padding: 0px;
    fill: #ccc;
}

.tableHeadingIcon {
    vertical-align: text-bottom;
}

.people-data-attributes {
    max-height: calc(100vh - 265px);
    min-height: 70px;
}

.people-data-attributes svg {
    fill: #ccc;
}
.preview-audience-accordion .accordion-button {
    padding: 0 !important;
    gap: 8px !important;
    flex-direction: column;
    align-items: start;
    min-height: 30px;
}
.preview-audience-accordion .accordion-button .fa-caret-right {
    font-size: 16px;
    transform: rotate(90deg);
}
.preview-audience-accordion .accordion-button.collapsed .fa-caret-right {
    transform: rotate(0deg);
}
.preview-audience-accordion .accordion-button .preview-audience-accordion-desc {
    display: block;
}
.preview-audience-accordion .accordion-button.collapsed .preview-audience-accordion-desc {
    display: none;
}
.accordion-header #chooseAudienceDropdown {
    margin-bottom: 0px !important;
}


.filter-search {
    background-color: rgb(248, 248, 248);
    border-radius: 6px;
    padding: 10px 18px;
}

.filter-search svg {
    width: 16px;
    margin-left: auto;
    fill: gray;
}

/* Scrollable container for options */
.options-container {
    max-height: 300px; /* Set the height you want for the dropdown */
    overflow-y: auto;  /* Allows vertical scrolling for the options */
    box-sizing: border-box; /* Ensures padding is included in the height */
  }

.people-data {
    /* max-height: 350px; removed*/
       /* first max-height: calc(100vh - 265px); fixed due to scoll bar issue*/
    /* overflow: auto; removed */
    /* min-height: 70px;  removed*/
    position: relative;  /* added */
    width: 100%; /* added */
}
.people-data svg {
    fill: #ccc;
}
.attribute-btn img {
    width: 18px;
    height: 18px;
}

.add-filter-button button:hover {
    color: #2196f3;
}

.filter-dropdown {
    min-width: 285px;
    max-height: calc(100vh - 160px);
}

.filter-dropdown-footer {
    color: #2196f3;
    padding: 8px 0 0 0;
    font-weight: 600;
    text-transform: capitalize;
}

.filter-dropdown-footer p:hover {
    color: #1975bf;
}

.filter-dropdown-footer p {
    cursor: pointer;
}
.done.dropdown-item:hover {
    background-color: transparent;
}
.segment-modal .modal-dialog {
    max-width: 560px;
}


.archive-text {
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 20px 20px;
    background-color: #fed9db;
    color: #f4034d;
}
.create-service {
    border-radius: 30px;
    box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.14);
    padding: 30px 22px;
    min-height: 254px;
}

.create-service img {
    width: 45px;
}

/*In app modal start*/
.in-app-modal .modal-content {
    padding: 25px 30px;
}
.message-type {
    border-bottom: 1px solid lightgray;
    padding-bottom: 40px;
}
.checked-icon {
    width: 15px;
    margin-right: 10px;
}

.add-message p {
    margin-top: 12px;
}

.messages-essential {
    border-radius: 10px;
    background-color: rgb(248, 248, 248);
    top: -25px;
}
/*In app modal end*/
/*In app inside modal start*/
.welcome-visitor {
    margin-top: 40px;
}

.chat-sections {
    background-image: url(../icons/chat-bg.png);
    padding: 40px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-repeat: round;
}

.pre-chat {
    margin: 120px auto auto auto;
    width: 60%;
}
.reply-input-img {
    box-shadow: rgb(0 0 0 / 4%) 0px 2px 12px 3px;
    border-radius: 5px;
}

.iframe-icon {
    width: 64px;
    height: 64px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: initial;
    background: rgb(29, 185, 175);
    border: 4px solid rgb(255, 255, 255);
    box-sizing: content-box;
  }

.template-btn button {
    position: relative;
    top: 30px;
}

.bottom-bg {
    background-image: -moz-linear-gradient(90deg,
        rgb(237, 237, 237) 0%,
        rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg,
        rgb(237, 237, 237) 0%,
        rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg,
        rgb(237, 237, 237) 0%,
        rgb(255, 255, 255) 100%);
    position: absolute;
    left: 0;
    width: 100%;
    height: 71px;
    z-index: 0;
    bottom: 0px;
    border-radius: 10px;
}

/*In app inside modal end*/
#TagModal .modal-body {
  height: 340px;
  overflow: auto;
  scrollbar-width: thin;
}

.set-tag {
  padding: 9px 30px;
  min-height: 34px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.set-tag:hover {
  background-color: #1975bf;
  color: #fff;
}

.search-tag-section {
  min-height: 65px;
  padding: 0px 10px 0px 30px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.search-tag-section input {
  font-size: 13px;
  min-width: 235px;
}

/*tag Modal end */

.removeTagIcon {
  width: 12px;
  height: 13px;
  transition: 0.2s ease-in-out;
}
.removeTagIcon:hover {
  filter: hue-rotate(149deg);
}

.removeTagIcon:before,
.removeTagIcon:after {
  position: absolute;
  content: " ";
  height: 13px;
  width: 2px;
  background-color: #2196f3;
}

.removeTagIcon:before {
  transform: rotate(45deg);
}

.removeTagIcon:after {
  transform: rotate(-45deg);
}

.newCustomTagIndi {
  background: lightgrey;
  left: 0;
  font-size: 15px;
  padding: 4px 35px;
  cursor: pointer;
}
.card {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow linear 40ms,border-color linear .2s;
    position: relative;
}

.card .kudosHub-live-chat-section{
height: 96vh !important;
}
.team-role-setting .teams, .team-role-setting .roles {
    display: inline-block;
}
.team-role-setting {
    height: 100%;
}
.roles {
    margin-left: 24px;
}
.team-role-tab {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 4px;
    color: #212529;
}
.open-tab {
    border-bottom: 2px solid #2196f3;
    color: #2196f3;
}
.team-role-content {
    margin-top: 16px;
    padding-top: 10px;
    position: relative;
}

/* role css */
.backTeammates {
    color: gray;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px
  }
  .backTeammates img {
    width: 10px;
  }

.new-role textarea {
    min-height: 100px;
}
.remaining-txt {
    color: gray;
    font-size: 12px;
}
.permissions {
    margin-top: 24px;
}
.can-access .radio-button-form {
    display: inline-block;
    margin-left: 70px;
}
.team-role-banner {
    background-color: #F8F8F8;
    padding: 16px;
    border-radius: 4px;
}
.role-settings {
    margin-top: 24px;
}
.role-card-head img {
    width: 19px;
    height: 19px;
    vertical-align: baseline;
    cursor: pointer;
}
.role-card {
    padding: 25px 25px;
    border: 1px solid lightgray;
    border-radius: 6px;
    position: relative;
    min-height: 200px;
    max-width: 410px;
    margin: 0 auto;
}
.role-card-body {
    margin: 10px 0px 15px 0px;
    color: gray;
}
.role-card-footer {
    position: absolute;
    bottom: 20px;
    display: flex;
    align-items: center;
    color: gray;
}
.role-card-footer img, .role-card-footer .circle {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    border: 3px solid #fff;
    background-color: #EBEBEB;
}
.role-card-footer .circle {
    background-color: #EBEBEB;
}
.new-team-img {
    display: inline-block;
}
.new-team-img img {
    width: 25px !important;
    height: 25px !important;
    vertical-align: super !important;
    margin-right: 22px;
}

.assignment-method-card {
    border: 1px solid lightgray;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    position: relative;
    padding: 10px;
}
.assignment-method-card:hover {
    background-color: #f3f3f3;
}
.assignment-method-card h6 {
    font-weight: 600;
}
.assignment-method-card.card-first {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    /* background-color: rgb(227,231,250); */
    border-right: none;
}
.assignment-method-card.selected{
    background-color: rgb(227,231,250);
    color: #2196f3;
}
.assignment-method-card.selected svg{
    fill: #2196f3;
}
.assignment-method-card svg{
    width: 40px;
    margin-bottom: 12px;
}
.assignment-method-card.card-last {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: none;
}
.assignment-method-card img {
    width: 40px;
    margin-bottom: 12px;
}
.assignment-method-card .assign-tick {
    width: 16px;
    position: absolute;
    right: 12px;
    top: 10px;
    margin: 0;
}
.assignment-method-card .get-feature {
    position: relative;
    top: 15px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #efebeb;
    font-size: 12px;
    padding: 1px 10px;
    color: #5800dc;
    cursor: pointer;
    border-radius: 4px;
}
.assignment-method-card .get-feature img {
    width: 15px;
    margin: 0;
    margin-right: 5px;
    vertical-align: sub;
}
.create-teammates-input {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    margin-top: 12px;
    border: 1px solid #D3D3D3;
    padding: 0.5rem;
    border-radius: 10px;
}

.create-teammates-input:focus-within {
    border: 1px solid #2196f3;
}
.create-teammates-input img {
    width: 12px;
}
.create-teammates-input input {
    border: none;
    outline: none;
    width: 100%;
}
.team-office-hours {
    background-color: #FCF9FE;
    padding: 16px;
    border: 1px solid lightgray;
    border-radius: 4px;
}
.team-office-hours .getFeature {
    font-size: 12px;
    position: absolute;
    top: 12px;
    right: 14px;
    color: #5800dc;
}
.team-office-hours .getFeature img {
    width: 15px;
    margin: 0;
    margin-right: 5px;
    vertical-align: sub;
}
.team-office-hours select {
    background-color: #f3f3f3;
    padding: 8px 13px;
    border-radius: 6px;
    border: none;
    outline: none;
    color: gray;
    letter-spacing: 0.3px;
    margin-top: 12px;
}
.team-office-hours .dropdown-toggle {
    border-radius: 40px;
    background-color: #6600ff;
    font-size: 13px;
}
.team-office-hours .dropdown-toggle:hover {
    background-color: #691fd9;
}
.team-office-hours .dropdown-toggle:focus {
    background-color: #6600ff !important;
    box-shadow: none !important;
}

.can-access .check-box {
    display: flex;
    align-items: center;
    left: 30px;
    position: relative;
    height: 30px;
    bottom: 3px;
}

.teammates-to-show {
    /* position: absolute;
    top: -92px;
    left: 220px; */
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    row-gap: 3px;
    z-index: 1000;
    border: 1px solid rgb(174, 192, 231);
    box-shadow: 0px 4px 14px 0px rgb(51 62 51 / 15%);
    padding: 10px 27px;
    background-color: #ffff;
    border-radius: 7px;
    min-width: 200px;
     
  }
  /* .teammates-to-show::after{
    content: '';
    display: block;
    position: absolute;
    left: 32px;
    bottom: -8px;
    width: 15px;
    height: 15px;
    border-left: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    transform: rotate(313deg);
    background: #ffff;
  } */

.single-user{
    display:flex;
    justify-content:space-between;
    cursor:pointer;
    width:100%;
    height:50%;
}
.user-header{
    font-size:15px;
    font-weight: bold;
}

.user-header:hover{
  color:rgb(251, 11, 3);
}

.teammates-table{
    margin:22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-family: inherit;
    font-size: 1.3rem;
}

.teamates-row{
    display:flex;
    justify-content: space-between;
    border-left: 8px solid #40d52f;
    box-shadow: 0px 4px 14px 0px rgb(51 62 51 / 15%);
    border-radius: 10px;
    padding: 9px 20px;
    cursor: pointer;
}

.remove-teammate{
    background-color: #dc3605;
    border: 1px solid #dc3605;
    color: #fff;
    border-radius: 19px;
    padding-right: 9px;
    padding-left: 10px;
    outline: none;
    cursor: pointer;
    height: 32px;
}
.remove-teammate:hover,.remove-teammate:focus{
    background-color: #e25f38;
    border: 1px solid #e25f38;
    outline:#e25f38;
    color: #fff;
}

.timezones-select{
    border:none;
    outline:none; 
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    display: block!important;
    color:rgb(33,37,41);
    font-size: 14px;
    font-weight: 400;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;;
}
.timezones-select:hover,.timezones-select:focus{
     
 color:#0b76ce;
 border:none;
 outline:none;
}

.timezones-select>option{
    font-weight: 400;
    background-color:#fff;
    border:none;
    outline:none;
    color:rgb(33,37,41)
}

.modal-set-officehours form{
  margin:10px;
}

.dropdown-menu {
    margin: 0 !important;
    max-height: 350px !important;
    min-width: 14rem;
    padding: 0;
   /* box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 5%); */
}
.export-conversation-dropdown-menu{
    min-width: 15.1rem !important;
}

.dropdown-minwidth{ 
    min-width: 20rem !important;
}
 /*min width class added so that .dropdown-menu min-width should be set*/
.new-office-hours:hover{
   background-color: #f3f3f300;
}
.dropdown-toggle-team-teammates-modal::after{
        margin-left: auto;
        position: absolute;
        /* background: green; */
        right: 14px;
        top: 16px;
        /* float: right; */
        /* margin: auto; */
        content: "";
        border-top: 7px solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        vertical-align: middle !important;
}

.team-teammates-modal{
    font-size: 14px;
    line-height: 20px;
    /* font-weight: 600; */
}
.team-teammates-modal-loader{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    height:50px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center 
};
/* 
.team-teammates-modal h5{
   
} */
.teams h5 , .teammates h5{
    color: #737376;
    font-size: inherit;

}
.team-teammates-modal input{
 width:83%;

}
.team-teammates-modal input:focus{
    border:none;
    outline:none;
}

.teammate-profile-pic {
    width: 30px;
    height: 30px;
    background-color: #fff;
    padding: 7px;
    border-radius: 50%;
     display: inline-block;
     /* position: absolute;
     right: -60px;
     bottom: 8px; */
  }
  .teammate-profile-pic-suggestion-list {
    width: 25px;
    height: 25px;
    background-color: #fff;
    padding: 7px;
    border-radius: 50%;
     display: inline-block;
     /* position: absolute;
     right: -60px;
     bottom: 8px; */
  }
  .teammate-profile-pic  img {
    width: 100%;
  }

  .teammate-profile-pic-modal {
    width: 27px;
    height: 27px;
    background-color: #fff;
    padding: 15px;
    border-radius: 50%;
     display: inline-block;
  }
  /* .dropdown-item.team-profile-pic-modal img{
    width:23px;

  }
  .dropdown-item.teammate-profile-pic-modal  img {
    width: 100%;
  } */

  .nameCircle-modal{
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: #6600ff;
    border: 2px solid #6600ff;
    color: white;
    text-align: center;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    text-transform: uppercase;
  }

  .emoji-convo-header{
    font-size: 15px;
    vertical-align: middle;
    line-height: 1;
  }

  .image-modal{
    border-radius: 70%;
    width: 20px;
    height: 20px;
    background: transparent;
    display: flex;
    justify-content: center;
    border:none;
    color:#fff;
  }
  .nothing-found{
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nothing-to-show{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
  .nameCircle-small {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: transparent;
    border: 2px solid #6600ff;
    color: #6600ff;
    text-align: center;
    font: 14px Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .emoji{
    font-size: 24px;
    vertical-align: middle;
    line-height: 1;
  }
  .image-modal-convo-header {
    border-radius: 70%;
    width: 23px;
    height: 23px;
    background: transparent;
    display: flex;
    justify-content: center;
    border: none;
    color: #fff;
}

.invite-team-link-area svg{
    width: 16px;
    fill: #2196f3;
    margin-right: 6px;
}
.team-owner-section svg {
    fill: gray !important;
}
.sender-email-container, .setting-domain-container{
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
    overflow-y: auto;
    height: 80vh;
}
.sender-section-logo svg{
    height: 40px;
    width: 40px;
    fill: rgba(115,115,118,1);
}
/* .sender-section-logo svg:hover{
    fill: #2196f3;
} */
.email-sender-option {
    flex: 1;
    border: 1px solid #ccc;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.email-sender-logo {
    height: 40px;
    width: 40px;
    fill: rgba(115,115,118,1);
    margin-bottom: 12px;
}
.email-sender-option.address-selected {
    background-color: #e6e9ff;
    border-color: #4d62ff;
}
.email-sender-option:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.email-sender-option:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.selected-sender-tick {
    top: 12px;
    right: 12px;
    fill: #2196f3;
}
.checkbox-section{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/* .checkbox-domain-section:hover{            
    background-color: rgba(227,231,250, 1);
    border-color: rgba(51,75,250, 1);
    color: #2196f3 !important;
}
.checkbox-domain-section h3:hover{
    color:  #2196f3 !important;
}
.checkbox-domain-section span svg:hover{
    fill:  #2196f3;
} */

.common-popover-section{
    background-color: rgba(34,34,34,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 111;
}
.common-popover-sub-section{
    position: absolute;
    top: 15%;
    left: 38%;
    width: 440px;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 14px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    z-index: 111;
}
.confirm-popover-sub-section{
    position: absolute;
    top: 30%;
    left: 38%;
    width: 440px;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 14px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    z-index: 111;
}
.popover-header-section{
    padding: 16px 24px;
    display: flex;
    place-content: space-between;
}
.popover-input-section{
    padding: 8px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.popover-input-section div{
    display: flex;
    flex-direction: column;
}
.popover-action-btn{
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 16px 16px 16px 24px;
}
.popover-action-btn div{
    display: flex;
    gap:1rem;
    place-content: end;
}
.popover-input-label{
    color: #737376;
    font-weight: 600;
    margin-bottom: 0 !important;
}
.popover-cancel-btn, .adding-email-addr-btn{
    color: #222;
    background-color: #f1f1f1;
    font-weight: 600;
}

.popover-cancel-btn:hover, .adding-email-addr-btn:hover {
    color: #2196f3;
    box-shadow: none;
    background-color: #e3e7fa;
    border: none;
}
.popover-confirm-btn{
  background-color: #2196f3;
  color: #fff;
  font-weight: 600;
}
.popover-confirm-btn:hover{
    background-color: #0d24d1;
}
.popover-header-cancel-icon svg:hover{
    fill: #2196f3;
}
.sender-tick-icon{
    position: absolute;
    right: 5px;
    top: 0px;
}
.sender-tick-icon svg{
    height: 16px;
    width: 16px;
}
.sender-tick-icon svg:hover{
    fill:#2196f3;
}
.domain-top-section{
    padding: 16px;
    background-color: rgba(241,241,241,1);
    border-radius: 4px;
}
.domain-top-section-inner-content{
    display: flex;
}
.domain-top-section-inner-content>div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.inner-content-img{
    height: 160px;
}
.domain-section-logo svg {
    fill:#1fbcc6 !important;
}
.accordion-item-header-section{
    border-top: 1px solid rgba(241,241,241,1);
    padding: 1rem;
    margin-bottom: 0;
}
.accordion-numerical-icon-circle{
    border-radius: 50%;
    height: 24px;
    width: 24px;
    border: 1px solid #222;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
.accordion-heading-name{
    display: flex;
    place-items: center;
    gap: 1rem;
}
.accordion-body-content{
    margin:0 0 2rem 4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    place-items: baseline;
}

.setting-email-forwarding-section>div:nth-child(1){
    background-color: #fcf9fe;
    padding: 16px;
}
.setting-email-forwarding-section>div:nth-child(2){
    border-top: 1px solid rgba(241,241,241,1);
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.email-setting-text-p{
    font-size: 13px;
    line-height: 20px;
    color: #737376;
    font-weight: 400;
    margin-top: 6px;
}
.email-forward-action-btn{
    display: flex;
    gap: 1rem;
}
.auto-reply-input-btn-field{
    display: flex;
    flex-direction: column;
    place-items:baseline;
    gap: 1rem;
}
.auto-reply-input-btn-field>p{
    border-bottom: 2px solid #2196f3;
    line-height: 36px;
    color:#2196f3;
    font-weight: 600;
}
.auto-reply-input-btn-field textarea:hover, .auto-reply-input-btn-field textarea:focus-visible{
    border-color: #2196f3 !important;
}
.default-text-btn{
    padding: 4px 6px;
    background-color: rgba(227,231,250,1);
    border-radius: 5px;
    letter-spacing: 0.5px;
    margin-left: 6px;
}
.sender-email-table table{
    width: 100%;
}
.email-addr-not-found{
    display: flex;
    place-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    height: 110px;
    color: #737376;
}
.dropdown-add-custom-addr{
    padding:0.5rem 1.25rem 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.resend-email-link{
    color: #2196f3;
    font-weight: 600;
    cursor: pointer;
}
.resend-email-link:hover{
    border-bottom: 1px solid #2196f3;
}
.domain-authenticated, .sender-email-verified{
    color: rgba(15,138,64,1);    
    background-color: rgba(215,239,220, 1);
    margin-left: 24px;
    padding: 2px 6px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 5px;
}
.domain-unauthenticated, .sender-email-unverified{
    margin-left: 24px;
    color: rgba(111,85,2,1);
    background-color: rgba(254,237,175,1);
    padding: 2px 6px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 5px;
}
.domains-dropdown-header{
    font-size: 13px !important;
    background-color: #ccc !important;
    color:#222 !important;
    border-color: #ccc !important;
    box-shadow: none !important;
}
.domains-dropdown-menu{
    font-size: 13px !important;
}
.email-list-selected-tick{
    position: absolute;
    margin-left: 10px;
}
.email-list-selected-tick svg{
    height: 16px;
    width: 16px;
}
.domains-dropdown-item:hover{
    background-color:#2196f3 !important;
    color:#fff !important
}
.table-name-section{
    display: flex;
    place-content: space-between;
    place-items: center;
    height: 30px;
}
.table-name-section>div{
    display: flex;
    gap: 0.5rem;
    margin-right: 1rem;
}
.table-hover-items>span{
    line-height: 20px;
    font-weight: 500;
    border-color: rgba(0,0,0,.2);
    border-radius: 6px;
    padding: 6px 12px;
    text-decoration: none;
    cursor: pointer;
    background-color: #f1f1f1;
}
.table-hover-items .resend-link-text:hover{
    color: #2196f3;
    box-shadow: none;
    background-color: #e3e7fa;
}
.table-hover-items .edit-icon-tag:hover{
    fill: #2196f3;
    box-shadow: none;
    background-color: #e3e7fa;
}
.table-hover-items .delete-icon-tag{
    fill: #fd3a57;
    background-color: rgba(253,58,87,.08);
}
.table-hover-items .delete-icon-tag:hover{
    background-color: rgba(253, 58, 87, 0.130);
}
.sender-email-tick-icon-logo svg{
    height:16px;
    width: 16px;
}
.sender-email-input-section{
    display: grid;
    grid-template-columns: 83% 10%;
    gap: 3%;

}
.sender-email-tick-icon-logo{
    border-color: rgba(0,0,0,.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #f1f1f1;
}
.sender-email-tick-icon-logo:hover{
    fill: #2196f3;
    box-shadow: none;
    background-color: #e3e7fa;
}
.domain-instruction-box{
    padding: 16px 24px;
}
.domain-instruction-box textarea{
    margin-top: 1rem;
    width: 100%;
    overflow-y: auto;
    height: 230px;
    padding: 16px;
    border-color: rgba(0,0,0,.1);
    border-radius: 10px;
}
.domain-instruction-box textarea:hover{
    border-color: #2196f3;
}
.domain-instruction-box textarea:focus{
    box-shadow: 0 0 0 3px rgb(51 75 250 / 20%);
    outline: none;
}
.empty-domain-list{
    display: flex;
    flex-direction: column;
    place-items: center;
}
.empty-domain-list svg{
    fill:rgba(115,115,118,1);
    width: 60px;
    margin-bottom: 6px;
}
.delete-domain-btn{
    background-color: #fd3a57;;
    color: #fff;
    font-weight: 600;
}
.auto-rply-content-editable{
    position:relative;
}
.auto-rply-content-editable .desktop-version{
    width: 500px !important;
}
.auto-rply-content-editable .edit-message{
    overflow: auto;
    resize: vertical;
    min-height: 150px;
    height:190px;
}

.domain-search-clear-btn {
    right: 51%;
    font-size: 20px;
    background-color: transparent;
    padding: 0px 10px;
}

.domain-search-clear-btn:hover {
    background-color: #f8f8f8;
    color: #6600ff;
}
.user-attributes {
    max-height: 50vh;
    overflow: auto;
    font-size: 13px;
}

.user-attributes input[type="checkbox"]:disabled+label:before {
    content: "\2714";
    background-color: lightgray;
}

.user-attributes input[type="checkbox"]:disabled+label {
    color: gray !important;
    cursor: default !important;
}

.user-attributes input[type="checkbox"]:disabled+label:active:before {
    transform: scale(1);
}

.user-attributes input[type="checkbox"]+label {
    margin: 1px 0px;
    cursor: pointer;
}

.image-btn-a {
    background-color: #2196f3 !important;
    border: 1px solid #2196f3 !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.image-btn-b {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
/* .form-select{
    width:32px;
    color:red;
    padding:10px;

} */
.pagination {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: -10%;
  background-color: #FFFFFF;
  width: 96%;
  z-index: 1;
  padding: 16px;
  margin: 0px 12px 70px 0px;
}

.form-select {
  width: 125px !important;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  /* background-color: white; */
  cursor: pointer;
  color: gray;
  height: 32px;
  width: 135px;
  margin-left: 15px;
  border: 1px solid #e5e7eb;
  padding: 0.5rem;
  border-radius: 0.375rem;
  outline: none;
}

.form-select:hover,
.form-select:active,
.form-select:focus {
  border-color: #ccc;
  box-shadow: 0 0 8px #ccc;
}

.page {

  list-style-type: none;
  position: relative;

}

.page-no {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background-color: white;
  transition: background-color 0.3s, transform 0.3s;
}

.page-no:hover {
  background-color: #f8f8f8;
  transform: scale(1.05);
  text-decoration: none;
}

.active-page {
  background-color: #2196f3;
  color: #FFFFFF;
}

.active-page:hover {
  background-color: #2196f3;
  transform: none;
  cursor: default;
  color: #f8f8f8;
}

.outBound {
  position: static;
  margin: 0;
}
.mapboxgl-map,
.maplibregl-map {
    -webkit-tap-highlight-color: rgb(0 0 0/0);
    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative
}

.mapboxgl-canvas,
.maplibregl-canvas {
    left: 0;
    position: absolute;
    top: 0
}

.mapboxgl-map:fullscreen,
.maplibregl-map:fullscreen {
    height: 100%;
    width: 100%
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,
.maplibregl-canvas-container.maplibregl-interactive,
.maplibregl-ctrl-group button.maplibregl-ctrl-compass {
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer,
.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer {
    cursor: pointer
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active,
.maplibregl-canvas-container.maplibregl-interactive:active,
.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active {
    cursor: grabbing
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas {
    touch-action: pan-x pan-y
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-drag-pan,
.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas {
    touch-action: pinch-zoom
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas {
    touch-action: none
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.maplibregl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-right,
.maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right {
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.mapboxgl-ctrl-top-left,
.maplibregl-ctrl-top-left {
    left: 0;
    top: 0
}

.mapboxgl-ctrl-top-right,
.maplibregl-ctrl-top-right {
    right: 0;
    top: 0
}

.mapboxgl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-left {
    bottom: 0;
    left: 0
}

.mapboxgl-ctrl-bottom-right,
.maplibregl-ctrl-bottom-right {
    bottom: 0;
    right: 0
}

.mapboxgl-ctrl,
.maplibregl-ctrl {
    clear: both;
    pointer-events: auto;
    transform: translate(0)
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl,
.maplibregl-ctrl-top-left .maplibregl-ctrl {
    float: left;
    margin: 10px 0 0 10px
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl,
.maplibregl-ctrl-top-right .maplibregl-ctrl {
    float: right;
    margin: 10px 10px 0 0
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
.maplibregl-ctrl-bottom-left .maplibregl-ctrl {
    float: left;
    margin: 0 0 10px 10px
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
.maplibregl-ctrl-bottom-right .maplibregl-ctrl {
    float: right;
    margin: 0 10px 10px 0
}

.mapboxgl-ctrl-group,
.maplibregl-ctrl-group {
    background: #fff;
    border-radius: 4px
}

.mapboxgl-ctrl-group:not(:empty),
.maplibregl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1)
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl-group:not(:empty),
    .maplibregl-ctrl-group:not(:empty) {
        box-shadow: 0 0 0 2px ButtonText
    }
}

.mapboxgl-ctrl-group button,
.maplibregl-ctrl-group button {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 29px;
    outline: none;
    padding: 0;
    width: 29px
}

.mapboxgl-ctrl-group button+button,
.maplibregl-ctrl-group button+button {
    border-top: 1px solid #ddd
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon,
.maplibregl-ctrl button .maplibregl-ctrl-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl-icon,
    .maplibregl-ctrl-icon {
        background-color: transparent
    }

    .mapboxgl-ctrl-group button+button,
    .maplibregl-ctrl-group button+button {
        border-top: 1px solid ButtonText
    }
}

.mapboxgl-ctrl button::-moz-focus-inner,
.maplibregl-ctrl button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus,
.maplibregl-ctrl-attrib-button:focus,
.maplibregl-ctrl-group button:focus {
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl button:disabled,
.maplibregl-ctrl button:disabled {
    cursor: not-allowed
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon,
.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon {
    opacity: .25
}

.mapboxgl-ctrl button:not(:disabled):hover,
.maplibregl-ctrl button:not(:disabled):hover {
    background-color: rgb(0 0 0/5%)
}

.mapboxgl-ctrl-group button:focus:focus-visible,
.maplibregl-ctrl-group button:focus:focus-visible {
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible),
.maplibregl-ctrl-group button:focus:not(:focus-visible) {
    box-shadow: none
}

.mapboxgl-ctrl-group button:focus:first-child,
.maplibregl-ctrl-group button:focus:first-child {
    border-radius: 4px 4px 0 0
}

.mapboxgl-ctrl-group button:focus:last-child,
.maplibregl-ctrl-group button:focus:last-child {
    border-radius: 0 0 4px 4px
}

.mapboxgl-ctrl-group button:focus:only-child,
.maplibregl-ctrl-group button:focus:only-child {
    border-radius: inherit
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27m10.5 14 4-8 4 8h-8z%27/%3E%3Cpath d=%27m10.5 16 4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27m10.5 14 4-8 4 8h-8z%27/%3E%3Cpath d=%27m10.5 16 4 8 4-8h-8z%27 fill=%27%23999%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m10.5 14 4-8 4 8h-8z%27/%3E%3Cpath d=%27m10.5 16 4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23aaa%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath d=%27m14 5 1 1-9 9-1-1 9-9z%27 fill=%27red%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon {
    animation: maplibregl-spin 2s linear infinite
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23999%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath d=%27m14 5 1 1-9 9-1-1 9-9z%27 fill=%27red%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23666%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath d=%27m14 5 1 1-9 9-1-1 9-9z%27 fill=%27red%27/%3E%3C/svg%3E")
    }
}

@keyframes maplibregl-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

a.mapboxgl-ctrl-logo,
a.maplibregl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2788%27 height=%2723%27 fill=%27none%27%3E%3Cpath d=%27M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%27 fill=%27%23000%27 fill-opacity=%27.4%27 fill-rule=%27evenodd%27/%3E%3Cpath d=%27m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z%27 fill=%27%23e1e3e9%27/%3E%3Cg fill-rule=%27evenodd%27 stroke-width=%271.036%27%3E%3Cpath d=%27m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z%27 fill=%27%23000%27 fill-opacity=%27.4%27/%3E%3Cpath d=%27M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z%27 fill=%27%23e1e3e9%27/%3E%3Cpath d=%27M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z%27 fill=%27%23fff%27/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 23px;
    margin: 0 0 -4px -4px;
    overflow: hidden;
    width: 88px
}

a.mapboxgl-ctrl-logo.mapboxgl-compact,
a.maplibregl-ctrl-logo.maplibregl-compact {
    width: 14px
}

@media (-ms-high-contrast:active) {

    a.mapboxgl-ctrl-logo,
    a.maplibregl-ctrl-logo {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2788%27 height=%2723%27 fill=%27none%27%3E%3Cpath d=%27M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%27 fill=%27%23000%27 fill-opacity=%27.4%27 fill-rule=%27evenodd%27/%3E%3Cpath d=%27m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z%27 fill=%27%23e1e3e9%27/%3E%3Cg fill-rule=%27evenodd%27 stroke-width=%271.036%27%3E%3Cpath d=%27m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z%27 fill=%27%23000%27 fill-opacity=%27.4%27/%3E%3Cpath d=%27M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z%27 fill=%27%23e1e3e9%27/%3E%3Cpath d=%27M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z%27 fill=%27%23fff%27/%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    a.mapboxgl-ctrl-logo,
    a.maplibregl-ctrl-logo {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2788%27 height=%2723%27 fill=%27none%27%3E%3Cpath d=%27M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%27 fill=%27%23000%27 fill-opacity=%27.4%27 fill-rule=%27evenodd%27/%3E%3Cpath d=%27m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z%27 fill=%27%23e1e3e9%27/%3E%3Cg fill-rule=%27evenodd%27 stroke-width=%271.036%27%3E%3Cpath d=%27m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z%27 fill=%27%23000%27 fill-opacity=%27.4%27/%3E%3Cpath d=%27M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z%27 fill=%27%23e1e3e9%27/%3E%3Cpath d=%27M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z%27 fill=%27%23fff%27/%3E%3C/g%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib,
.maplibregl-ctrl.maplibregl-ctrl-attrib {
    background-color: hsla(0, 0%, 100%, .5);
    margin: 0;
    padding: 0 5px
}

@media screen {

    .mapboxgl-ctrl-attrib.mapboxgl-compact,
    .maplibregl-ctrl-attrib.maplibregl-compact {
        background-color: #fff;
        border-radius: 12px;
        margin: 10px;
        min-height: 20px;
        padding: 2px 24px 2px 0;
        position: relative
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .maplibregl-ctrl-attrib.maplibregl-compact-show {
        padding: 2px 28px 2px 8px;
        visibility: visible
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,
    .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show {
        border-radius: 12px;
        padding: 2px 8px 2px 28px
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner,
    .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner {
        display: none
    }

    .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib-button {
        background-color: hsla(0, 0%, 100%, .5);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E");
        border: 0;
        border-radius: 12px;
        box-sizing: border-box;
        cursor: pointer;
        display: none;
        height: 24px;
        outline: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px
    }

    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,
    .maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button {
        left: 0
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,
    .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
        display: block
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button {
        background-color: rgb(0 0 0/5%)
    }

    .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        bottom: 0;
        right: 0
    }

    .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        right: 0;
        top: 0
    }

    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        left: 0;
        top: 0
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        bottom: 0;
        left: 0
    }
}

@media screen and (-ms-high-contrast:active) {

    .mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27 fill=%27%23fff%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")
    }
}

@media screen and (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl-attrib a,
.maplibregl-ctrl-attrib a {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.mapboxgl-ctrl-attrib a:hover,
.maplibregl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline
}

.mapboxgl-attrib-empty,
.maplibregl-attrib-empty {
    display: none
}

.mapboxgl-ctrl-scale,
.maplibregl-ctrl-scale {
    background-color: hsla(0, 0%, 100%, .75);
    border: 2px solid #333;
    border-top: #333;
    box-sizing: border-box;
    color: #333;
    font-size: 10px;
    padding: 0 5px
}

.mapboxgl-popup,
.maplibregl-popup {
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: transform
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right,
.maplibregl-popup-anchor-top,
.maplibregl-popup-anchor-top-left,
.maplibregl-popup-anchor-top-right {
    flex-direction: column
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right,
.maplibregl-popup-anchor-bottom,
.maplibregl-popup-anchor-bottom-left,
.maplibregl-popup-anchor-bottom-right {
    flex-direction: column-reverse
}

.mapboxgl-popup-anchor-left,
.maplibregl-popup-anchor-left {
    flex-direction: row
}

.mapboxgl-popup-anchor-right,
.maplibregl-popup-anchor-right {
    flex-direction: row-reverse
}

.mapboxgl-popup-tip,
.maplibregl-popup-tip {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    z-index: 1
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top .maplibregl-popup-tip {
    align-self: center;
    border-bottom-color: #fff;
    border-top: none
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
    align-self: flex-start;
    border-bottom-color: #fff;
    border-left: none;
    border-top: none
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
    align-self: flex-end;
    border-bottom-color: #fff;
    border-right: none;
    border-top: none
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    align-self: center;
    border-left: none;
    border-right-color: #fff
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    align-self: center;
    border-left-color: #fff;
    border-right: none
}

.mapboxgl-popup-close-button,
.maplibregl-popup-close-button {
    background-color: transparent;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.mapboxgl-popup-close-button:hover,
.maplibregl-popup-close-button:hover {
    background-color: rgb(0 0 0/5%)
}

.mapboxgl-popup-content,
.maplibregl-popup-content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 15px 10px;
    pointer-events: auto;
    position: relative
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content,
.maplibregl-popup-anchor-top-left .maplibregl-popup-content {
    border-top-left-radius: 0
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content,
.maplibregl-popup-anchor-top-right .maplibregl-popup-content {
    border-top-right-radius: 0
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content {
    border-bottom-left-radius: 0
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content {
    border-bottom-right-radius: 0
}

.mapboxgl-popup-track-pointer,
.maplibregl-popup-track-pointer {
    display: none
}

.mapboxgl-popup-track-pointer *,
.maplibregl-popup-track-pointer * {
    pointer-events: none;
    user-select: none
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer,
.maplibregl-map:hover .maplibregl-popup-track-pointer {
    display: flex
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer,
.maplibregl-map:active .maplibregl-popup-track-pointer {
    display: none
}

.mapboxgl-marker,
.maplibregl-marker {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.mapboxgl-user-location-dot,
.maplibregl-user-location-dot {
    background-color: #1da1f2;
    border-radius: 50%;
    height: 15px;
    width: 15px
}

.mapboxgl-user-location-dot:before,
.maplibregl-user-location-dot:before {
    animation: maplibregl-user-location-dot-pulse 2s infinite;
    background-color: #1da1f2;
    border-radius: 50%;
    content: "";
    height: 15px;
    position: absolute;
    width: 15px
}

.mapboxgl-user-location-dot:after,
.maplibregl-user-location-dot:after {
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    box-sizing: border-box;
    content: "";
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px
}

@keyframes maplibregl-user-location-dot-pulse {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 0;
        transform: scale(3)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.mapboxgl-user-location-dot-stale,
.maplibregl-user-location-dot-stale {
    background-color: #aaa
}

.mapboxgl-user-location-dot-stale:after,
.maplibregl-user-location-dot-stale:after {
    display: none
}

.mapboxgl-user-location-accuracy-circle,
.maplibregl-user-location-accuracy-circle {
    background-color: #1da1f233;
    border-radius: 100%;
    height: 1px;
    width: 1px
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active,
.maplibregl-crosshair,
.maplibregl-crosshair .maplibregl-interactive,
.maplibregl-crosshair .maplibregl-interactive:active {
    cursor: crosshair
}

.mapboxgl-boxzoom,
.maplibregl-boxzoom {
    background: #fff;
    border: 2px dotted #202020;
    height: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 0
}


:root {
    --bgColor: #fff;
    --color: #737376;

}

.header-bg {
    /* background-image: url(../../../../../icons/profile-header1.png);
    background-repeat: no-repeat;
    background-size: 102%;
    background-position-x: -3px;
    background-position-x: -3px; */
    position: relative;
    /* z-index: 30; */
    height: 188px;
    border-bottom: 2px solid lightgray;

}

.map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
}

.user-sec {
    margin-top: 20px;
}

.user-detail span[class~="identify"] {
    border: 1px solid #8a8a8e;
    color: #8a8a8e;
    border-radius: 4px;
    margin-left: 16px;
    padding: 1px 8px;
    font-size: 13px;
}

.profile-user-image {
    background-color: #ca0b0b;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    /* border: 2px solid #fff; */
    cursor: pointer;
    object-fit: cover;
    object-position: center center;
}

/* for showing loader on profile image  */
/* .profile-user-image img {
    width: 100%;
    padding: 16px;
} */

.profile-user-svg {
    height: 50%;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.pencil-image {
    position: absolute;
    border: 1px solid grey;
    width: 36px;
    height: 36px;
    background-color: var(--bgColor);
    padding: 8.8px;
    border-radius: 50%;
    bottom: 3px;
    right: -9px;
    cursor: pointer;


}

button[class~="pencil-image"]:focus {
    border: 1px solid grey;
    outline: none;
}

.pencil-image svg {
    fill: var(--color);
}


.user-detail img {
    width: 14px;
    vertical-align: text-top;
    margin-right: 2px;
    border-radius: 50%
}

.user-detail span {
    /* margin-right: 13px; */
    color: gray;
    font-size: 12px;

}

span[class~="calender-icon"] svg {
    fill: #3d3b3b;
    margin-left: 2px;
}

.miscellaneous-options-container>div:first-child {
    align-items: center;
}

.all-conversation-section {
  margin-left: 21.5%;
  transition: all 0.3s linear;
  height: 100vh;
  /* overflow-x: hidden;
  overflow-y: scroll; */
}

.profile-header {
  grid-column-start: 1;
  grid-column-end: 3;
}

.content-section {
  padding: 24px 16px;
  display: grid;
  grid-template-columns: 23% 50% 23%;
  column-gap: 2%;
  overflow: auto;
  height: calc(100vh - 188px);
}

.details-box-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.details-box-section>div {
  /* width: 300px; */
  /* padding:1rem; */
  /* border:1px solid; */
  /* overflow: hidden; */
  /* margin: 2rem; */
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow linear 40ms, border-color linear .2s;
  /* position: relative; */
}

.sub-section-heading {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
}

.detail-heading {
  margin-top: 13px;
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600
}

.select-conversation-dropdown {
  margin-bottom: 1rem;
}

/* .recent-section {
  margin-top: 60px;
} */

.rotate-arrow {
  transform: rotate(90deg) !important
}

.latest-convo-section {
  padding: 12px 0 !important;
  /* height: 243px; */
}

.latest-convo-img img {
  width: 30px;
  height: 30px;
}

.latest-convo-createAt {
  bottom: -20px !important;
}

.people-section-latest-convo.active {
  background-color: transparent;
  color: #212529 !important;
}

.people-section-latest-convo::before {
  border-left: none !important;
}

.inbox-latest-convo.active {
  background-color: #f2f7fd;
  color: #2196f3;
}

.inbox-latest-convo::before {
  border-left: none !important;
}

.latest-convo-card:hover {
  background-color: #f1f1f1 !important;
  color: #212529;
}

.send-message-btn.leads-details svg,
.send-message-btn.leads-details {
  color: #f1f1f1;
  fill: #f1f1f1;
}

.email-content {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  height: 30px;
}

.email-content:focus,
.email-content:active,
.email-content:focus-visible {
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  outline: none;
}

/* .message-all-channel-options-dropdown-btn,
.message-all-template-options-dropdown-btn {
  border: 1px solid transparent;
  background-color: transparent;
  padding: 5px 10px 5px 10px;
  font-size: 14px;
}

.message-all-channel-options-dropdown-btn:hover,
.message-all-channel-options-dropdown-btn:focus,
.message-all-template-options-dropdown-btn:hover,
.message-all-template-options-dropdown-btn:focus {
  border: 1px solid #08c;
  outline: none;
  color: #08c;

}

.message-all-channel-options-dropdown-btn:hover svg,
.message-all-channel-options-dropdown-btn:focus svg,
.message-all-template-options-dropdown-btn:hover svg,
.message-all-template-options-dropdown-btns:focus svg {
  fill: #08c;
} */

/* div.popover-arrow {

  bottom: -6px;
  background-color: white;
  border-right: 1px solid rgba(0, 0, 0, .2);
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  height: 10px;
  width: 11px;
  transform: translate3d(104.8px, 0px, 0px) rotate(44deg) !important;

} */
.message-all-template-options-popover::after {
  content: '';
  display: block;
  position: absolute;
  right: 50%;
  width: 15px;
  height: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: rotate(46deg);
  background: #ffff;
}


div.message-all-template-options-popover,
div.message-all-channel-options-popover {
  border: none !important;
}

.modal-header .close {
  padding: 1px !important;
}

.message-all-channel-options-popover-header.popover-header,
.message-all-template-options-popover-header.popover-header {
  padding: 0.5rem 1.25rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #737376;
  background-color: transparent;
  border: none;
}

/* div.modal-footer {
  border: none !important;
} */

.select-conversation-box .dashboard-dropdown-menu {
  width: 250px !important;
  border: none !important;
  height: 90px;
}

/* .select-conversation-box button {
  color: #222;
  background-color: #f1f1f1 !important;
  border-radius: 8px;
} */

.select-conversation-box button:hover {
  color: #334bfa;
  box-shadow: none;
  background-color: #e3e7fa !important;
}

.icon-container-blocked svg {
  height: 100px;
  width: 100px;
}
.mapboxgl-map,
.maplibregl-map {
    -webkit-tap-highlight-color: rgb(0 0 0/0);
    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
    overflow: hidden;
    /* position: relative */
}

.mapboxgl-canvas,
.maplibregl-canvas {
    left: 0;
    position: absolute;
    top: 0
}

.mapboxgl-map:fullscreen,
.maplibregl-map:fullscreen {
    height: 100%;
    width: 100%
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass,
.maplibregl-canvas-container.maplibregl-interactive,
.maplibregl-ctrl-group button.maplibregl-ctrl-compass {
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer,
.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer {
    cursor: pointer
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active,
.maplibregl-canvas-container.maplibregl-interactive:active,
.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active {
    cursor: grabbing
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas {
    touch-action: pan-x pan-y
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-drag-pan,
.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas {
    touch-action: pinch-zoom
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,
.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas {
    touch-action: none
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.maplibregl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-right,
.maplibregl-ctrl-top-left,
.maplibregl-ctrl-top-right {
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.mapboxgl-ctrl-top-left,
.maplibregl-ctrl-top-left {
    left: 0;
    top: 0
}

.mapboxgl-ctrl-top-right,
.maplibregl-ctrl-top-right {
    right: 0;
    top: 0
}

.mapboxgl-ctrl-bottom-left,
.maplibregl-ctrl-bottom-left {
    bottom: 0;
    left: 0
}

.mapboxgl-ctrl-bottom-right,
.maplibregl-ctrl-bottom-right {
    bottom: 0;
    right: 0
}

.mapboxgl-ctrl,
.maplibregl-ctrl {
    clear: both;
    pointer-events: auto;
    transform: translate(0)
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl,
.maplibregl-ctrl-top-left .maplibregl-ctrl {
    float: left;
    margin: 10px 0 0 10px
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl,
.maplibregl-ctrl-top-right .maplibregl-ctrl {
    float: right;
    margin: 10px 10px 0 0
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
.maplibregl-ctrl-bottom-left .maplibregl-ctrl {
    float: left;
    margin: 0 0 10px 10px
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
.maplibregl-ctrl-bottom-right .maplibregl-ctrl {
    float: right;
    margin: 0 10px 10px 0
}

.mapboxgl-ctrl-group,
.maplibregl-ctrl-group {
    background: #fff;
    border-radius: 4px
}

.mapboxgl-ctrl-group:not(:empty),
.maplibregl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1)
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl-group:not(:empty),
    .maplibregl-ctrl-group:not(:empty) {
        box-shadow: 0 0 0 2px ButtonText
    }
}

.mapboxgl-ctrl-group button,
.maplibregl-ctrl-group button {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 29px;
    outline: none;
    padding: 0;
    width: 29px
}

.mapboxgl-ctrl-group button+button,
.maplibregl-ctrl-group button+button {
    border-top: 1px solid #ddd
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon,
.maplibregl-ctrl button .maplibregl-ctrl-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl-icon,
    .maplibregl-ctrl-icon {
        background-color: transparent
    }

    .mapboxgl-ctrl-group button+button,
    .maplibregl-ctrl-group button+button {
        border-top: 1px solid ButtonText
    }
}

.mapboxgl-ctrl button::-moz-focus-inner,
.maplibregl-ctrl button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus,
.maplibregl-ctrl-attrib-button:focus,
.maplibregl-ctrl-group button:focus {
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl button:disabled,
.maplibregl-ctrl button:disabled {
    cursor: not-allowed
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon,
.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon {
    opacity: .25
}

.mapboxgl-ctrl button:not(:disabled):hover,
.maplibregl-ctrl button:not(:disabled):hover {
    background-color: rgb(0 0 0/5%)
}

.mapboxgl-ctrl-group button:focus:focus-visible,
.maplibregl-ctrl-group button:focus:focus-visible {
    box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible),
.maplibregl-ctrl-group button:focus:not(:focus-visible) {
    box-shadow: none
}

.mapboxgl-ctrl-group button:focus:first-child,
.maplibregl-ctrl-group button:focus:first-child {
    border-radius: 4px 4px 0 0
}

.mapboxgl-ctrl-group button:focus:last-child,
.maplibregl-ctrl-group button:focus:last-child {
    border-radius: 0 0 4px 4px
}

.mapboxgl-ctrl-group button:focus:only-child,
.maplibregl-ctrl-group button:focus:only-child {
    border-radius: inherit
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27m10.5 14 4-8 4 8h-8z%27/%3E%3Cpath d=%27m10.5 16 4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27m10.5 14 4-8 4 8h-8z%27/%3E%3Cpath d=%27m10.5 16 4 8 4-8h-8z%27 fill=%27%23999%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 29 29%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m10.5 14 4-8 4 8h-8z%27/%3E%3Cpath d=%27m10.5 16 4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23aaa%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath d=%27m14 5 1 1-9 9-1-1 9-9z%27 fill=%27red%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon,
.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon {
    animation: maplibregl-spin 2s linear infinite
}

@media (-ms-high-contrast:active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23999%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath d=%27m14 5 1 1-9 9-1-1 9-9z%27 fill=%27red%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3C/svg%3E")
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,
    .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2729%27 height=%2729%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23666%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath d=%27m14 5 1 1-9 9-1-1 9-9z%27 fill=%27red%27/%3E%3C/svg%3E")
    }
}

@keyframes maplibregl-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

a.mapboxgl-ctrl-logo,
a.maplibregl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2788%27 height=%2723%27 fill=%27none%27%3E%3Cpath d=%27M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%27 fill=%27%23000%27 fill-opacity=%27.4%27 fill-rule=%27evenodd%27/%3E%3Cpath d=%27m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z%27 fill=%27%23e1e3e9%27/%3E%3Cg fill-rule=%27evenodd%27 stroke-width=%271.036%27%3E%3Cpath d=%27m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z%27 fill=%27%23000%27 fill-opacity=%27.4%27/%3E%3Cpath d=%27M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z%27 fill=%27%23e1e3e9%27/%3E%3Cpath d=%27M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z%27 fill=%27%23fff%27/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 23px;
    margin: 0 0 -4px -4px;
    overflow: hidden;
    width: 88px
}

a.mapboxgl-ctrl-logo.mapboxgl-compact,
a.maplibregl-ctrl-logo.maplibregl-compact {
    width: 14px
}

@media (-ms-high-contrast:active) {

    a.mapboxgl-ctrl-logo,
    a.maplibregl-ctrl-logo {
        background-color: transparent;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2788%27 height=%2723%27 fill=%27none%27%3E%3Cpath d=%27M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%27 fill=%27%23000%27 fill-opacity=%27.4%27 fill-rule=%27evenodd%27/%3E%3Cpath d=%27m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z%27 fill=%27%23e1e3e9%27/%3E%3Cg fill-rule=%27evenodd%27 stroke-width=%271.036%27%3E%3Cpath d=%27m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z%27 fill=%27%23000%27 fill-opacity=%27.4%27/%3E%3Cpath d=%27M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z%27 fill=%27%23e1e3e9%27/%3E%3Cpath d=%27M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z%27 fill=%27%23fff%27/%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (-ms-high-contrast:black-on-white) {

    a.mapboxgl-ctrl-logo,
    a.maplibregl-ctrl-logo {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2788%27 height=%2723%27 fill=%27none%27%3E%3Cpath d=%27M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.255 1.255 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.255 1.255 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5.11 5.11 0 0 1 .314-.787l.009-.016a4.623 4.623 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.548 4.548 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4.314.319.566.676.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.416 2.416 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.448 2.448 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675c.211.2.381.43.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.76 4.76 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.407 3.407 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.255 1.255 0 0 1 .689 1.004 4.73 4.73 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528 0 .343-.02.694-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.815 5.815 0 0 1-.548-2.512c0-.286.017-.567.053-.843a1.255 1.255 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.778 4.778 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.47 4.47 0 0 1-1.935-.424 1.252 1.252 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.402 2.402 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.703 4.703 0 0 1-1.782 1.884 4.767 4.767 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.47 4.47 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a4.983 4.983 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.255 1.255 0 0 1-1.115.676h-.098a1.255 1.255 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15c.329-.237.574-.499.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267c-.088-.22-.264-.438-.526-.658l-.032-.028a3.16 3.16 0 0 0-.668-.428l-.27-.12a3.293 3.293 0 0 0-1.235-.23c-.757 0-1.415.163-1.974.493a3.36 3.36 0 0 0-1.3 1.382c-.297.593-.444 1.284-.444 2.074 0 .8.17 1.503.51 2.107a3.795 3.795 0 0 0 1.382 1.381 3.883 3.883 0 0 0 1.893.477c.53 0 1.015-.11 1.455-.33zm-2.789-5.38c-.384.45-.575 1.038-.575 1.762 0 .735.186 1.332.559 1.794.384.45.933.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.17 2.17 0 0 0 .468-.29l.178-.161a2.163 2.163 0 0 0 .397-.561c.163-.333.244-.717.244-1.15v-.115c0-.472-.098-.894-.296-1.267l-.043-.077a2.211 2.211 0 0 0-.633-.709l-.13-.086-.047-.028a2.099 2.099 0 0 0-1.073-.285c-.702 0-1.244.231-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.958.958 0 0 0-.353-.389.851.851 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.626 2.626 0 0 0 .331.423c.213.22.464.402.755.548l.173.074c.433.17.93.255 1.49.255.68 0 1.295-.165 1.844-.493a3.447 3.447 0 0 0 1.316-1.4c.329-.603.493-1.299.493-2.089 0-1.273-.33-2.243-.988-2.913-.658-.68-1.52-1.02-2.584-1.02-.598 0-1.124.115-1.575.347a2.807 2.807 0 0 0-.415.262l-.199.166a3.35 3.35 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138c.137.193.297.36.48.5l.155.11.053.034c.34.197.713.297 1.119.297.714 0 1.262-.225 1.645-.675.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.29 0-.569.053-.835.16a2.366 2.366 0 0 0-.284.136 1.99 1.99 0 0 0-.363.254 2.237 2.237 0 0 0-.46.569l-.082.162a2.56 2.56 0 0 0-.213 1.072v.115c0 .471.098.894.296 1.267l.135.211zm.964-.818a1.11 1.11 0 0 0 .367.385.937.937 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a.995.995 0 0 0-.503.135l-.012.007a.859.859 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.43 1.43 0 0 0 .14.66zm15.7-6.222c.232-.23.346-.516.346-.856a1.053 1.053 0 0 0-.345-.79 1.175 1.175 0 0 0-.84-.329c-.34 0-.625.11-.855.33a1.053 1.053 0 0 0-.346.79c0 .34.115.625.346.855.23.23.516.346.856.346.34 0 .62-.115.839-.346zm4.337 9.314.033-1.332c.128.269.324.518.59.747l.098.081a3.727 3.727 0 0 0 .316.224l.223.122a3.21 3.21 0 0 0 1.44.322 3.785 3.785 0 0 0 1.875-.477 3.52 3.52 0 0 0 1.382-1.366c.352-.593.526-1.29.526-2.09 0-.79-.147-1.48-.444-2.073a3.235 3.235 0 0 0-1.283-1.399c-.549-.34-1.195-.51-1.942-.51a3.476 3.476 0 0 0-1.527.344l-.086.043-.165.09a3.412 3.412 0 0 0-.33.214c-.288.21-.507.446-.656.707a1.893 1.893 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.482 2.482 0 0 0 .566.7c.078.065.159.125.245.18l.144.08a2.105 2.105 0 0 0 .975.232c.713 0 1.262-.225 1.645-.675.384-.46.576-1.053.576-1.778 0-.734-.192-1.327-.576-1.777-.373-.46-.921-.692-1.645-.692a2.18 2.18 0 0 0-1.015.235c-.147.075-.285.17-.415.282l-.15.142a2.086 2.086 0 0 0-.42.594c-.149.32-.223.685-.223 1.1v.115c0 .47.097.89.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.868.868 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.13 1.13 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013c.23-.087.472-.134.724-.14l.069-.002c.329 0 .542.033.642.099l.247-1.794c-.13-.066-.37-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2.086 2.086 0 0 0-.411.148 2.18 2.18 0 0 0-.4.249 2.482 2.482 0 0 0-.485.499 2.659 2.659 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884c0-.364.053-.678.159-.943a1.49 1.49 0 0 1 .466-.636 2.52 2.52 0 0 1 .399-.253 2.19 2.19 0 0 1 .224-.099zm9.784 2.656.05-.922c0-1.162-.285-2.062-.856-2.698-.559-.647-1.42-.97-2.584-.97-.746 0-1.415.163-2.007.493a3.462 3.462 0 0 0-1.4 1.382c-.329.604-.493 1.306-.493 2.106 0 .714.143 1.371.428 1.975.285.593.73 1.07 1.332 1.432.604.351 1.355.526 2.255.526.649 0 1.204-.062 1.668-.185l.044-.012.135-.04c.409-.122.736-.263.984-.421l-.542-1.267c-.2.108-.415.199-.642.274l-.297.087c-.34.088-.773.131-1.3.131-.636 0-1.135-.147-1.497-.444a1.573 1.573 0 0 1-.192-.193c-.244-.294-.415-.705-.512-1.234l-.004-.021h5.43zm-5.427-1.256-.003.022h3.752v-.138c-.007-.485-.104-.857-.288-1.118a1.056 1.056 0 0 0-.156-.176c-.307-.285-.746-.428-1.316-.428-.657 0-1.155.202-1.494.604-.253.3-.417.712-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z%27 fill=%27%23000%27 fill-opacity=%27.4%27 fill-rule=%27evenodd%27/%3E%3Cpath d=%27m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81c-.68 0-1.311-.16-1.893-.478a3.795 3.795 0 0 1-1.381-1.382c-.34-.604-.51-1.306-.51-2.106 0-.79.147-1.482.444-2.074a3.364 3.364 0 0 1 1.3-1.382c.559-.33 1.217-.494 1.974-.494a3.293 3.293 0 0 1 1.234.231 3.341 3.341 0 0 1 .97.575c.264.22.44.439.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332c-.186.395-.526.746-1.02 1.053a3.167 3.167 0 0 1-1.662.444zm.296-1.482c.626 0 1.152-.214 1.58-.642.428-.44.642-1.01.642-1.711v-.115c0-.472-.098-.894-.296-1.267a2.211 2.211 0 0 0-.807-.872 2.098 2.098 0 0 0-1.119-.313c-.702 0-1.245.231-1.629.692-.384.45-.575 1.037-.575 1.76 0 .736.186 1.333.559 1.795.384.45.933.675 1.645.675zm6.521-6.237h1.711v1.4c.604-1.065 1.547-1.597 2.83-1.597 1.064 0 1.926.34 2.584 1.02.659.67.988 1.641.988 2.914 0 .79-.164 1.487-.493 2.09a3.456 3.456 0 0 1-1.316 1.399 3.51 3.51 0 0 1-1.844.493c-.636 0-1.19-.11-1.662-.329a2.665 2.665 0 0 1-1.086-.97l.017 5.134h-1.728V9.242zm4.048 6.22c.714 0 1.262-.224 1.645-.674.385-.46.576-1.048.576-1.762 0-.746-.192-1.338-.576-1.777-.372-.45-.92-.675-1.645-.675-.395 0-.768.098-1.12.296-.34.187-.613.46-.822.823-.197.351-.296.763-.296 1.234v.115c0 .472.098.894.296 1.267.209.362.483.647.823.855.34.197.713.297 1.119.297z%27 fill=%27%23fff%27/%3E%3Cpath d=%27M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.159 1.159 0 0 1-.856-.346 1.165 1.165 0 0 1-.346-.856 1.053 1.053 0 0 1 .346-.79c.23-.219.516-.329.856-.329.329 0 .609.11.839.33a1.053 1.053 0 0 1 .345.79 1.159 1.159 0 0 1-.345.855c-.22.23-.5.346-.84.346zm7.875 9.133a3.167 3.167 0 0 1-1.662-.444c-.482-.307-.817-.658-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283c.186-.438.548-.812 1.086-1.119a3.486 3.486 0 0 1 1.778-.477c.746 0 1.393.17 1.942.51a3.235 3.235 0 0 1 1.283 1.4c.297.592.444 1.282.444 2.072 0 .8-.175 1.498-.526 2.09a3.52 3.52 0 0 1-1.382 1.366 3.785 3.785 0 0 1-1.876.477zm-.296-1.481c.713 0 1.26-.225 1.645-.675.384-.46.577-1.053.577-1.778 0-.734-.193-1.327-.577-1.776-.373-.46-.921-.692-1.645-.692a2.115 2.115 0 0 0-1.58.659c-.428.428-.642.992-.642 1.694v.115c0 .473.098.895.296 1.267a2.385 2.385 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481c.176-.505.46-.91.856-1.217a2.14 2.14 0 0 1 1.349-.46c.351 0 .593.032.724.098l-.247 1.794c-.099-.066-.313-.099-.642-.099-.516 0-.988.164-1.416.494-.417.329-.626.855-.626 1.58v3.883h-1.777V9.242zm9.534 7.718c-.9 0-1.651-.175-2.255-.526-.603-.362-1.047-.84-1.332-1.432a4.567 4.567 0 0 1-.428-1.975c0-.8.164-1.502.493-2.106a3.462 3.462 0 0 1 1.4-1.382c.592-.33 1.262-.494 2.007-.494 1.163 0 2.024.324 2.584.97.57.637.856 1.537.856 2.7 0 .296-.017.603-.05.92h-5.43c.12.67.356 1.153.708 1.45.362.296.86.443 1.497.443.526 0 .96-.044 1.3-.131a4.123 4.123 0 0 0 .938-.362l.542 1.267c-.274.175-.647.329-1.119.46-.472.132-1.042.197-1.711.197zm1.596-4.558c.01-.68-.137-1.158-.444-1.432-.307-.285-.746-.428-1.316-.428-1.152 0-1.815.62-1.991 1.86h3.752z%27 fill=%27%23e1e3e9%27/%3E%3Cg fill-rule=%27evenodd%27 stroke-width=%271.036%27%3E%3Cpath d=%27m8.166 16.146-.002.002a1.54 1.54 0 0 1-2.009 0l-.002-.002-.043-.034-.002-.002-.199-.162H4.377a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659H8.411l-.202.164zm-1.121-.905a.29.29 0 0 0 .113.023.286.286 0 0 0 .189-.07l.077-.063c.634-.508 4.672-3.743 4.672-7.575 0-2.55-2.215-4.625-4.938-4.625S2.221 5.006 2.221 7.556c0 3.225 2.86 6.027 4.144 7.137h.004l.04.038.484.4.077.063a.628.628 0 0 0 .074.047zm-2.52-.548a16.898 16.898 0 0 1-1.183-1.315C2.187 11.942.967 9.897.967 7.555c0-3.319 2.855-5.88 6.192-5.88 3.338 0 6.193 2.561 6.193 5.881 0 2.34-1.22 4.387-2.376 5.822a16.898 16.898 0 0 1-1.182 1.315h.15a1.912 1.912 0 0 1 1.914 1.914v1.84a1.912 1.912 0 0 1-1.914 1.914H4.377a1.912 1.912 0 0 1-1.914-1.914v-1.84a1.912 1.912 0 0 1 1.914-1.914zm3.82-6.935c0 .692-.55 1.222-1.187 1.222s-1.185-.529-1.185-1.222.548-1.222 1.185-1.222c.638 0 1.186.529 1.186 1.222zm-1.186 2.477c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477zm2.048 7.71H5.114v-.838h4.093z%27 fill=%27%23000%27 fill-opacity=%27.4%27/%3E%3Cpath d=%27M2.222 7.555c0-2.55 2.214-4.625 4.937-4.625 2.723 0 4.938 2.075 4.938 4.625 0 3.832-4.038 7.068-4.672 7.575l-.077.063a.286.286 0 0 1-.189.07.286.286 0 0 1-.188-.07l-.077-.063c-.634-.507-4.672-3.743-4.672-7.575zm4.937 2.68c1.348 0 2.442-1.11 2.442-2.478S8.507 5.28 7.159 5.28 4.72 6.39 4.72 7.758s1.092 2.477 2.44 2.477z%27 fill=%27%23e1e3e9%27/%3E%3Cpath d=%27M4.377 15.948a.657.657 0 0 0-.659.659v1.84a.657.657 0 0 0 .659.659h5.565a.657.657 0 0 0 .659-.659v-1.84a.657.657 0 0 0-.659-.659zm4.83 1.16H5.114v.838h4.093z%27 fill=%27%23fff%27/%3E%3C/g%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib,
.maplibregl-ctrl.maplibregl-ctrl-attrib {
    background-color: hsla(0, 0%, 100%, .5);
    margin: 0;
    padding: 0 5px
}

@media screen {

    .mapboxgl-ctrl-attrib.mapboxgl-compact,
    .maplibregl-ctrl-attrib.maplibregl-compact {
        background-color: #fff;
        border-radius: 12px;
        margin: 10px;
        min-height: 20px;
        padding: 2px 24px 2px 0;
        position: relative
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .maplibregl-ctrl-attrib.maplibregl-compact-show {
        padding: 2px 28px 2px 8px;
        visibility: visible
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,
    .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show {
        border-radius: 12px;
        padding: 2px 8px 2px 28px
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner,
    .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner {
        display: none
    }

    .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib-button {
        background-color: hsla(0, 0%, 100%, .5);
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E");
        border: 0;
        border-radius: 12px;
        box-sizing: border-box;
        cursor: pointer;
        display: none;
        height: 24px;
        outline: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px
    }

    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,
    .maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button {
        left: 0
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,
    .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner {
        display: block
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button,
    .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button {
        background-color: rgb(0 0 0/5%)
    }

    .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        bottom: 0;
        right: 0
    }

    .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        right: 0;
        top: 0
    }

    .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        left: 0;
        top: 0
    }

    .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after {
        bottom: 0;
        left: 0
    }
}

@media screen and (-ms-high-contrast:active) {

    .mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27 fill=%27%23fff%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")
    }
}

@media screen and (-ms-high-contrast:black-on-white) {

    .mapboxgl-ctrl-attrib.mapboxgl-compact:after,
    .maplibregl-ctrl-attrib.maplibregl-compact:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")
    }
}

.mapboxgl-ctrl-attrib a,
.maplibregl-ctrl-attrib a {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.mapboxgl-ctrl-attrib a:hover,
.maplibregl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline
}

.mapboxgl-attrib-empty,
.maplibregl-attrib-empty {
    display: none
}

.mapboxgl-ctrl-scale,
.maplibregl-ctrl-scale {
    background-color: hsla(0, 0%, 100%, .75);
    border: 2px solid #333;
    border-top: #333;
    box-sizing: border-box;
    color: #333;
    font-size: 10px;
    padding: 0 5px
}

.mapboxgl-popup,
.maplibregl-popup {
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: transform
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right,
.maplibregl-popup-anchor-top,
.maplibregl-popup-anchor-top-left,
.maplibregl-popup-anchor-top-right {
    flex-direction: column
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right,
.maplibregl-popup-anchor-bottom,
.maplibregl-popup-anchor-bottom-left,
.maplibregl-popup-anchor-bottom-right {
    flex-direction: column-reverse
}

.mapboxgl-popup-anchor-left,
.maplibregl-popup-anchor-left {
    flex-direction: row
}

.mapboxgl-popup-anchor-right,
.maplibregl-popup-anchor-right {
    flex-direction: row-reverse
}

.mapboxgl-popup-tip,
.maplibregl-popup-tip {
    border: 10px solid transparent;
    height: 0;
    width: 0;
    z-index: 1
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top .maplibregl-popup-tip {
    align-self: center;
    border-bottom-color: #fff;
    border-top: none
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
    align-self: flex-start;
    border-bottom-color: #fff;
    border-left: none;
    border-top: none
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
    align-self: flex-end;
    border-bottom-color: #fff;
    border-right: none;
    border-top: none
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    align-self: center;
    border-left: none;
    border-right-color: #fff
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip,
.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    align-self: center;
    border-left-color: #fff;
    border-right: none
}

.mapboxgl-popup-close-button,
.maplibregl-popup-close-button {
    background-color: transparent;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.mapboxgl-popup-close-button:hover,
.maplibregl-popup-close-button:hover {
    background-color: rgb(0 0 0/5%)
}

.mapboxgl-popup-content,
.maplibregl-popup-content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 15px 10px;
    pointer-events: auto;
    position: relative
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content,
.maplibregl-popup-anchor-top-left .maplibregl-popup-content {
    border-top-left-radius: 0
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content,
.maplibregl-popup-anchor-top-right .maplibregl-popup-content {
    border-top-right-radius: 0
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content {
    border-bottom-left-radius: 0
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content {
    border-bottom-right-radius: 0
}

.mapboxgl-popup-track-pointer,
.maplibregl-popup-track-pointer {
    display: none
}

.mapboxgl-popup-track-pointer *,
.maplibregl-popup-track-pointer * {
    pointer-events: none;
    user-select: none
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer,
.maplibregl-map:hover .maplibregl-popup-track-pointer {
    display: flex
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer,
.maplibregl-map:active .maplibregl-popup-track-pointer {
    display: none
}

.mapboxgl-marker,
.maplibregl-marker {
    left: 0;
    position: absolute;
    top: 0;
    will-change: transform
}

.mapboxgl-user-location-dot,
.maplibregl-user-location-dot {
    background-color: #1da1f2;
    border-radius: 50%;
    height: 15px;
    width: 15px
}

.mapboxgl-user-location-dot:before,
.maplibregl-user-location-dot:before {
    animation: maplibregl-user-location-dot-pulse 2s infinite;
    background-color: #1da1f2;
    border-radius: 50%;
    content: "";
    height: 15px;
    position: absolute;
    width: 15px
}

.mapboxgl-user-location-dot:after,
.maplibregl-user-location-dot:after {
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .35);
    box-sizing: border-box;
    content: "";
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px
}

@keyframes maplibregl-user-location-dot-pulse {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    70% {
        opacity: 0;
        transform: scale(3)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.mapboxgl-user-location-dot-stale,
.maplibregl-user-location-dot-stale {
    background-color: #aaa
}

.mapboxgl-user-location-dot-stale:after,
.maplibregl-user-location-dot-stale:after {
    display: none
}

.mapboxgl-user-location-accuracy-circle,
.maplibregl-user-location-accuracy-circle {
    background-color: #1da1f233;
    border-radius: 100%;
    height: 1px;
    width: 1px
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active,
.maplibregl-crosshair,
.maplibregl-crosshair .maplibregl-interactive,
.maplibregl-crosshair .maplibregl-interactive:active {
    cursor: crosshair
}

.mapboxgl-boxzoom,
.maplibregl-boxzoom {
    background: #fff;
    border: 2px dotted #202020;
    height: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 0
}




.archive-text {
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 20px 20px;
    background-color: #fed9db;
    color: #f4034d;
}

.user-attributes {
    max-height: 50vh;
    overflow: auto;
    font-size: 13px;
}

.user-attributes input[type="checkbox"]:disabled+label:before {
    content: "\2714";
    background-color: lightgray;
}

.user-attributes input[type="checkbox"]:disabled+label {
    color: gray !important;
    cursor: default !important;
}

.user-attributes input[type="checkbox"]:disabled+label:active:before {
    transform: scale(1);
}

.user-attributes input[type="checkbox"]+label {
    margin: 1px 0px;
    cursor: pointer;
}

.image-btn-a {
    background-color: #2196f3 !important;
    border: 1px solid #2196f3 !important;
    /* Added Importants on border radius and padding because they are overriding from somewhere */
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.image-btn-b {
     /* Added Important on border radius and padding because they are overriding from somewhere */
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}



#TagModal .modal-body {
    height: 340px;
    overflow: auto;
    scrollbar-width: thin;
}

.set-tag {
    padding: 9px 30px;
    min-height: 34px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.set-tag:hover {
    background-color: #1975bf;
    color: #fff;
}

.search-tag-section {
    min-height: 65px;
    padding: 0px 10px 0px 30px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.search-tag-section input {
    font-size: 13px;
    min-width: 235px;
}

/*tag Modal end */

.removeTagIcon {
    width: 12px;
    height: 13px;
    transition: 0.2s ease-in-out;
}

.removeTagIcon:hover {
    filter: hue-rotate(149deg);
}

.removeTagIcon:before,
.removeTagIcon:after {
    position: absolute;
    content: " ";
    height: 13px;
    width: 2px;
    background-color: #2196f3;
}

.removeTagIcon:before {
    transform: rotate(45deg);
}

.removeTagIcon:after {
    transform: rotate(-45deg);
}

.newCustomTagIndi {
    background: lightgrey;
    left: 0;
    font-size: 15px;
    padding: 4px 35px;
    cursor: pointer;
}

.companies-data-view {
    height: 1349px;
    overflow: auto;
}

.company-details-right-section {
    width: 70%;
    height: 100%;
}

.company-details-left-section {

    /* width: 26%; */
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 331px;
}

.company-attribute-portion,
.company-name-portion,
.message-company-portion,
.company-segment-portion,
.company-tags-portion,
.company-notes-portion,
.delete-company-portion {
    width: 85%;
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow linear 40ms, border-color linear .2s;
    position: relative;

}

.company-location-container {
    position: relative;
}

.company-location-holder {
    width: 100%;
    height: 200px;
}

.company-location-holder>.map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.company-pic-holder {
    min-width: 72px;
    width: 72px;
    position: absolute;
    bottom: -30px;
    left: 36%;
}

.company-pic {

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: -8px 19px 79px -31px rgba(125, 118, 125, 1);
    -moz-box-shadow: -8px 19px 79px -31px rgba(125, 118, 125, 1);
    box-shadow: -8px 19px 79px -31px rgba(125, 118, 125, 1);
    background-color: rgb(240, 179, 252);
}

.associated-company-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: -8px 19px 79px -31px rgba(125, 118, 125, 1);
    -moz-box-shadow: -8px 19px 79px -31px rgba(125, 118, 125, 1);
    box-shadow: -8px 19px 79px -31px rgba(125, 118, 125, 1);
}

.associated-company-pic svg {
    height: 40px;
    width: 40px;
}

.associated-company-name a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.associated-company-name a:hover,
.associated-company-name a:active {
    color: #1975bf;
}


.tick-btn:hover svg,
.pencil-btn:hover svg,
.action-btn:hover svg,
.action-btn:hover {
    /* fill: #2196f3; */
    color: #2196f3;
}

.company-name-container,
.company-name,
.company-detail-tabs-container,
.company-detail-people-listing-header-left {
    gap: 0 20px;
    cursor: pointer;
}

.company-segment {
    flex-direction: column;
    gap: 10px 0;
}

.company-name-container,
.delete-company-portion {
    justify-content: center;
}

.company-detail-people-listing-header-actions,
.company-detail-people-listing-header-checkbox {
    gap: 0 12px;
    cursor: pointer;
}

.company-detail-people-listing-header-checkbox svg {
    fill: rgba(125, 118, 125, 1);
}

.company-detail-people-tab:hover,
.company-detail-conversations-tab:hover {
    color: #2196f3;
}

.company-detail-people-listing-header {
    justify-content: space-between;
}

.selected-tab {
    color: #2196f3;
    border-bottom: 2px solid #2196f3;
}

.message-btn svg,
.action-btn svg {
    /* fill: #000; */
    fill-rule: evenodd;
    clip-rule: evenodd;
}

.action-div-disabled {
    pointer-events: none;
    opacity: 0.7;
}

.sub-section-headers {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #222;
}

.company-add-tags-btn {
    /* border: 1px solid #dee2e6;
    border-radius: 6px;
    width: 43%;
    padding: 3px;
    text-align: center; */
    /* margin-top: 1rem; */
}

.company-add-tags-btn svg {
    fill: #737376;
}

.company-add-tags-btn:hover,
.company-add-tags-btn:hover svg {
    color: #2196f3;
    fill: #2196f3;
}

.company-add-tag {
    /* border-radius: 50%; */
    /* padding: 0px; */
    height: 30px;
    width: 30px;
    font-size: 13px;
    /* border: none; */
    outline: none;
    cursor: pointer;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    /* width: 43%; */
    padding: 3px;
    text-align: center;
}

.note-text-area {
    background-color: rgba(254, 237, 175, .5);
    min-height: 20px;
    line-height: 13px;
    /* position: absolute; */
    top: 0px;
    left: 1px;
    overflow: hidden;
}

#draft {
    /* min-height: 20px; */
    overflow: hidden;
    box-sizing: border-box;
    background-color: red;
    width: 100%;
    margin: 0;
    visibility: hidden;
}

.saved-notes,
.saved-tags {
    border: none;
    font-size: 15px;
    line-height: 18px;
    color: #222;
    gap: 0 5px;

}

.saved-note-container {
    border-radius: 6px;
    border: 1px solid;
    position: relative;
    /* max-width: calc(100% - 86px); */
    /* width: fit-content; */
    overflow-wrap: break-word;
    border-color: #feedaf;
    background-color: #feedaf;
    width: 90%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
}

.delete-note-btn {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

.collapse-btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #737376;
}

.collapse-btn:hover {
    cursor: pointer;
    color: #2196f3;
}


.saved-note-value,
.saved-note-value:focus,
.saved-note-value:hover,
.saved-note-value:active {
    background-color: #feedaf;
    border: #feedaf;
    box-shadow: none;
    resize: vertical;
    overflow: hidden;
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: 4px;
    min-height: 40px;
}

.people-avatar img {
    width: 100%;
}


.people-avatar-pic-modal {
    width: 48px;
    height: 48px;
    background-color: #fff;
    padding: 7px;
    border-radius: 50%;
    display: inline-block;

}

.email-name-container {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
}

.email-name-container:hover,
.email-name-container:focus {
    text-decoration: underline;
    color: #0077Bf;
}

.nameCircle-modal.companies-or-leads {
    border-radius: 70%;
    width: 48px;
    height: 48px;
    background: transparent;
    border: 1.7px solid #6600ff;
    color: #6600ff;
    text-align: center;
    font: 18px Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;

}

.default-profile-pic {
    background-color: hsl(0, 0%, 90%);
    border-radius: 70%;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    place-content: center;
}

.default-profile-pic svg {
    fill: white;
    height: 25px;
    width: 25px;
    margin-top: 5px;
}

.company-detail-people-listing-portion,
.card-inner-container {
    width: 100%;
}

.accordion-profile {
    margin-right: 10px;
}

.down-arrow {
    transform: rotate(90deg) !important;
}

.accordion-child-convo-section {
    display: block !important;
}

.accordion-last-message {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    margin-left: 2.5rem;
}

.accordion-last-message p {
    font-size: 13px;
    line-height: 18px;
    color: #737376;
    font-weight: 400
}

.table.companies-details-table {
    margin: 0;
}

.table.companies-details-table thead th,
.companies-details-table td {
    padding: 0 0 0 15px;
    height: 30px;
    vertical-align: inherit;
    position: relative;

}

.send-message-to-all-in-company svg {
    fill: #fff;
}
.platform-convo-listing .company-detail-conversations-listing-listing {
    margin-top: 8px;
}
#conversationsScroller>.section.active {
  background-color: #f2f7fd;
  font-weight: 700;
}

.conv-tick svg {
  margin: 0;
  fill: #2196f3;
}

.username-last-msg-box {
  margin-left: 2.5rem;
}

.last-msg-from-info {
  position: relative;
  /* commented for conversation list template in inbox */
  /* right: 40px; */
  /* bottom: -10px; */
}

.convo-name-circle-small {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: transparent;
  border: 2px solid #6600ff;
  color: #6600ff;
  text-align: center;
  font: 13px Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kudosHub-emoji-search-input {
  width: 90%;
  margin: 15px auto;
  padding-bottom: 8px;
  border: none;
  border-bottom: 1px solid rgb(238,238,238);
  outline: none;
  display: block;
}
.kudosHub-emoji-search-input::placeholder {
  color: lightgray;
}

.kudosHub-emoji-search-input {
  width: 90%;
  margin: 15px auto;
  padding-bottom: 8px;
  border: none;
  border-bottom: 1px solid rgb(238,238,238);
  outline: none;
  display: block;
}
.kudosHub-emoji-search-input::placeholder {
  color: lightgray;
}

.tour-list-container{
    width: 33em;
    min-height: 21em;
}
.empty-tour-list-container{
    width: 20em;
    min-height: 10em;
}
.tour-list-item-container {
    display: flex;
    align-items: center;
    background-color: #f3f3f3;
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #e3dbdb;
    cursor: pointer
}

.tour-list-title{
    font-size: 16px;
    text-align: center;
    margin: 1em;
    font-weight: 600;
    margin: 1em;
    color: #9d9d9d
}
.empty-tour-paragraph{
    font-weight: 600;
    margin: 1em;
    color: #9d9d9d;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;

}
.tour-list{
    max-height: 21em;
    overflow-y: auto;
}
.tour-list-item-icon-column {
    flex: 6%;
    text-align: center;
}

.tour-list-item-text-column {
    flex: 94%;
}

.tour-title{
    font-weight: 600;
}
.tour-description{
    font-weight: 500;
    font-size: 12px;
    color: #9d9d9d;
}

.loader-container{
    display: flex;
    justify-content: center;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  ::-webkit-scrollbar-thumb {
    background: gray;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  
  .App {
    height: 100vh;
  }
  
  .width-300 {
    max-width: 300px;
  }
  
  .width-400 {
    max-width: 400px;
  }
  
  .width-500 {
    max-width: 500px;
  }
  
  .width-200 {
    width: 200px;
  }
  
  .height-300 {
    height: 300px;
  }
  
  .height-200 {
    height: 200px;
  }

  .width-100 {
    width: 100px;
  }
    
  .height-100 {
    height: 100px;
  }
  .set_overflow_y_scroll {
    overflow-y: scroll;
  }
  
  .ProseMirror {
    position: relative;
  }
  
  .ProseMirror {
    word-wrap: break-word;
    white-space: break-spaces;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    font-feature-settings: "liga" 0;
    padding: 0 26px 10px;
  }
  
  .email-editor-section .ProseMirror {
    padding: 0px !important;
  }
  
  .ProseMirror pre {
    white-space: pre-wrap;
  }
  
  .ProseMirror li {
    position: relative;
  }
  
  .ProseMirror-hideselection *::selection {
    background: transparent;
  }
  
  .ProseMirror-hideselection *::-moz-selection {
    background: transparent;
  }
  
  .ProseMirror-hideselection {
    caret-color: transparent;
  }
  
  .ProseMirror-selectednode {
    outline: 2px solid #8cf;
    border-radius: 4px;
  }
  
  li.ProseMirror-selectednode,
  .kudoshub-prosemirror-composer-spacer.ProseMirror-selectednode {
    outline: none;
  }
  
  li.ProseMirror-selectednode:after {
    content: "";
    position: absolute;
    left: -32px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border: 2px solid #8cf;
    pointer-events: none;
    border-radius: 4px;
  }
  
  img.ProseMirror-separator {
    display: inline !important;
    border: none !important;
    margin: 0 !important;
  }
  
  .ProseMirror-textblock-dropdown {
    min-width: 3em;
  }
  
  .ProseMirror-menu {
    margin: 0 -4px;
    line-height: 1;
  }
  
  
  .ProseMirror-menuitem {
    margin-right: 3px;
    display: inline-block;
  }
  
  .ProseMirror-menuseparator {
    border-right: 1px solid #ddd;
    margin-right: 3px;
  }
  
  .ProseMirror-menu-dropdown,
  .ProseMirror-menu-dropdown-menu {
    font-size: 90%;
    white-space: nowrap;
  }
  
  .ProseMirror-menu-dropdown {
    vertical-align: 1px;
    cursor: pointer;
    position: relative;
    padding-right: 15px;
  }
  
  .ProseMirror-menu-dropdown-wrap {
    padding: 1px 0 1px 4px;
    display: inline-block;
    position: relative;
  }
  
  .ProseMirror-menu-dropdown:after {
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    opacity: 0.6;
    position: absolute;
    right: 4px;
    top: calc(50% - 2px);
  }
  
  .ProseMirror-menu-dropdown-menu,
  .ProseMirror-menu-submenu {
    position: absolute;
    background: white;
    color: #666;
    border: 1px solid #aaa;
    padding: 2px;
  }
  
  .ProseMirror-menu-dropdown-menu {
    z-index: 15;
    min-width: 6em;
  }
  
  .ProseMirror-menu-dropdown-item {
    cursor: pointer;
    padding: 2px 8px 2px 4px;
  }
  
  .ProseMirror-menu-dropdown-item:hover {
    background: #f2f2f2;
  }
  
  .ProseMirror-menu-submenu-wrap {
    position: relative;
    margin-right: -4px;
  }
  
  .ProseMirror-menu-submenu-label:after {
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid currentColor;
    opacity: 0.6;
    position: absolute;
    right: 4px;
    top: calc(50% - 4px);
  }
  
  .ProseMirror-menu-submenu {
    display: none;
    min-width: 4em;
    left: 100%;
    top: -3px;
  }
  
  .ProseMirror-menu-active {
    background: #eee;
    border-radius: 4px;
  }
  
  .ProseMirror-menu-disabled {
    opacity: 0.3;
  }
  
  .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,
  .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
    display: block;
  }
  
  .ProseMirror-menubar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    position: relative;
    min-height: 1em;
    color: #666;
    padding: 1px 6px;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid silver;
    background: white;
    z-index: 10;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
  }
  
  .ProseMirror-icon {
    display: inline-block;
    line-height: 0.8;
    vertical-align: -2px;
    /* Compensate for padding */
    padding: 2px 8px;
    cursor: pointer;
  }
  
  .ProseMirror-menu-disabled.ProseMirror-icon {
    cursor: default;
  }
  
  .ProseMirror-icon svg {
    fill: currentColor;
    height: 1em;
  }
  
  .ProseMirror-icon span {
    vertical-align: text-top;
  }
  
  .ProseMirror-gapcursor {
    display: none;
    pointer-events: none;
    position: absolute;
  }
  
  .ProseMirror-gapcursor:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 20px;
    border-top: 1px solid black;
    animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
  }
  
  @keyframes ProseMirror-cursor-blink {
    to {
      visibility: hidden;
    }
  }
  
  .ProseMirror-focused .ProseMirror-gapcursor {
    display: block;
  }
  
  .ProseMirror-example-setup-style hr {
    padding: 2px 10px;
    border: none;
    margin: 1em 0;
  }
  
  .ProseMirror-example-setup-style hr:after {
    content: "";
    display: block;
    height: 1px;
    background-color: silver;
    line-height: 2px;
  }
  
  .ProseMirror ul,
  .ProseMirror ol {
    padding-left: 40px;
  }
  
  .ProseMirror blockquote {
    padding-left: 1em;
    border-left: 3px solid #eee;
    margin-left: 0;
    margin-right: 0;
  }
  
  .ProseMirror-example-setup-style img {
    cursor: default;
  }
  
  .ProseMirror-prompt {
    background: white;
    padding: 5px 10px 5px 15px;
    border: 1px solid silver;
    position: fixed;
    border-radius: 3px;
    z-index: 11;
    box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
  }
  
  .ProseMirror-prompt h5 {
    margin: 0;
    font-weight: normal;
    font-size: 100%;
    color: #444;
  }
  
  .ProseMirror-prompt input[type="text"],
  .ProseMirror-prompt textarea {
    background: #eee;
    border: none;
    outline: none;
  }
  
  .ProseMirror-prompt input[type="text"] {
    padding: 0 4px;
  }
  
  .ProseMirror-prompt-close {
    position: absolute;
    left: 2px;
    top: 1px;
    color: #666;
    border: none;
    background: transparent;
    padding: 0;
  }
  
  .ProseMirror-prompt-close:after {
    content: "✕";
    font-size: 12px;
  }
  
  .ProseMirror-invalid {
    background: #ffc;
    border: 1px solid #cc7;
    border-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    min-width: 10em;
  }
  
  .ProseMirror-prompt-buttons {
    margin-top: 5px;
    display: none;
  }
  
  .editor {
    /* color: white; */
    background-clip: padding-box;
    border-radius: 4px;
    /* padding: 5px 0; */
    margin: 0 auto;
    max-height: 300px;
    position: relative;
    inset: 0;
    /* background-color: white; */
  }
  
  .overflow-y-scroll {
    overflow-y: auto;
    scrollbar-width: thin;
  }
  
  .ProseMirror_max_height {
    max-height: 400px
  }
  
  .ProseMirror_max_height-200 {
    max-height: 200px
  }
   .ProseMirror_max_height-80 {
    max-height: 80px
  }
  
  .editor-border {
    /* border: 2px solid rgba(0, 0, 0, 0.2); */
    border: 1px solid lightgray;
  }
  
  /* .ProseMirror p:first-child,
  .ProseMirror h1:first-child,
  .ProseMirror h2:first-child,
  .ProseMirror h3:first-child,
  .ProseMirror h4:first-child,
  .ProseMirror h5:first-child,
  .ProseMirror h6:first-child {
    margin-top: 10px;
  } */
  
  .ProseMirror {
    padding: 6px 8px 6px 14px;
    /* line-height: 1.2; */
    outline: none;
  }
  
  .create-macro-editor-wrapper {
    min-height: 200px;
  }
  
  .ProseMirror p {
    margin-bottom: 0px;
  }
  
  /* 
  .node-highlighter-hover p::not(.ProseMirror-selectednode) {
    transition: all 200ms ease-in-out;
    position: absolute;
    top: -1px;
    left: -2px;
    right: -2px;
    bottom: -1px;
    border: solid transparent 1px;
    border-radius: 4px;
    content: '';
    pointer-events: none;
  } */
  .node-highlighter-hover p {
    position: relative;
  }
  
  /* .node-highlighter-hover p::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -2px;
    right: -2px;
    bottom: -1px;
    border: solid transparent 1px;
    border-radius: 4px;
    transition: all 400ms ease-in-out;
    pointer-events: none;
    opacity: 0;
  } */
  
  /* .node-highlighter-hover p:hover:not(.ProseMirror-selectednode)::after {
    border-color: rgba(51, 74, 250, 0.356);
    opacity: 1;
    border-radius: 4px;
  } */
  .kudoshub-prosemirror-composer-button,
  .kudoshub-prosemirror-composer-social,
  .embercom-prosemirror-composer-html-block,
  .kudoshub-prosemirror-composer-heading,
  .td-content p {
    box-sizing: border-box;
    /* Ensure border is included in element size */
    border: 1px solid transparent;
    /* Default border to avoid shaking */
    outline: none;
  }
  
  .kudoshub-prosemirror-composer-button:hover:not(.ProseMirror-selectednode, .ProseMirror-selectednode-container),
  .image-container:hover:not(.ProseMirror-selectednode, .ProseMirror-selectednode-container),
  .kudoshub-prosemirror-composer-social:hover:not(.ProseMirror-selectednode),
  .embercom-prosemirror-composer-html-block:hover:not(.ProseMirror-selectednode),
  .kudoshub-prosemirror-composer-heading:hover:not(.ProseMirror-selectednode),
  .td-content p:hover:not(.ProseMirror-selectednode) {
    border: solid rgba(51, 74, 250, 0.356) 1px;
    border-radius: 4px;
  }
  
  .kudoshub-prosemirror-composer-spacer:hover,
  .kudoshub-prosemirror-composer-spacer.ProseMirror-selectednode {
    background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6) 8px, rgba(232, 232, 232, 0.6) 8px, rgba(232, 232, 232, 0.6) 16px);
  }
  
  .kudoshub-prosemirror-composer-divider.ProseMirror-selectednode-container,
  .ProseMirror-selectednode.ProseMirror-selectednode-container {
    outline: none !important;
  }
  
  .ProseMirror-selectednode-container {
    position: relative;
    display: block;
  }
  
  .ProseMirror-selectednode-container::after {
    content: '';
    border: 1px solid #334bfa !important;
    box-shadow: 0 0 0 3px rgba(41, 111, 250, .2);
    border-radius: 4px;
    outline: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
  }
  
  .ProseMirror img {
    max-width: 100%;
  }
  
  table.kudoshub-template-content {
    width: 100%;
  }
  .table-control-tooltip-column .tooltipbtnIcon {
    transform: rotate(-90deg);
  }
  
  /* table.kudoshub-template-content tbody tr td{
    padding-left: 0%;
    padding: unset;
  } */
  /* table.kudoshub-template-content tbody tr td img{
    width: unset;
  } */
  .pm-selectionmenu {
    background-color: #fff;
    box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
    white-space: nowrap;
    border-radius: 4px;
    background-clip: padding-box;
    padding: 4px;
    display: inline-table;
    inset: 0;
    z-index: 20000;
  
  }
  
  .pm-popover {
    background-color: #fff;
    box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
    white-space: nowrap;
    border-radius: 8px;
    background-clip: padding-box;
    padding: 4px;
    display: inline-table;
    inset: 0;
    z-index: 20000;
  
  }
  
  .kudoshub-prosemirror-composer-icon-btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    border: none;
    outline: none !important;
    border-radius: 4px;
    padding: 7px 8px 7px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    transition: box-shadow linear 40ms;
    vertical-align: bottom;
    background-color: transparent;
    background-clip: padding-box;
  }
  
  .kudoshub-prosemirror-composer-icon-btn:hover {
    background-color: #eef0fc;
  }
  
  .kudoshub-prosemirror-composer-icon-btn:not(:last-child) {
    margin-right: 8px;
  }
  
  .kudoshub-prosemirror-composer-icon-btn:hover .imgLink-tooltip {
    display: block !important;
  }
  
  .ProseMirror-menu-active {
    color: #334bfa;
    background-color: #e8f0ff;
  }
  
  .ProseMirror-menu-active svg {
    fill: #334bfa;
  }
  
  .ProseMirror-menuitem {
    margin-right: 8px;
  }
  
  .kudoshub-prosemirror-composer-editor {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    line-height: 22px;
  }
  
  .kudoshub-prosemirror-composer-editor p code {
    background-color: #d3d3d3;
  }
  
  .kudoshub-prosemirror-composer-editor pre {
    margin: 0 0 10px;
    padding: 10px;
    background-color: #f5f5f5;
    overflow: auto;
    font-family: Courier, monospace;
    font-size: 14px;
    line-height: 1.4;
  }
  
  [data-align="center"] {
    text-align: center !important;
  }
  
  .kudoshub-prosemirror-composer-editor .ProseMirror a:link,
  .ProseMirror a:visited,
  .ProseMirror a:hover,
  .ProseMirror a:active {
    color: rgb(0, 0, 238);
  }
  
  .create-conversation-editor-wrapper>p>a {
    text-decoration: underline;
  }
  
  .input-border {
    border: 1px solid lightgray;
  }
  
  .f__text {
    padding-right: 32px;
    width: 100%;
    max-width: 558px;
    appearance: none;
    -webkit-appearance: none;
    padding: 5px 11px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    flex: 1;
  }
  
  .smartlinks-input-container {
    display: flex;
    width: full;
    position: relative;
  }
  
  .smart-links-wrapper {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  .smart-links-wrapper:hover {
    background-color: rgba(227, 231, 250, 1);
    color: rgba(51, 75, 250, 1);
  }
  
  .kudoshub-icon svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px;
  }
  
  .smart-links__list-two {
    padding: 8px 16px;
    display: flex;
    align-items: center;
  }
  
  .text-blue {
    color: rgba(51, 75, 250, 1);
    fill: rgba(51, 75, 250, 1);
  }
  
  .text-gray {
    color: rgba(115, 115, 118, 1);
  }
  
  .kudoshub-prosemirror-composer-pointer {
    background-color: #fff;
    white-space: nowrap;
    border-radius: 4px;
    background-clip: padding-box;
    /* padding: 14px; */
    z-index: 10000;
  }
  
  .smart-links-info {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 8px 16px;
  }
  
  .decoration__line {
    width: 1px;
    height: 24px;
    background-color: gray;
    margin-right: 16px;
  }
  
  .kudoshub-prosemirror-composer-icon-btn,
  .kudoshub-prosemirror-composer-labelled-btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    padding: 7px 8px 7px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    transition: box-shadow linear 40ms;
    vertical-align: bottom;
    background-color: transparent;
    background-clip: padding-box;
  }
  
  .kh-popup-icon {
    padding: 1px 0;
    display: inline-block;
    vertical-align: bottom;
    line-height: 20px;
    background-color: white;
    cursor: pointer;
  }
  
  .kh-popup {
    position: absolute;
    max-width: 300px;
    padding: 1px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
    border-radius: 4px;
    background-clip: padding-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
      sans-serif;
    font-size: 14px;
    line-height: 22px;
    z-index: 3;
    padding: 12px;
    background-color: white;
  }
  
  .kh-popup-tiny {
    width: 30px;
    height: 24px;
  }
  
  .kh-popup-scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 415px;
  }
  
  .attribute-selector {
    position: "relative";
  }
  
  .kudoshub-template {
    color: #222222;
    background-color: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 4px;
    padding-right: 4px;
    line-height: 20px !important;
    border-radius: 4px;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    padding: 0 0.4em;
    cursor: auto;
    text-transform: none;
    text-align: center;
    margin: 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .prosemirror-composer-inserter-pointer-line {
    position: absolute;
    /* inset: 0px 0px auto auto; */
    border: 1px dashed gray;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1
  }
  
  .inserter-container {
    left: 0px;
    top: 0px;
    position: fixed;
    width: min-content;
    z-index: 100000;
  }
  
  .attributes-item-container {
    display: block;
    min-width: max-content;
    box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
    border-radius: 8px;
    width: 100%;
    padding: 8px;
  }
  
  .show {
    display: block;
    visibility: visible;
  }
  
  .hidden {
    visibility: hidden;
  }
  .insertion-pointer-centered-background {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: transparent;
  }
  .insertion-pointer-centered-background::after {
    content: '';
    position: absolute;
    background-color: rgba(51, 75, 250, .13);
    width: 100%;
    height: 8px;
  }
  .insertion-pointer-centered-line {
    position: relative;
    width: 100%;
    height: 2px;
    display: flex;
    align-items: center;
    background-color: transparent;
  }
  .insertion-pointer-centered-line::after {
    content: '';
    position: absolute;
    border: 1px dashed #334bfa;
    box-sizing: border-box;
    z-index: -1;
    width: 100%;
  }
  .attech-button svg {
    /* height: 20px; */
    width: 16px;
  }
  
  .attech-button-small svg {
    width: 16px;
  }
  
  .kudoshub-prosemirror-composer-editor-box-input {
    box-sizing: border-box;
    background-color: transparent;
    height: 31px;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    color: #222;
  }
  
  .prosemirror-composer-editor-readonly-text {
    color: #757575;
    padding: 2px 10px;
    font-size: 14px;
  }
  
  .embed-video-container {
    --video--width: 1296;
    --video--height: 540;
  
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
    /* 41.66666667% */
    overflow: hidden;
    max-width: 100%;
    background: black;
  }
  
  .embed-video-container iframe,
  .embed-video-container object,
  .embed-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .kudoshub-prosemirror-composer-video-inserter {
    /* padding: 4px; */
    min-width: 100%;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: border-color linear .1s;
  }

  .kudoshub-prosemirror-composer-video-inserter {
    content: '';
    border: 1px solid #334bfa !important;
    box-shadow: 0 0 0 3px rgba(41, 111, 250, .2);
    border-radius: 4px;
    outline: none;
  }
  
  .kudoshub-prosemirror-composer-video-inserter.invalid_url {
    border-color: #db0629;
  }
  
  .interface-icon.o__social,
  .interface-icon.o__standard {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 2px;
  }
  
  .interface-icon.o__social.o__by-text,
  .interface-icon.o__standard.o__by-text {
    margin-right: 3px;
  }
  
  .o__palette-red {
    fill: #db0629 !important
  }
  
  .embed-video-error-conatiner {
    display: flex;
    align-items: center;
  }
  
  #blockInserter_menu_wrapper {
    background-color: #fefefe;
    /* box-shadow: 0 4px 14px 0 rgba(0,0,0,.3); */
    white-space: nowrap;
    border-radius: 8px;
    background-clip: padding-box;
  }
  
  .custom-tooltip-container {
    position: relative;
  }
  
  .custom-tooltip {
    visibility: hidden;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: normal;
    /* Allow text to wrap within the tooltip */
    word-break: break-word;
    /* Break words that exceed the tooltip width */
    width: 300px;
    border: 1px solid rgb(235, 229, 229)
  }
  
  .custom-tooltip-container:hover .custom-tooltip {
    visibility: visible;
  }
  
  .kudoshub-prosemirror-composer-icon-btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    border-radius: 8px;
    padding: 7px 8px 7px;
    display: inline-block;
    -webkit-user-select: none;
    transition: box-shadow linear 40ms;
    background-color: transparent;
    background-clip: padding-box;
    text-decoration: none;
    box-sizing: border-box;
    vertical-align: bottom;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    border: none;
  }
  
  .attribute-btn {
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .3);
    background-clip: padding-box;
    background-color: #fefefe;
    white-space: nowrap;
    border-radius: 8px;
    z-index: 10000;
    padding: 10px;
    width: 30px;
  }
  
  .kudoshub-prosemirror-composer-editor-box .fallback-editor-info {
    background-color: #f1f1f1;
    line-height: 32px;
  }
  
  .kudoshub-prosemirror-composer-editor-box .fallback-editor {
    color: #757575;
  }
  
  /* .kudoshub-prosemirror-composer-editor-box-input{
    box-sizing: border-box;
    background-color: transparent;
    height: 31px;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
    border: 0;
    padding-left: 10px;
    padding-right: 10px;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    color: #222;
  } */
  
  .fallback-editor-label {
    font-weight: 500;
    padding-right: 12px;
  }
  
  .fallback-editor-input {
    border-left: 1px solid #f1f1f1;
  }
  
  .kudoshub-prosemirror-composer-icon-btn.selected {
    background-color: #eef0fc;
  }
  
  .create-macro-editor-wrapper .image-container {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  .image-container {
    border: 1px solid transparent;
    /* Default state without border */
    /* display: inline-block; */
    border-radius: 4px;
  }
  
  .image-container .img-small {
    filter: blur(3px);
  }
  
  .image-container img:hover {
    border: none;
    /* Ensure no border on the image itself */
  }
  
  .image-container>img {
    float: unset;
  }
  
  .image-container .kudoshub-prosemirror-upload-failed-inner,
  .video-clip-container .kudoshub-prosemirror-upload-failed-inner {
    position: absolute;
    top: 0;
    background: #fefefe;
    width: 100%;
    height: 100%;
    opacity: .7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #db0629;
    z-index: 1;
  }
  
  .kudoshub-prosemirror-upload-failed {
    position: relative;
  }
  
  .placeholder::before {
    content: var(--placeholder-text);
    color: #aaa;
    position: absolute;
  }
  
  .image-placeholder {
    border: 5px solid #f3f3f3;
    /* Light grey */
    border-top: 5px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  .interface-icon.o__standard {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
  }
  
  .ProseMirror[data-placeholder]::before {
    color: #ADADAD;
    position: absolute;
    content: attr(data-placeholder);
    pointer-events: none;
  }
  
  .kudoshub-interblocks-template.requires-fallback {
    background-color: #feedaf;
    border: 1px solid #fbc916;
    color: #423200;
  }
  
  .kudoshub-interblocks-template.requires-fallback:before {
    content: '\26A0';
  }
  
  .kudoshub-interblocks-template:before {
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    /* vertical-align: middle; */
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    content: "\2194";
    margin-right: 6px;
    margin-top: 2px;
  }
  
  .kudoshub-interblocks-template {
    color: #222222;
    background-color: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 4px;
    padding-right: 4px;
    line-height: 20px !important;
    border-radius: 4px;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    padding: 0 0.4em;
    cursor: auto;
    text-transform: none;
    text-align: center;
    margin: 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .conversation-mention {
    color: #101010;
    background-color: rgb(251, 201, 22);
    /* padding: 2px; */
    margin: 20p;
    padding: 3px 6px;
    border: 1px solid lightgray;
    border-radius: 4px;
    font-weight: 600;
  }
  
  .file-attachment-list kudoshub-block {
    background-color: #ffffff;
    box-sizing: border-box;
    transition: box-shadow linear 0.04s, border-color linear 0.2s;
    padding: 6px 8px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    width: max-content;
    margin-bottom: 8px;
  }
  
  .file-attachment-list kudoshub-block a {
    text-decoration: none;
    color: #212529;
  }
  
  .attachment-loader {
    border: 4px solid #f3f3f3;
    /* Light grey */
    border-top: 4px solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    display: inline-block;
  
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  .kudosHub-emoji-container {
    overflow-y: scroll;
    height: 250px;
    margin: 0px 10px;
    overflow-x: hidden;
  }
  
  .kudosHub-emoji-picker {
    margin: 1px 8px;
    transition: 0.2s linear;
    cursor: pointer;
  }
  
  .kudosHub-emoji-picker:hover {
    transform: scale(1.2);
  }
  
  .react-tenor {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    max-width: 480px;
  }
  
  .react-tenor--search-bar {
    position: relative;
  }
  
  .react-tenor--search {
    background-color: white;
    width: 90%;
    margin: 15px auto;
    padding-bottom: 8px;
    border: none;
    border-bottom: 1px solid rgb(238, 238, 238);
    outline: none;
    display: block;
  }
  
  .react-tenor--search::placeholder {
    color: lightgray;
  }
  
  .react-tenor--search:focus {
    box-shadow: none;
    outline: 0;
  }
  
  .react-tenor--autocomplete {
    box-sizing: border-box;
    color: #aaa;
    font-family: Arial;
    font-size: 1em;
    line-height: 1.3;
    left: 0;
    padding: 0.25em 0.5em;
    pointer-events: none;
    position: absolute;
    top: 1px;
  }
  
  .react-tenor--autocomplete span {
    visibility: hidden;
  }
  
  .react-tenor--spinner {
    animation: react-tenor-spin 1s linear infinite;
    height: 22px;
    position: absolute;
    right: 16px;
    top: 3px;
    width: 22px;
  }
  
  .react-tenor--spinner path {
    fill: #999;
  }
  
  .react-tenor--suggestions {
    overflow-x: auto;
    padding: 0.5em 0.5em;
    white-space: nowrap;
  }
  
  .react-tenor--suggestions button {
    background: #6a89af;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    padding: 3px 5px;
  }
  
  .react-tenor--suggestions button:focus {
    box-shadow: 0 0 2px 2px #6a89af;
    outline: none;
  }
  
  .react-tenor--suggestions button+button {
    margin-left: 0.5em;
  }
  
  .react-tenor--results {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  
  .react-tenor--result {
    background: #6a89af;
    background-image: repeating-linear-gradient(45deg,
        rgba(255, 255, 255, 0.1),
        rgba(255, 255, 255, 0.1) 15px,
        transparent 0,
        transparent 30px);
    border: 0;
    cursor: pointer;
    display: inline-block;
    flex-basis: 25%;
    height: 120px;
    opacity: 1;
    padding: 0;
    transition: opacity 0.3s;
    width: 120px;
  }
  
  .react-tenor--result span {
    animation: react-tenor-fade-in 0.2s;
    background-size: cover;
    display: block;
    height: 100%;
    width: 100%;
  }
  
  .react-tenor--result:focus {
    box-shadow: 0 0 2px 2px #6a89af;
    border: 1px solid #f7f7f7;
    outline: none;
    z-index: 1;
  }
  
  .react-tenor--result:hover {
    opacity: 0.5;
  }
  
  @media screen and (max-width: 480px) {
    .react-tenor--result {
      flex-basis: 33%;
    }
  }
  
  .react-tenor--page-left,
  .react-tenor--page-right {
    background: #6a89af;
    border: 0;
    cursor: pointer;
    height: 1.8em;
    position: absolute;
    top: calc(50% - 0.9em);
    opacity: 0.5;
    position: absolute;
    transition: opacity 0.2s, left 0.2s, right 0.2s;
    width: 1.8em;
    z-index: -1;
  }
  
  .react-tenor--results:hover .react-tenor--page-left,
  .react-tenor--results:hover .react-tenor--page-right {
    opacity: 1;
    z-index: 1;
  }
  
  .react-tenor--results:hover .react-tenor--page-left {
    left: -1em;
  }
  
  .react-tenor--results:hover .react-tenor--page-right {
    right: -1em;
  }
  
  .react-tenor--page-left div,
  .react-tenor--page-right div {
    background: inherit;
    height: 1.6em;
    transform: rotate(45deg);
    top: 0.1em;
    position: absolute;
    width: 1.6em;
  }
  
  .react-tenor--page-left {
    left: -0.3em;
  }
  
  .react-tenor--page-left div {
    left: -0.7em;
  }
  
  .react-tenor--page-right {
    right: -0.3em;
  }
  
  .react-tenor--page-right div {
    right: -0.7em;
  }
  
  @keyframes react-tenor-fade-in {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes react-tenor-spin {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(360deg);
    }
  }
  
  .react-tenor--suggestions {
    display: none;
  }
  
  .react-tenor--results {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow-y: scroll;
    height: 253px;
    margin: 0px 10px;
    overflow-x: hidden;
  }
  
  .react-tenor {
    background-color: white;
    border: none;
  }
  
  .react-tenor--autocomplete {
    display: none;
  }
  
  #popoverWrapper .popover {
    display: block;
    /* top: -330px; */
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    min-width: 64%;
    padding-bottom: 10px;
    width: 230px;
  }
  
  .kudosHub-emoji-search-input {
    width: 90%;
    margin: 15px auto;
    padding-bottom: 8px;
    border: none;
    border-bottom: 1px solid rgb(238, 238, 238);
    outline: none;
    display: block;
  }
  
  .kudosHub-emoji-search-input::placeholder {
    color: lightgray;
  }
  
  /* Tour css */
  .share-tour-template {
    width: 20em;
    border: 1px solid #e6e6e6;
    white-space: normal !important;
    background-color: #fff;
  }
  
  .share-tour-template-heading {
    font-size: 12px;
  }
  
  .share-tour-template-title {
    font-size: 14px;
    font-weight: 600;
  }
  
  .share-tour-template-container {
    margin: 1em;
  }
  
  .separator {
    border-top: 1.7px solid #d0c6c6;
    margin: 15px 0;
    /* Adjust spacing as needed */
  }
  
  .share-tour-template-button {
    padding: 0.6em;
    width: 100%;
    margin: 0.6em 0;
    background-color: var(--button-color, #6600ff);
    border: none;
    color: var(--button-text-color, #ffffff);
    cursor: pointer;
  }
  
  .email-editor-block-btn .attribute-btn {
    box-shadow: none;
    background-color: #6600ff;
    border-radius: 100%;
    padding: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* line-height: 15px; */
    font-size: 15px;
    color: white;
    font-weight: 600;
    margin: 0 auto !important;
  }
  
  .email-editor-block-btn+.prosemirror-composer-inserter-pointer-line {
    border: 1px dashed #334bfa;
  }
  
  .img-popover-inp {
    min-width: 100%;
  }
  
  /*email editor layouts css */
  .email-layouts {
    width: 100%;
    position: relative;
  }
  
  .email-layouts-header {
    padding: 12px;
  }
  
  .email-layouts .brd-arr {
    transform: rotate(-180deg);
    cursor: pointer;
  }
  
  .email-layout-section {
    padding: 12px;
    white-space: normal;
    width: 400px;
    height: 500px;
    overflow: auto;
  }
  
  .email-layout-section-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow linear .04s, border-color linear .2s;
    padding: 20px;
  }
  
  .email-layout-section-content:hover {
    border-color: #334bfa;
    box-shadow: 0 4px 14px 0 rgba(75, 94, 180, .1);
    cursor: pointer;
  }
  
  .email-layout-section .section-layout-image {
    width: 100%;
    display: block;
    min-width: 160px;
  }
  
  .email-layout-section .circle-layout-image {
    width: 100%;
    display: block;
    min-width: 100px;
  }
  
  .email-layout-section .section-layout-h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }
  
  .layout_table_wrapper {
    position: relative;
    cursor: pointer;
  }
  
  .danger-cover::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: #ff0101;
    opacity: 0.1;
  }
  
  .emailEditorIframe {
    width: 100%;
    border: none;
    outline: none;
    height: 1000px;
  }
  
  .table-control {
    position: absolute;
    background-color: unset;
    pointer-events: none;
  }
  
  .table-control-handle-container-row {
    left: -24px;
    top: calc(50% - 12px);
  }
  .table-control-handle-container-column {
    top: -24px;
    left: calc(50% - 12px);
  }
  .table-control-handle {
    width: 6px;
    height: 6px;
    background-color: #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
  }
  
  .table-control-handle-container-full {
    left: -24px;
    top: -24px;
  }
  
  .table-control-handle-container {
    position: absolute;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
  }
  
  .table-control-selection-box {
    display: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: solid 1px #334bfa;
    border-radius: 8px;
  }
  
  .table-control-handle-container:hover~.table-control-selection-box {
    display: block;
  }
  
  .table-control-selection-tooltip {
    padding: 4px;
    position: absolute;
  }
  
  .table-control-deletion-tooltip {
    padding: 3px 4px;
    position: relative;
    top: 28px;
  }
  
  .table-control-deletion-tooltip,
  .table-control-selection-tooltip {
    background-color: #fff;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3);
    white-space: nowrap;
    border-radius: 4px;
    background-clip: padding-box;
    z-index: 10000;
  }
  
  .table-control-selection-tooltip .table-control-selection-tooltip-btn,
  .table-control-deletion-tooltip .table-control-selection-delete-tooltip-btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    border: 0;
    border-radius: 4px;
    padding: 4px;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    transition: box-shadow linear .04s;
    vertical-align: bottom;
    background-color: transparent;
    background-clip: padding-box;
  }
  
  .table-control-deletion-tooltip .table-control-selection-delete-tooltip-btn svg {
    fill: #fff0f4;
  }
  
  .table-control-deletion-tooltip .table-control-selection-delete-tooltip-btn:hover svg {
    fill: #841531;
  }
  
  .table-control-tooltip-row {
    right: 100%;
  }
  .table-control-tooltip-column {
    top: -38px;
  }
  
  .table-control-tooltip {
    display: none;
    position: absolute;
  }
  
  .embercom-prosemirror-composer-pointer {
    background-color: #fff;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .3);
    white-space: nowrap;
    border-radius: 8px;
    background-clip: padding-box;
    padding: 4px;
    z-index: 10000;
  }
  
  .embercom-prosemirror-composer-icon-btn,
  .embercom-prosemirror-composer-labelled-btn {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    border: 0;
    border-radius: 8px;
    padding: 7px 8px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
    transition: box-shadow linear .04s;
    vertical-align: bottom;
    background-color: transparent;
    background-clip: padding-box;
  }
  
  .interface-icon.o__social:not(.o__no-margin),
  .interface-icon.o__standard:not(.o__no-margin) {
    margin-bottom: 2px;
  }
  
  .interface-icon.o__social,
  .interface-icon.o__standard {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
  }
  
  .embercom-prosemirror-composer-horizontal-divider {
    padding: 0 4px;
  }
  
  .embercom-prosemirror-composer-horizontal-divider-inner {
    height: 2px;
    width: 24px;
    background: rgba(0, 0, 0, .15);
  }
  
  .rounded-b-xl {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  
  .rounded-t-xl {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  
  .table-control-selection-insertion-row {
    width: calc(100% + 26px);
    height: 16px;
    right: 0;
    flex-direction: row;
  }
  
  .table-control-selection-insertion {
    display: none;
    box-sizing: border-box;
    align-items: center;
    position: absolute;
  }
  
  .table-control-selection-inserter-row {
    margin-right: 4px;
  }
  
  .table-control-selection-inserter {
    background-color: #eef0fc;
    color: #334bfa;
    fill: #334bfa;
    font-size: 16px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    border-radius: 50%;
  }
  
  .table-control-selection-insertion-hint-row {
    height: 2px;
  }
  
  .table-control-selection-insertion-hint {
    background-color: #334bfa;
    flex-grow: 1;
    border-radius: .5px;
  }
  
  .table-control-handle:hover,
  .table-control-handle:hover:after {
    background-color: #334bfa;
  }
  
  .table-control-handle-container:hover .table-control-tooltip {
    display: block;
  }
  .embercom-prosemirror-composer-icon-btn:hover, .embercom-prosemirror-composer-labelled-btn:hover {
    background-color: #f1f1f1;
  }
  .table-control-handle-container:hover~.table-control-selection-box-insert-above, .table-control-handle-container:hover~.table-control-selection-box-insert-below, .table-control-handle-container:hover~.table-control-selection-box-insert-left, .table-control-handle-container:hover~.table-control-selection-box-insert-right {
    display: none;
  }
  .table-control-selection-insertion-insert-above.table-start, .table-control-selection-insertion-insert-below.table-end {
    width: calc(100% + 20px);
    /* right: 6px; */
    right: 0px;
  }
  .table-control-selection-insertion-insert-below {
    display: flex;
    bottom: calc(-8px + 1px);
  }
  .table-control-selection-insertion-insert-above {
    display: flex;
    top: calc(-8px);
  }
  .table-control-selection-insertion-insert-left.table-start, .table-control-selection-insertion-insert-right.table-end {
    height: calc(100% + 20px);
    bottom: 6px;
  }
  .table-control-selection-insertion-insert-left {
    display: flex;
    left: calc(-8px);
  }
  .table-control-selection-insertion-column {
    width: 16px;
    height: calc(100% + 26px);
    bottom: 0;
    flex-direction: column;
  }
  .table-control-selection-inserter-column {
    margin-bottom: 4px;
  }
  .table-control-selection-insertion-hint-column {
    width: 2px;
  }
  .table-control-selection-insertion-insert-right {
    display: flex;
    right: calc(-8px + 1px);
  }
  .table-control-selection-inserter-column {
    transform: rotate(90deg);
  }
  .table-control-selection-box-delete {
    border-color: #db0629;
    background-color: rgba(219, 6, 41, .1);
  }
  /* end email editor layout css // */
.macros-to-show,
.show-inserter,
.teammates-list-to-show {
    border: none;
    border-radius: 8px;
    /* left: 6px; */
    position: absolute;
    /* top: -190px; */
    /* height: 200px; */
    width: 500px;
    max-height: 200px;
    overflow-y: scroll;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: white;
    z-index: 120;

}



/* .single-macro, .selected-macro-item, .selected-inserter-item {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    height: 35%;
    font-size: 15px;
    padding: auto;
} */

.macro-header,.inserter-header {
    margin: 8px 0 0 14px;
    font-weight: 400;


}

.macro-content {
    margin: 0 0 3px 14px;
    color: gray;

}

.macro-actions {
    border: .5px solid gray;
    border-radius: 4px;
    font-size: 13px;
    padding: 4px 6px 4px 6px;
    color: gray;
    display: flex;
    align-items: center;
    gap: 4px;
}
.macro-actions .action-macro-plus-svg {
    width: 14px;
    height: 14px;
    fill: gray;
}
.macro-redirection .action-macro-plus-svg {
  width: 14px;
  height: 14px;
  fill: gray;
  margin-right: 5px;
}
.new-teammates-redirection .add-new-teammates-svg {
    width: 14px;
    height: 14px;
    fill: gray;
    margin-right: 5px;
}
.selected-macro-item, .selected-inserter-item {
    /* background-color: rgba(132, 133, 236, 0.4); */
    /* color: #2196f3; */
    background-color: #f1f1f1;
}

.single-macro:hover .macro-actions {
    font-weight: 200;
    color: rgb(156, 156, 192);
}

.single-action {
    margin: 10px;
}

.redirection-btn {
    background: #f2f7fd;
    border: 1px solid #737376;
    padding: 5px 5px;
    border-radius: 5px;
    color: black;
    margin-left: 10px;
}

/* .popover {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-family: inherit;
    background-color: transparent;
} */
.popover {
    margin: 0;
}

.popover-basic {
    margin-top: 10px;
}

.popOverData {
    background-color: #ffff;
    display: flex;
    gap: 8px;
}

.popover-user-img {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.popOverData span[class~="img"] svg {
    fill: grey;
    margin-left: 2px;
}

.popOverData span[class~="img"] svg:hover,
.popOverData span[class~="img"] svg:focus {
    fill: rgb(61, 57, 57);
}

.popOverData::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: rotate(46deg);
    background: #ffff;
    bottom: -6px;
}
.popOverData.popover-questionMark::after{
    bottom:-8px;
}


.assign-tick {
    width: 16px;
    position: absolute;
    right: 12px;
    top: 10px;
    margin: 0;
}

.days-select,
.time-to,
.time-from {
    border: none;
    outline: none;
    margin: 10px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    color: rgb(33, 37, 41);
    font-size: 13px;
    font-weight: 600 !important;
    ;

}

.days-select:hover,
.days-select:focus,
.time-to:hover,
.time-to:focus,
.time-from:hover,
.time-from:focus {

    color: #0b76ce;
    border: none;
    outline: none;

}

.days-select>option,
.time-to>option,
.time-from>option {

    font-weight: 400;
    background-color: #fff;
    border: none;
    outline: none;
    color: rgb(33, 37, 41)
}

.time-selections {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    overflow-y: auto;
    max-height: 248px;
    min-width: 460px;


}

.days-time-select {
    display: flex;
    justify-content: space-evenly;
    align-items: center;


}
.team-view-office-hours-modal .form input, select {
    width: 100% !important;
    height: auto !important;
}
.delete-btn {
    background-color: #ff4560;
    border: 1px solid #ff4560;
    color: #fff !important;
}
.add-hours-btn {
    background-color: white;
    border: none;
    outline: none;
    cursor: pointer;

}

button:not(:disabled) .trashCan-svg:hover {
    fill: red;
}

.delete-btn:hover {
    background-color: #f3405b;
}

.add-hours-btn:focus,
.add-hours-btn:hover {
    border: none;
    outline: none;
    color: #0b76ce;
}

.modal-header {
    border-bottom: 0 none;
}

.view-tour-message-div {
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    border: 1px solid #d0d0d0;
    height: max-content;
    width: 235px;
    overflow: hidden;
    box-shadow: none;
    background: #fff;
    color: black;
    margin-bottom: 10px;
}

.view-tour-message-top,
.view-tour-message-footer {
    padding: 15px;
}

.view-tour-message-content {
    font-size: 13px;
}

.view-tour-message-footer {
    border-top: 1px solid #d0d0d0;

}

.view-tour-message-footer-list-item {
    display: flex;
    column-gap: 10px;
}

.view-tour-message-footer p {
    color: #1e7cc9;
}

.view-tour-message-img {
    /* border-radius: 60%;
    width: 31px;
    height: 31px;
    background: #f7f3f3; */

}

.view-tour-btn button {
    font-size: 14px;
    line-height: 21px;
    border: 1px solid rgba(34, 34, 34, .2);
    border-radius: 3px;
    padding: 5px 12px 7px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    background-color: #1e7cc9;
    /* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    transition: box-shadow linear 40ms;
    vertical-align: bottom; */
    width: 100%;
    height: 40px;
    outline: 0;
}

.spacer-component .spacer-s {
    width: 100%;
    height: 8px;
}

p.muted {
    color: #d0d0d0;
}

p.header {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.inserter-listing{
    padding-left: 3rem !important;
    margin-bottom: 1rem !important;
}
.chat-margin{
    margin-bottom: 12px!important;
    
}

.kudosHub-emoji-container {
  overflow-y: scroll;
  height: 250px;
  margin: 0px 10px;
  overflow-x: hidden;
}

.kudosHub-emoji-picker {
  margin: 1px 8px;
  transition: 0.2s linear;
  cursor: pointer;
}
.kudosHub-emoji-picker:hover{
  transform: scale(1.2);
}

.react-tenor {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  max-width: 480px;
}

.react-tenor--search-bar {
  position: relative;
}

.react-tenor--search {
  background-color: white;
  width: 90%;
  margin: 15px auto;
  padding-bottom: 8px;
  border: none;
  border-bottom: 1px solid rgb(238,238,238);
  outline: none;
  display: block;
}

.react-tenor--search::placeholder {
  color: lightgray;
}

.react-tenor--search:focus {
  box-shadow: none;
  outline: 0;
}

.react-tenor--autocomplete {
  box-sizing: border-box;
  color: #aaa;
  font-family: Arial;
  font-size: 1em;
  line-height: 1.3;
  left: 0;
  padding: 0.25em 0.5em;
  pointer-events: none;
  position: absolute;
  top: 1px;
}

.react-tenor--autocomplete span {
  visibility: hidden;
}

.react-tenor--spinner {
  animation: react-tenor-spin 1s linear infinite;
  height: 22px;
  position: absolute;
  right: 16px;
  top: 3px;
  width: 22px;
}

.react-tenor--spinner path {
  fill: #999;
}

.react-tenor--suggestions {
  overflow-x: auto;
  padding: 0.5em 0.5em;
  white-space: nowrap;
}

.react-tenor--suggestions button {
  background: #6a89af;
  border: 1px solid #f7f7f7;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  padding: 3px 5px;
}

.react-tenor--suggestions button:focus {
  box-shadow: 0 0 2px 2px #6a89af;
  outline: none;
}

.react-tenor--suggestions button + button {
  margin-left: 0.5em;
}

.react-tenor--results {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.react-tenor--result {
  background: #6a89af;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1) 15px,
    transparent 0,
    transparent 30px
  );
  border: 0;
  cursor: pointer;
  display: inline-block;
  flex-basis: 25%;
  height: 120px;
  opacity: 1;
  padding: 0;
  transition: opacity 0.3s;
  width: 120px;
}

.react-tenor--result span {
  animation: react-tenor-fade-in 0.2s;
  background-size: cover;
  display: block;
  height: 100%;
  width: 100%;
}

.react-tenor--result:focus {
  box-shadow: 0 0 2px 2px #6a89af;
  border: 1px solid #f7f7f7;
  outline: none;
  z-index: 1;
}

.react-tenor--result:hover {
  opacity: 0.5;
}

@media screen and (max-width: 480px) {
  .react-tenor--result {
    flex-basis: 33%;
  }
}

.react-tenor--page-left,
.react-tenor--page-right {
  background: #6a89af;
  border: 0;
  cursor: pointer;
  height: 1.8em;
  position: absolute;
  top: calc(50% - 0.9em);
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.2s, left 0.2s, right 0.2s;
  width: 1.8em;
  z-index: -1;
}

.react-tenor--results:hover .react-tenor--page-left,
.react-tenor--results:hover .react-tenor--page-right {
  opacity: 1;
  z-index: 1;
}

.react-tenor--results:hover .react-tenor--page-left {
  left: -1em;
}

.react-tenor--results:hover .react-tenor--page-right {
  right: -1em;
}

.react-tenor--page-left div,
.react-tenor--page-right div {
  background: inherit;
  height: 1.6em;
  transform: rotate(45deg);
  top: 0.1em;
  position: absolute;
  width: 1.6em;
}

.react-tenor--page-left {
  left: -0.3em;
}

.react-tenor--page-left div {
  left: -0.7em;
}

.react-tenor--page-right {
  right: -0.3em;
}

.react-tenor--page-right div {
  right: -0.7em;
}

@keyframes react-tenor-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes react-tenor-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.react-tenor--suggestions {
  display: none;
}

.react-tenor--results {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow-y: scroll;
  height: 253px;
  margin: 0px 10px;
  overflow-x: hidden;
}

.react-tenor {
  background-color: white;
  border: none;
}

.react-tenor--autocomplete {
  display: none;
}

#popoverWrapper .popover{
  position: unset !important;
  display: block;
  /* top: -330px; */
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  min-width: 99.9%;
  padding-bottom: 10px;
  width:230px;
  height: 340px;
  overflow: hidden;
}

#popoverWrapper {
  width: 342px;
}

.loader {
    border: 4px solid #f3f3f3; 
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    display:inline-block;
    
  }
  
  @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
  }
/* ─── Wrapper ──────────────────────────────────────────────────────────────── */

.daterangepicker {
  position: absolute;
  z-index: 3001;
  display: none;
  min-width: 200px;
  width: auto;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  overflow: hidden;
  font-family: arial;
  font-size: 1.5rem;
  line-height: 1em;
  color: inherit;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  direction: ltr;
  text-align: left;
}

/* ─── Arrow caret ──────────────────────────────────────────────────────────── */

.daterangepicker::before,
.daterangepicker::after {
  position: absolute;
  display: inline-block;
  content: '';
}

.daterangepicker::before {
  top: -7px;
  border: 7px solid transparent;
  border-bottom-color: #ccc;
  border-top: 0;
}

.daterangepicker::after {
  top: -6px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  border-top: 0;
}

/* caret position per opens direction */
.daterangepicker.opensright::before { left: 9px; }
.daterangepicker.opensright::after  { left: 10px; }

.daterangepicker.opensleft::before  { right: 9px; }
.daterangepicker.opensleft::after   { right: 10px; }

.daterangepicker.openscenter::before,
.daterangepicker.openscenter::after {
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
}

/* drop-up reverses the caret to point downward */
.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up::before {
  top: auto;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
}

.daterangepicker.drop-up::after {
  top: auto;
  bottom: -6px;
  border-top: 6px solid #fff;
  border-bottom: 0;
}

/* ─── Ranges panel ─────────────────────────────────────────────────────────── */

.daterangepicker .ranges {
  float: left;
  margin: 0;
  text-align: left;
}

.daterangepicker .ranges ul {
  list-style: none;
  width: 200px;
  margin: 0 auto;
  padding: 0.5rem;
}

.daterangepicker .ranges li {
  padding: 8px 12px;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
}

.daterangepicker .ranges li::before {
  font-family: 'FontAwesome';
  content: '\f073';
  margin-right: 8px;
}

.daterangepicker .ranges li:hover { background-color: #eee; }

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

.daterangepicker .ranges li.active::after {
  content: '✓';
  float: right;
  font-weight: bold;
}

/* ─── Calendar panels ──────────────────────────────────────────────────────── */

.daterangepicker .drp-calendar {
  display: none;
  float: left;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left  { padding: 8px 0 8px 8px; }
.daterangepicker .drp-calendar.right { padding: 8px; }

.daterangepicker.show-calendar .drp-calendar { display: block; }

/* single mode */
.daterangepicker.single .drp-calendar,
.daterangepicker.single .ranges {
  float: left;
  width: 100%;
  padding: 0.5rem;
}

.daterangepicker.single .drp-selected { display: none; }

/* ─── Calendar table ───────────────────────────────────────────────────────── */

.daterangepicker .calendar-table {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  width: 32px;
  min-width: 32px;
  height: 24px;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  display: inline-block;
  padding: 3px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  border-radius: 0;
}

.daterangepicker .calendar-table .next span { transform: rotate(-45deg); }
.daterangepicker .calendar-table .prev span { transform: rotate(135deg); }

.daterangepicker th.month { width: auto; }

/* ─── Cell states ──────────────────────────────────────────────────────────── */

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  border-radius: 0;
  color: #000;
}

.daterangepicker td.start-date          { border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date            { border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date { border-radius: 4px; }

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

/* ─── Month / year selects ─────────────────────────────────────────────────── */

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  height: auto;
  margin: 0;
  padding: 1px;
  font-size: 12px;
  cursor: default;
}

.daterangepicker select.monthselect { width: 56%; margin-right: 2%; }
.daterangepicker select.yearselect  { width: 40%; }

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  padding: 2px;
  margin: 0 auto;
  font-size: 12px;
  background: #eee;
  border: 1px solid #eee;
  outline: 0;
}

/* ─── Time picker ──────────────────────────────────────────────────────────── */

.daterangepicker .calendar-time {
  position: relative;
  margin: 4px auto 0;
  line-height: 30px;
  text-align: center;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

/* ─── Footer buttons ───────────────────────────────────────────────────────── */

.daterangepicker .drp-buttons {
  clear: both;
  display: none;
  padding: 5px;
  border-top: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}

.daterangepicker.show-calendar .drp-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.daterangepicker.auto-apply .drp-buttons { display: none; }

.daterangepicker .drp-buttons .btn {
  padding: 4px 8px;
  font-size: 12px;
  font-weight: bold;
}

.daterangepicker .cancelBtn { background-color: #ddd; }

.daterangepicker .drp-selected {
  display: inline-block;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 600;
}

/* ─── Borders when ranges are visible ─────────────────────────────────────── */

.daterangepicker.show-ranges.ltr  .drp-calendar.left  { border-left: 1px solid #ddd; }
.daterangepicker.show-ranges.rtl  .drp-calendar.right { border-right: 1px solid #ddd; }
.daterangepicker.show-ranges.single.ltr .drp-calendar.left  { border-left: 1px solid #ddd; }
.daterangepicker.show-ranges.single.rtl .drp-calendar.left  { border-right: 1px solid #ddd; }

/* ─── Responsive ───────────────────────────────────────────────────────────── */

@media (min-width: 564px) {
  .daterangepicker .drp-calendar.left {
    clear: none;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker.single .ranges ul       { width: 100%; }
  .daterangepicker.single .drp-calendar.left { clear: none; }
}

@media (min-width: 730px) {
  .daterangepicker .drp-calendar.left { clear: none !important; }
}
.report-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.report-card {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 18px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  min-height: 140px;
}

.report-card:hover {
  border-color: #000;
  transform: translateY(-2px);
}

.report-icon {
  width: 40px;
  height: 40px;
  background: #f4f4f4;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.report-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}

.report-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.4;
}
:root{
  --active:#00e71b;
}

#jack .tooltip-inner {
    padding: unset !important;
    background: unset !important;
    border-radius: unset !important;
    color: unset !important;
    min-width: unset !important;
    width: unset !important;
    z-index: unset !important;
    box-shadow: unset !important;
    max-width: unset !important;
    text-align: unset !important;
    background-color: unset !important;
    text-transform: none !important;
}
.tooltip-shape {
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 26px 49px rgba(32, 40, 77, .35);
    background-color: #fff;
    width: 294px;
    padding: 0px;
    transform: translateY(-8px);
}
#jack .tooltip-arrow {
    display: none;
}
.tooltip-content {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); */
    width: 100%;
    height: 100%;
}

.tooltip-header {
    background-color: rgb(3, 155, 229);
    width: 100%;
    min-height: 68px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 16px 16px;
}

.tooltip-header .tooltip-profile-section {
    width: 34px;
    height: 34px;
    background-color: #fff;
    /* padding: 5px; */
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tooltip-header .tooltip-profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
}

.tooltip-header .tooltip-profile-name-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: white;
    color: #212529;
    text-align: center;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.tooltip-header .tooltip-profile-section svg {
    width: 20px;
    height: 20px;
    fill: #C4C4C4;
}
.tooltip-header .user-name {
    color: #fff;
    vertical-align: super;
    font-size: 16px;
    font-weight: 600;
}

.user-status {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgb(184, 232, 255);
    position: relative;
    top: -2px;
}

.tooltip-content .tooltip-status-icon {
    background-color:var(--active);
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
    margin: 0;
    bottom: 0;
    right: 0;
}

.tooltip-body .onoffswitch {
    width: 70px
}

.tooltip-body .onoffswitch-inner:before {
    padding-left: 14px;
}

.tooltip-body .onoffswitch-switch {
    right: 40px;
}

.tooltip-border {
    border-bottom: 1px solid #f3f3f3;
    margin-top: 15px;
    width: 114%;
    margin-left: -16px;
}

/* .workspace {
    padding-top: 16px;
} */

.workspace .txt {
    font-size: 11px;
    color: gray;
}

#jack .tooltip-menu .dashboard-dropdown-item img {
    width: 14px;
    height: 14px;
}
.tooltip-footer {
    background-color: rgb(3, 155, 229);
    min-height: 50px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
}

.tooltip-footer img {
    width: 18px;
}
.workspace-popover {
    z-index: 10000;
}
.workspace-entry{
    display: flex;
    justify-content: space-between;
    cursor: pointer;

}
.workspace-entry p{
    display: flex;
    flex-direction: column;
}

.workspace-container{
    min-width: 264px;
    max-width: 320px;
    height: 100%;
    border-radius: 12px;
    background-color: rgb(255, 255, 255);
    background-color: #fff;
}

.workspace-search {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 12px 8px;
    outline: none;

}
.workspace-search input[type=search]{
    border:none;
    text-indent:10px;
    outline: none;
  }
.workspace-list{
    height: 80%;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    min-height: 250px;
    max-height: 400px;
    overflow: auto;
}
.workspace-list .dashboard-dropdown-item svg {
    width: 14px;
    height: 14px;
}
.selected-workspace{
    font-weight: 600;
}
.single-workspace{
    display:flex;
    justify-content: space-between;
    cursor:pointer;

}
.single-workspace img{
   height:25px;
 }

.single-workspace:hover{
    color:#2196f3;
}

.workspace-footer{
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 12px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.workspace-link:hover, .workspace-link:focus {
    color:#2196f3;
    text-decoration: none;
    
}


:root {
  --columnCount: 4;
}

:focus {
  outline: none;
}
button {
  cursor: pointer;
}
button:focus {
  outline: none;
}

.common-btn {
  background-color: #eee;
  border: 1px solid #eee;
  border-radius: 40px;
  padding: 7px 14px;
  outline: none;
  cursor: pointer;
  z-index: 5;
  position: relative
}

.common-btn a {
  text-decoration: none !important;
}

.common-btn:focus {
  outline: none;
}

.common-btn:hover {
  color: #2196f3;
  fill: #2196f3;
}

.common-btn img,
.common-btn svg {
  width: 15px;
  height: 15px;
  margin-right: 6px;
  vertical-align: text-top;
}

.white-bg-btn {
  background-color: #fff;
  border: 1px solid lightgray;
  color: #000;
}

.white-bg-btn:hover {
  color: #2196f3;
  border-color: #2196f3;
}

.white-bg-btn:hover svg {
  fill: #2196f3;
}

.blue-btn {
  background-color: #6600ff;
  border: 1px solid #6600ff;
  color: #fff;
  fill: #fff;
}

.blue-btn:hover,
.user-btn:hover {
  background-color: #691fd9;
  border-color: #691fd9;
  color: #fff;
  fill: #fff;
}

.user-btn {
  background-color: #2196f3;
  border: 1px solid #2196f3;
  color: #fff;
  fill: #fff;
}

.modal-delete-btn {
  background-color: #ff4560;
  border: 1px solid #ff4560;
  color: #fff !important;
}

.modal-delete-btn:hover {
  background-color: #fd3755;
}
.archive-btn {
  background-color: rgba(253, 58, 87, .08);
  color: #fd3a57;
}
.archive-btn:hover {
  background-color: rgba(253, 58, 87, .16);
  color: #fd3a57;
}
.down-icon {
  width: 11px !important;
  height: 11px !important;
  margin-left: 5px;
  margin-right: 0px !important;
  vertical-align: middle !important;
}

.plus-btn {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.plus-btn svg,
.plus-btn img {
  margin: 0px;
}

.group-btn-left-radius {
  background-color: rgb(33, 150, 243);
  color: #fff;
  border: 1px solid rgb(33, 150, 243);
  outline: none;
  padding: 8px 19px;
  border-top-left-radius: 23px;
  border-bottom-left-radius: 23px;
  cursor: pointer;
}

.group-btn-center,
.group-btn-right-radius {
  background-color: #fff;
  border: 1px solid lightgray;
  color: #000;
  outline: none;
  padding: 8px 19px;
  cursor: pointer;
}

.group-btn-right-radius {
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
}

.group-btn-left-radius:focus,
.group-btn-right-radius:focus,
.group-btn-center:focus {
  outline: none;
}

.tag-btn {
  padding: 6px 12px;
  outline: none;
  cursor: pointer;
}
.tag-btn img, .tag-btn svg {
  width: 12px !important;
  height: 12px !important;
  vertical-align: baseline !important;
  flex-shrink: 0;
}
fieldset.scheduler-border {
  border: 1px solid lightgray !important;
  box-shadow: 0px 0px 0px 0px #000;
  width: 100%;
  border-radius: 10px;
  padding: 1rem;
}

legend.scheduler-border {
  font-size: 15px !important;
  font-weight: bold !important;
  text-align: left;
  width: auto;
  border-bottom: none;
  background-color: #2196f3;
  color: #fff;
  padding: 11px;
  letter-spacing: 1px;
  border-radius: 10px;
  padding-left: 27px;
  padding-right: 27px;
  margin-left: 30px;
}

legend.scheduler-border img {
  width: 15px;
  margin-left: 5px;
}

.dashed-border {
  border-bottom: 1px solid lightgray;
  margin-top: 16px;
}

/* .middle-section-parent {
  overflow: auto;
  height: calc(100vh - 160px);
  margin-right: 10px;
  position: relative;
} */

.middle-section {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  padding-bottom: 40px;
  position: relative;
  height: -webkit-fill-available;
  height: 100%;
  /* removed this commented line to fix the scoller in outbound tour edit page.  */
  overflow: auto;
  height: calc(100vh - 40px);
  margin-right: 4px;
}

.pencil-edit {
  width: 13px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

.header-icon {
  width: 22px;
  height: 22px;
  vertical-align: baseline;
}

.header-links img {
  width: 14px;
  vertical-align: text-top;
  margin-right: 6px;
}

.header-links a {
  color: #212529;
}

.header-links a:hover {
  color: #2196f3;
}

/*According*/
.accordion-messenger-div {
  box-shadow: 0px 4px 14px 0px rgb(14 40 229 / 13%);
  border-radius: 10px;
  padding: 13px 20px;
  background-color: #fff;
  margin-bottom: 20px;
  position: relative;
  min-height: 67px;
  cursor: pointer;
}

.accordion-messenger-div:hover {
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 8%);
}

.accordion-child-1 {
  border-left: 8px solid #1fbcc6;
}
.accordion-child-1 .accordion-feature-icon svg {
  fill: #1fbcc6;
}

.accordion-child-2 {
  border-left: 8px solid #ed6090;
}

.accordion-child-2 .accordion-feature-icon svg {
  fill: #ed6090;
}
.accordion-child-3 {
  border-left: 8px solid #f9aa64;
}
.accordion-child-3 .accordion-feature-icon svg {
  fill: #f9aa64;
}
.accordion-child-4 {
  border-left: 8px solid #4799eb;
}
.accordion-child-4 .accordion-feature-icon svg {
  fill: #4799eb;
}

.accordion-child-5 {
  border-left: 8px solid #54c070;
}
.accordion-child-5 .accordion-feature-icon svg {
  fill: #54c070;
}

.accordion-child-6 {
  border-left: 8px solid #ba673a;
}
.accordion-child-6 .accordion-feature-icon svg {
  fill: #ba673a;
}

.accordion-child-7 {
  border-left: 8px solid #999a2b;
}
.accordion-child-7 .accordion-feature-icon svg {
  fill: #999a2b;
}
.accordion-child-8 {
  border-left: 8px solid #c263c1;
}
.accordion-child-8 .accordion-feature-icon svg {
  fill: #c263c1;
}

.accordion-child-9 {
  border-left: 8px solid #5e84b2;
}
.accordion-child-9 .accordion-feature-icon svg {
  fill: #5e84b2;
}

.accordion-child-10 {
  border-left: 8px solid #da5070;
}
.accordion-child-10 .accordion-feature-icon svg {
  fill: #da5070;
}

.accordion-messenger-div .accordion-child-col img {
  width: 40px;
  height: 40px;
}
.tour-everywhere-url img{
width: 0px !important;
}
.tour-everywhere-url .ProseMirror{
  padding: 0 !important;
}
.accordion-child-text {
  display: inline-block;
}

.accordion-child-text p {
  font-size: 15px;
}

.accordion-child-text-b {
  color: rgb(186 177 177);
  font-size: 12px !important;
  font-weight: 500;
  margin-top: 2px;
}

.accordion-button {
  width: 100%;
  background: #fff;
  border: none;
  outline: none;
  text-align: left;
  padding: 0;
  cursor: pointer;
  transition: 0.3s ease-out;
}

.accordion-header-section {
  display: flex;
  place-content: space-between;
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.accordion-button:focus {
  outline: none;
}

.accordion-right-arrow {
  width: 20px;
  height: auto;
  transition: 0.5s;
  transform: rotate(0deg);
  position: absolute;
  right: 32px;
  top: 22px;
}

.collapsing + .accordion-right-arrow,
.show + .accordion-right-arrow {
  transform: rotate(90deg);
}

.accordion-button:hover {
  color: #1fbcc6;
}

.child-col,
.accordion-child-col {
  display: flex;
  justify-content: left;
  align-items: center;
}

.child-col img,
.accordion-child-col img {
  margin: 0 20px 0px 0px;
}

.accordion-messenger-content {
  padding: 30px 33px;
}

/* //According*/

/*According*/
.accordion-child {
  box-shadow: 0px 4px 14px 0px rgb(14 40 229 / 13%);
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 16px;
  position: relative;
}
/* .accordion-button.collapsed .according-msg-btns {
  display: block;
}
.accordion-button .according-msg-btns {
  display: none;
} */

/* .accordion-child:hover {
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 8%);
} */
.accordion-header .accordion-button {
    /* padding: 16px; */
    min-height: 60px;
    border-radius: 10px;
    padding: 0px 10px;
  }
  .accordion-header .accordion-button:hover {
    color: #1fbcc6;
  }
  .accordion-header .accordion-button:focus {
    outline: none;
  } 
  .accordion-header .accordion-feature-icon,
  .accordion-header .accordion-feature-icon svg,
  .accordion-header .accordion-feature-icon img {
    width: 30px;
    height: 30px;
    /* fill: currentColor; */
  }
  .accordion-header .accordion-button {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 16px;
  }
  
  .accordion-title {
    display: inline-block;
    font-weight: 500;
  }
  
  .accordion-title h5 {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
  }
  
  .accordion-title input {
    font-size: 15px;
    margin: 0;
  }
  
  .accordion-title-b {
    color: rgb(186 177 177);
    font-size: 12px !important;
    font-weight: 500;
    margin-top: 2px;
  }
  
  .accordion-arrow img {
    width: 20px;
    height: auto;
    transition: 0.5s;
    transform: rotate(0deg);
  }
  
  .collapsed .accordion-arrow {
    transform: rotate(0deg);
  }
  .accordion-arrow {
    transform: rotate(90deg);
    transition: all;
    transition-duration: 300ms;
  }

  .accordion-body {
    padding: 20px 16px;
  }
  
  .accordion-body h6 {
    font-size: 14px;
  }
  
  /* //According*/

/*checkbox */

.checkboxs[type="checkbox"] {
  display: none;
}

.checkboxs[type="checkbox"] + label:before {
  content: "\2714";
  background-color: #eeeeee;
  display: inline-block;
  width: 17px;
  height: 17px;
  padding-left: 0.3em;
  padding-bottom: 0.3em;
  /* margin-right: 0.6em; */
  color: transparent;
  transition: 0.2s;
  display: flex;
  align-items: center;
  padding: 8px;
  justify-content: center;
}

.checkboxs[type="checkbox"] + label:active:before {
  transform: scale(0);
}

.checkboxs[type="checkbox"]:checked + label:before {
  background-color: #2196f3;
  border-color: #2196f3;
  color: #fff;
}

.checkboxs[type="checkbox"]:checked + label {
  display: block;
}

/* //checkbox*/

/*radio button form*/
.radio-button-form [type="radio"]:checked,
.radio-button-form [type="radio"]:not(:checked) {
  display: none;
}

.radio-button-form [type="radio"]:checked + label,
.radio-button-form [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 22px;
  display: inline-block;
  color: #666;
}

.radio-button-form [type="radio"]:checked + label:before,
.radio-button-form [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid rgb(200, 200, 200);
  border-radius: 100%;
  background: #fff;
}

.radio-button-form [type="radio"]:checked + label:after,
.radio-button-form [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #2196f3;
  position: absolute;
  top: 6.2px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.radio-button-form [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.radio-button-form [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*//radio button form*/
/*user detail table*/
.user-details-table {
  overflow: auto;
  height: 85%;
}

.user-details-table table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}

.article-child tr:nth-child(1) {
    margin-top: 30px;
}

table.tableBodyScroll tbody {
  display: block;
  height: calc(100vh - 308px);
  overflow-y: auto;
}

table.tableBodyScroll thead,
table.tableBodyScroll tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.user-details-table table td {
  /* height: 60px; */
  height: 50px;
}

.all-user-img {
  background-color: #f8f8f8;
  border-radius: 50%;
  border: 2px solid #808080;
  width: 30px !important;
  height: 30px !important;
  vertical-align: middle !important;
  position: absolute;
  object-fit: cover;
  object-position: center center;
  }

.table-user-img {
  background-color: #f8f8f8;
  border-radius: 50%;
  border: 2px solid #808080;
  width: 30px !important;
  height: 30px;
  vertical-align: middle !important;
  object-fit: cover;
  object-position: center center;
}

@layer main {
.nameCircle {
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  background: #6600ff;
  border: 2px solid #6600ff;
  color: white !important;
  text-align: center;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 5px;
  text-transform: uppercase;
  object-fit: cover;
  object-position: center center;
}
}

.chatIcon {
  border-radius: 4px;
  padding: 6px;
  width: 33px !important;
  height: 33px !important;
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  border: 1px solid transparent;
}

.chatIcon:hover {
  border: 1px solid #2196f3;
}

.table tr:hover .all-user-img 
{
  display: none;
}

.table tr:hover .user-detail-activeBot,
.table tr:hover .user-detail-awayBot
{
  display: none;
}

.table tr:hover .table-checkbox-label {
  display: flex;
}

.table tbody .table-checkbox-label {
  display: none;
  margin: 0;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  position: absolute;
  /* position: absolute;
  left: 26px;
  top: 50%;
  margin: auto;
  transform: translate(-50%, -50%); */
}
.table .checkboxs[type="checkbox"]:checked + .table-checkbox-label {
  display: flex;
}

.table tbody .table-text {
  word-break: break-word;
}

.table .table-text:hover {
  color: #2196f3;
  cursor: pointer;
}

.checkbox-checked .all-user-img 
{
  display: none;
}
.checkbox-checked .user-detail-activeBot,
.checkbox-checked .user-detail-awayBot
{
  display: none;
}

.checkbox-checked .table tbody label {
  display: flex;
}
.table tbody label {
  margin: 0;
}

.user-details-table .unknown {
  color: gray;
}

.user-detail-activeBot,
.user-detail-awayBot {
  height: 8px;
  width: 8px;
  background-color: #1bb157;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translate(-52%, 30%);
}


.mailId {
  margin-left: 40px;
}

.user-detail-awayBot {
  background-color: #ccda16;
}

.empty-status {
  border-bottom: 1.5px solid #9d9c9c;
  width: 30px;
}

/*single user detail tooltip css*/
.tooltip-wrapper:hover .tooltip-delay.message-detail-tooltip {
  transition-delay: 1s;
}

.tooltip-container:hover .tooltip-delay.center-tooltip {
  transition-delay: 1s;
}

.user-profile-image {
  display: inline-block;
  margin-top: 5px;
}

.user-profile-image .all-user-img {
  position: relative;
  text-align: left;
  margin: 0;
  left: 0;
  display: inline-block;
  width: 51px !important;
  height: 51px;
  padding: 11px;
  transform: translate(0);
}

.user-information {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}

.user-information span {
  font-size: 13px;
  color: gray;
}

.user-information span:hover,
.user-information p:hover {
  color: #2196f3;
  cursor: pointer;
}

.user-information span img {
  margin: 0;
  margin-top: 2px;
}

.single-user-detail {
  border-top: 1px solid lightgray;
  border-right: none;
  border-left: none;
  border-bottom: none;
  margin-top: 10px;
  padding: 10px 0px;
  display: flex;
}

.single-user-detail .contact-detail {
  margin-right: 24px;
  color: gray;
  cursor: pointer;
}

.single-user-detail .contact-detail p {
  margin-bottom: 4px;
}

.single-user-detail .contact-detail span {
  font-size: 13px;
}

.single-user-detail .contact-detail span:hover {
  color: #2196f3;
}

.user-information img,
.single-user-detail img {
  width: 18px;
  vertical-align: sub;
  margin-right: 8px;
}

/*single user detail tooltip css end*/
/* /user detail table*/

/*message table start*/

.table {
  font-size: 13px !important;
}

.data-table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.data-table tbody {
  display: block;
  max-height: 500px;
  overflow-y: auto;
}

.data-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.message-table .table {
  width: 1400px;
}

.message-table {
  overflow: auto;
}

.table thead th {
  color: gray;
  font-weight: 500;
  text-wrap: nowrap;
}

.table thead th,
.table td {
  border: none;
  /* padding-left: 52px; */
  /* height: 45px; */
  vertical-align: inherit;
  position: relative;
  word-wrap: break-word
  /* text-wrap: nowrap; */
}

.table tbody img {
  width: 18px;
  vertical-align: sub;
  margin-right: 8px;
}

.message-table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}

.message-table tbody tr:nth-child(even) {
  height: 66px;
}

.user-icon {
  background-color: #f8f8f8;
  border-radius: 50%;
  border: 2px solid #808080;
  width: 30px !important;
  height: 30px;
  vertical-align: middle !important;
  object-fit: cover;
  object-position: center center;
}

.msg-icon {
  background-color: #f8f8f8;
  border-radius: 50%;
  border: 2px solid #808080;
  width: 25px;
  height: 25px;
  object-fit: cover;
  object-position: center center;
  margin: 0px 2px;
}

.msg-icon-text {
  object-fit: cover;
  object-position: center center;
  margin: 0px 2px;
  border-radius: 50%;
  width: 25px !important;
  height: 25px !important;
  background: #6600ff;
  border: 2px solid #6600ff;
  color: white;
  text-align: center;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-transform: uppercase;
}

.message-table {
  margin-top: 30px;
}

.message-table .checkboxs[type="checkbox"] + label {
  vertical-align: bottom;
  position: absolute;
  left: 14px;
}

/*message table end*/

/*onoff switch*/
.onoffswitch {
  position: relative;
  width: 74px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
  margin-bottom: 0px;
}

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: white;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 17px;
  background-color: #2196f3;
  color: #ffffff;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 12px;
  background-color: #cccccc;
  color: #fff;
  text-align: right;
}

.onoffswitch-switch {
  width: 26px;
  margin: 2px;
  background: #ffffff;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 44px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/*//onoff switch*/
.header-section {
  width: 100%;
}

/*bubblesRight-section*/
.Chat-bubblesRight-section {
  float: right;
  margin-right: 12%;
}

.Chat-bubbles-right-first {
  height: auto;
  background-color: #5800dc;
  color: #fff;
  float: right;
  min-width: 50px;
  margin: 26px 0px 4px 0px;
  display: inline-block;
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
  line-height: 1.5em;
  color: white;
  letter-spacing: 1px;
  border-radius: 19px;
  max-width: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
}

.Chat-bubbles-right {
  height: auto;
  background-color: #5800dc;
  color: #fff;
  float: right;
  min-width: 50px;
  margin: 26px 0px 4px 0px;
  display: inline-block;
  position: relative;
  padding-left: 17px;
  padding-right: 17px;
  line-height: 1.5em;
  color: white;
  padding-top: 9px;
  padding-bottom: 9px;
  letter-spacing: 1px;
  border-radius: 50px;
  max-width: 100%;
}

.Chat-bubble-b {
  margin-top: 0px !important;
}

.Chat-bubbles-right-after:after {
  content: " ";
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: #5800dc transparent transparent transparent;
  z-index: -1;
  position: absolute;
  right: -13px;
  top: 0;
}

.Chat-chat-bot-icon img {
  width: 40px;
  border-radius: 50%;
  position: absolute;
  right: -52px;
  top: -6px;
}

.Chat-send-time {
  place-self: flex-start;
  margin-left: 21px;
  font-size: 12px;
}

.Chat-send-checkmark {
  display: inline-block;
  margin-left: 2px;
}

.Chat-send-checkmark:after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  border: solid #635858;
  border-width: 0 2px 2px 0;
  transform: rotate(35deg);
}

/*bubblesRight-section end*/

/*bubblesLeft-section*/

.Chat-bubblesLeft-section {
  float: left;
  margin-left: 12%;
}

.Chat-bubbles-left {
  height: auto;
  background-color: #f2f2f2;
  color: #fff;
  float: left;
  min-width: 50px;
  margin: 26px 0px 4px 0px;
  display: inline-block;
  position: relative;
  padding-left: 17px;
  padding-right: 17px;
  line-height: 1.5em;
  color: #000;
  padding-top: 9px;
  padding-bottom: 9px;
  letter-spacing: 1px;
  border-radius: 50px;
  max-width: 100%;
}

.Chat-bubbles-left-after:after {
  content: " ";
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: #f2f2f2 transparent transparent transparent;
  z-index: -1;
  position: absolute;
  left: -13px;
  top: 0;
}

.Chat-bubbles-left-after {
  padding-left: 47px;
}

.Chat-receive-time {
  place-self: flex-start;
  font-size: 12px;
  margin-left: 21px;
}

.Chat-receive-checkmark {
  display: inline-block;
  margin-right: 2px;
}

.Chat-receive-checkmark:after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  border: solid #41d95e;
  border-width: 0 2px 2px 0;
  transform: rotate(35deg);
}

.Chat-left-img img {
  width: 40px;
  border-radius: 50%;
  position: absolute;
  left: -49px;
  top: -6px;
}

.Chat-attach {
  width: 22px;
  margin-left: 23px;
}

/*bubblesLeft-section end*/

/*live chat modal start*/
.live-chat-modal.fade .modal-dialog {
  transform: translate(0, 3%);
}

.modal.show .modal-dialog {
  transform: translate(0, 0) !important;
}

.live-chat-modal .modal-lg {
  max-width: 1000px;
}

.live-chat-modal .modal-content {
  border-radius: 10px;
  border: none;
  border-top: 9px solid #e5e5e5;
}

.live-chat-modal .modal-header {
  /* padding: 16px 30px; */
  padding: 16px 24px 0px 24px;
}

.live-chat-modal .modal-header .close {
  position: absolute;
  right: -14px;
  top: -30px;
  color: #fff;
  opacity: 1;
  font-size: 28px;
  outline: none;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
}

.live-chat-modal .modal-header .close:hover {
  color: red;
}

.live-chat-modal .modal-body {
  padding: 24px;
}

.live-chat-modal .modal-footer {
  padding: 16px 24px;
  display: block;
}

.modal-backdrop-custom {
  z-index: 9999;
}
.confirm-modal {
  z-index: 10000;
}
/*live chat modal end*/

/* dropdown start */
/* dropdown[class~="dashboard-dropdown-menu"] {
  box-shadow: 0px 9px 22px 0px rgb(102 0 255 / 24%);
  border: none;
  outline: none;
  border-radius: 6px;
  transform: unset !important;
  letter-spacing: 0.1px;
  background-color: #fff;
  margin-top: 44px;
  max-height: 400px;
  min-width: auto;
  overflow-y: auto;
  top: -20px;
  left: 13px;
} */
.dashboard-dropdown-menu {
  box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
  border: none;
  outline: none;
  border-radius: 8px;
  background-color: #fff;
  max-height: 400px;
  /* min-width: max-content !important; removed for fixing width of custom times inside schedule messages */
  overflow-y: auto;
  padding: 8px !important;
}

.dashboard-dropdown-menu.dropdown-menu-content-delete {
  transform: translate3d(26.8px, -2px, 0px) !important;
}

/* .dropdown-toggle:hover, .dropdown-toggle:focus {
  border-color: #2196f3;
  color: #2196f3;
} */
.dropdown-toggle::after, .dropup .dropdown-toggle::after {
  margin-left: 8px;
  content: "";
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: middle !important;
}
.dropup .dropdown-toggle::after {
  border-bottom: none;
}

.dashboard-dropdown-header{
  display: flex;
  align-items: center;
  font-size: 13px;
  padding: 8px 16px;
  min-height: 35px;
  cursor: pointer;
  position: relative;
  white-space: normal;
  border-radius: 8px;
  font-weight: 500;
  gap: 8px;
}

.dashboard-dropdown-item {
  display: flex;
  align-items: center;
  font-size: 13px;
  padding: 8px 16px;
  min-height: 35px;
  cursor: pointer;
  position: relative;
  white-space: normal;
  border-radius: 8px;
  font-weight: 500;
  gap: 8px;
}

.dashboard-dropdown-item:hover {
  background-color: #f1f1f1;
}

.dashboard-dropdown-item.active {
  background-color: #f1f1f1 !important;
  color: #212529;
}

/* .dashboard-dropdown-item:hover img {
  filter: brightness(900%);
} */

.dashboard-dropdown-item.item-selected {
  color: #2196f3;
}

.dashboard-dropdown-item img,
.dashboard-dropdown-item svg {
  width: 16px;
  height: 16px;
  /* margin-right: 8px; */
  padding: 0px;
  fill: #000;
  flex-shrink: 0;
}

.dashboard-dropdown-item .tick-svg {
  width: 14px;
  height: 14px;
  margin: 0px 0px 0px 16px;
}

.dashboard-dropdown-item span {
  margin: 0px !important;
}

/* dropdown end */

/* Video Player */
.player-wrapper {
  position: relative;
  padding-top: 56.25%;
  /* Player ratio: 100 / (1280 / 720) */
}

.react-player {
  position: absolute;
  top: 0;
  left: 0;
}

/* Video Player */

/*kudoshub tooltip start */
.sidebar-tooltip {
  margin-left: 8px;
}

.sidebar-tooltip .tooltip-inner {
  font-size: 14px !important;
  font-weight: 600;
  text-transform: capitalize;
}

.kudoshub-tooltip .tooltip-inner {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 6%);
  border: 0px solid #ccc;
  color: #000;
  font-size: 13px;
  outline: none;
  padding: 8px 12px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 0 auto;
  max-width: 500px;
  width: max-content;
  text-align: left;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

.tooltip.show {
  opacity: 1 !important;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .tooltip-arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* top */
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #fff;
}

/* right */
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  right: 6px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #fff;
}

/* bottom */
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: 0;
}

.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #fff;
}

/* left */
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  left: 6px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #fff;
}

/*kudoshub tooltip end */

.bigImageActive {
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(2);
}

.normalImageActive {
  transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
  transform: scale(1);
}

/* loader start */
.loader-div {
  width: 24px;
  height: 24px;
}

.svgLoader {
  width: 24px;
  height: 24px;
  animation-name: rotate;
  animation-duration: 550ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  8.3% {
    transform: rotate(30deg);
  }

  16.7% {
    transform: rotate(60deg);
  }

  25% {
    transform: rotate(90deg);
  }

  33.3% {
    transform: rotate(120deg);
  }

  41.7% {
    transform: rotate(150deg);
  }

  50% {
    transform: rotate(180deg);
  }

  58.3% {
    transform: rotate(210deg);
  }

  66.7% {
    transform: rotate(240deg);
  }

  75% {
    transform: rotate(270deg);
  }

  83.3% {
    transform: rotate(300deg);
  }

  91.7% {
    transform: rotate(330deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* loader end */

/* input, select  */
input:focus,
select:focus,
textarea:focus {
  border-color: #2196f3 !important;
}

.form-control {
  font-size: 13px;
  min-height: 36px;
  border-color: lightgray;
  border-radius: 0.5rem !important;
}

.form-control:hover {
  border-color: #2196f3;
}
.form-control:focus-within {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
  border-color: #2196f3 !important;
}

.form-control-min {
  min-height: 30px;
}
/*  */

/* remove button  */

.removeable:hover .removeIcon {
  display: block;
}
.p-inline-b{
  display: inline-block;
}
.removeIcon {
  display: none;
  right: 4px;
  top: 7px;
  width: 27px;
  height: 23px;
  background-color: #eee;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.removeIcon:before,
.removeIcon:after {
  position: absolute;
  left: 12px;
  content: " ";
  height: 12px;
  width: 2px;
  background-color: #2196f3;
}
.theme-bg-color.removeIcon::before, .theme-bg-color.removeIcon::after { 
  background-color: white;
}
.removeIcon:before {
  transform: rotate(45deg);
}

.removeIcon:after {
  transform: rotate(-45deg);
}

.d-block pre {
  font-size: 1em;
  margin: 0 0 1.3em;
  line-height: 1;
  white-space: pre-wrap;
  padding: 0;
  background-color: #d3d3d3;
}

[data-align="left"] {
  text-align: left !important;
}

[data-align="center"] {
  text-align: center !important;
}

/* [data-type=button]{
  caret-color: white;
} */
kudoshub-block {
  display: block !important;
  cursor: pointer;
}

[data-type="button"][data-align="left"] {
  margin-left: 15.27%;
}

a.kudoshub-button-h2 {
  display: inline-block;
  font-weight: 700;
  color: #fff !important;
  background-color: #0071b2;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px 40px;
  font-size: 14px;
  text-decoration: none;
  outline-style: solid !important;
  outline-width: 1px !important;
  outline-offset: 2px;
}

.block-is-current > a {
  outline-color: #b6c5ce;
}

.option-icon svg {
  width: 20px;
  height: 17px;
}

.block-image {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 5px;
  outline-style: solid !important;
  outline-color: #b6c5ce;
  outline-width: 1px !important;
  outline-offset: 2px;
  margin: 9px 0px;
}

.block-is-current > a::selection {
  background-color: #0071b2;
  color: #fff;
}

span > img::selection {
  background-color: transparent;
}

/* span > img:focus{
  outline-color: #051c2b!important;
  outline-style: solid!important;
  outline-width: 1px!important;
  outline-offset: 2px;
} */
insert {
  display: block;
  position: relative;
  height: 0;
}

/* [data-type="video"] span {
  pointer-events: none;
} */

kudoshub-block .block-iframe {
  width: -webkit-fill-available;
  outline: 2px solid transparent;
}

.block-is-current .block-iframe {
  outline-style: solid !important;
  outline-width: 1px !important;
  outline-offset: 2px;
}

.block-is-current img {
  outline: 2px solid #8cf;
}
.kudoshub-editor-container .block-is-current img {
  outline: 2px solid #8cf;
}

hr.dashed {
  border-top: 3px dashed #bbb;
}

.divider-after:after {
  /* position: absolute; */
  top: 50%;
  width: 100%;
  display: block;
  height: 0;
  border-top: red 1px dashed;
  content: "";
  pointer-events: none;
}

.divider-before:before {
  /* position: absolute; */
  top: 50%;
  width: 100%;
  display: block;
  height: 0;
  border-top: red 1px dashed;
  content: "";
  pointer-events: none;
}

inserter-point {
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  cursor: copy;
  left: 0;
}

pre.code {
  margin: 0 0 10px;
  padding: 10px;
  background-color: #f5f5f5;
  overflow: auto;
}

kudoshub-block .block-video-file-player {
  /* position: absolute;
  top: 0;
  object-fit: cover;
  height: 100%;
  width: 100%; */
  width: -webkit-fill-available;
  border-radius: 5px;
  display: block;
  outline-color: #b6c5ce;
  outline-width: 1px !important;
  outline-style: solid !important;
  outline-offset: 1px;
  /* for firefox */
  width: -moz-available;
}

.video-uploading {
  outline-color: #b6c5ce;
  outline-width: 1px !important;
  outline-style: solid !important;
  outline-offset: 1px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: large;
  border-radius: 5px;
}

kudoshub-block {
  position: relative;
}

.video-text {
  position: absolute;
  bottom: 10px;
  color: #fff;
  left: 10px;
}

.video-control {
  display: block;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  border: none;
  outline: none;
  background: #3e37377a;
}

.video-control:focus {
  outline: none;
}

.setOfficeHours-modal-body-div {
  display: flex;
  gap: 14px;
  /* margin: 10px 0; */
}

.setOfficeHours-modal-body-span {
  gap: 3px;
}

.setOfficeHours-modal-body-div,
.setOfficeHours-modal-body-span > span {
  background-color: #ececf1;
  fill: #737376;
  color: #737376;
  border-radius: 4px;
  padding: 6px;
  font-weight: 900;
  font-size: 12px;
}

.mention-span {
  background-color: goldenrod;
  cursor: pointer;
  border-radius: 3px;
  border-radius: 3px;
  font-size: 13px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: box-shadow 0.3s ease-out;
  margin: 5px 0 5px 8px;
}

.mention-block {
  background-color: #fbc916;
  border-radius: 4px;
  padding: 1px 6px 2px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  text-decoration: none;
  display: inline-block;
}

/* .tour-table-title {
  width: 500px;
  font-size: 16px;
  font-weight: 500;
} */

.tour-table-state {
  width: 90px;
}

.tour-table-sender {
  width: 200px;
}

.tour-table-usage {
  width: 240px;
}

.tour-table-views {
  width: 120px;
}

.tour-table-people {
  width: 110px;
}

.tour-table-createdAt {
  width: 150px;
}

.stats-container {
  margin-top: 17px;
}

.stats-datePicker {
  display: flex;
  justify-content: space-between;
}

#date-range-picker {
  border-radius: 15px;
  background: #fff;
  cursor: pointer;
  padding: 7px 14px;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.header-above-stats-table {
  margin: 25px 0;
  display: flex;
  align-items: center;
}

.tag-filter-container {
  margin-left: 10px;
}

.productTour-stats-table {
  display: flex;
  flex-direction: column;
  row-gap: 0.6rem;
  font-size: 14px;
  padding-bottom: 20px;
}

.tour-stats-table-headers {
  display: grid;
  grid-template-columns: 8fr repeat(var(--columnCount), 4fr);
  text-align: center;
  padding: 15px, 0;
  font-size: 15px;
  color: gray;
  margin-left: 10px;
  border-bottom: 1.7px solid rgb(163, 160, 160);
  font-weight: 500;
}

.tour-stats-table-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.tour-stats-table-content-row {
  /* display: flex;
    justify-content: space-around;
    align-content: space-around;
    padding:1.3rem;
    border-radius:5px; */
  display: grid;
  grid-template-columns: 8fr repeat(var(--columnCount), 4fr);
  text-align: center;
  padding: 15px, 0;
  margin-left: 10px;
  border-bottom: 0.5px solid rgb(163, 160, 160);
}

.stats-table-column {
  /* width:35%; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 10px;
}

.name-tags-container {
  display: flex;
  flex-direction: column;
}

.name-tags-container > a {
  color: #212529;
}

.name-tags-container:hover > a {
  color: #2196f3;
}

.tags-for-tour-chats {
  display: flex;
  color: #737376;
}

.tags-remove-btn,
.recepients-remove-btn {
  border: none !important;
  outline: none !important;
  background: content-box;
  background-color: transparent !important;
  cursor: pointer !important;
}

.tags-remove-btn:active,
.tags-remove-btn:focus,
.recepients-remove-btn:active,
.recepients-remove-btn:focus {
  border: none !important;
  outline: none !important;
}

.selected-tag {
  background-color: #1975bf;
  color: white;
}

.highlighted-list-item,
.highlighted-list-item.dropdown-item:hover,
.highlighted-list-item.dropdown-item:focus {
  background-color: #dde2e7;
}

.tag {
  background-color: #eee;
  border: 1px solid lightgray;
  border-radius: 5px;
  cursor: pointer;
}

.tag input {
  cursor: pointer;
  font-size: 12px;
  padding: 0px 6px;
}

.compose-convo-card-container {
  position: relative;
  border-bottom: 1px solid #f6efef;
  height: 120px;
  cursor: pointer;
}

.compose-convo-card-container.selected,
.compose-convo-card-container:hover {
  background-color: #f2f7fd;
}

.compose-convo-card-container.selected::before {
  content: "";
  border-left: 4px solid #eb4995;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}

.compose-convo-card-container:hover .selected-recepients,
.compose-convo-card-container:hover .selected-recepients,
.selected-name {
  color: #2196f3;
}

.selected-name {
  align-self: center;
}

.compose-convoList-convoCard-profile {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #f9b304;
  display: flex;
  justify-content: center;
  border: none;
  color: #fff;
  align-items: center;
}

.compose-convoList-convoCard-profile.details-header {
  width: 35px;
  height: 35px;
}

.compose-convoList-convoCard-profile-icon svg {
  height: 30px;
  width: 30px;
}

.convo-compose-details-labels {
  color: lightgray;
  font-size: 14px;
  font-weight: bold;
}

.convo-compose-details-assigneeDetails-dropdown,
.convo-compose-details-senderDetails-dropdown {
  cursor: pointer;
}

.convo-compose-details-dropdown-toggler.dropdown-toggle::after {
  display: none;
}

.curated-dropdowndata.dropdown-menu {
  top: 120px !important;
  left: 30px !important;
  height: 325px !important;
  width: 250px !important;
  overflow-y: scroll !important;
}

.curated-dropdowndata.dropdown-menu .dropdown-item {
  padding: 2.5%;
}

.convo-compose-details-receiver {
  display: flex;
  align-items: first baseline;
}

.convo-compose-details-receiverDetail {
  width: 90%;
}

.convo-compose-details-receiverDetails-recepients-container,
.convo-compose-details-subject-container {
  min-height: 34px;
  width: 100%;
}

.convo-compose-details-receiverDetails,
.convo-compose-details-receiverDetails-recepients-container {
  width: 100%;
}
.recepients-remove-btn svg {
  fill: red;
}

.avatar-icons {
  border-radius: 70%;
  width: 35px;
  height: 35px;
  /* background: #f1a107; */
  /* border: 1.7px solid #e5e3e8; */
  color: #181918;
  text-align: center;
  font: 14px Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.compose-convo-card-visitor-details-recepients-container {
  position: relative;
  /* margin-top: 5px; */
  /* height:40px; */
  /* width: 45%; */
  margin: 0 52px 0 42px;
}

.compose-convo-card-recepients-profile-icon {
  position: absolute;
}

.composing-convo-recepient-details {
  border-radius: 12px;
  -webkit-box-shadow: -1px 0px 9px -1px rgba(77, 76, 77, 0.58);
  -moz-box-shadow: -1px 0px 9px -1px rgba(77, 76, 77, 0.58);
  box-shadow: -1px 0px 9px -1px rgba(77, 76, 77, 0.58);
}

.composing-convo-right-section {
  background-color: #fff;
  height: calc(100vh - 0px);
  width: 100%;
  outline: none;
  box-shadow: -1px 0px 2px rgb(100 100 100 / 20%);
}

.composing-convo-right-section-content {
  height: calc(100% - 6px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.compose-convoList-convoCard-recepients-list {
  /* width:146px; */
  max-width: 146px;
  height: 61px;
  display: flex;
  font-size: 14px;
  /* flex-direction: column; */
  /* flex-wrap: wrap; */
  /* align-items: end; */
}

.compose-convoList-convoCard-deletebtn-container {
  position: absolute;
  height: 23px;
  width: 23px;
  right: 2px;
  top: 2px;
}

.compose-convoList-convoCard-deletebtn {
  background-color: transparent;
  border: none;
  outline: none;
}
.header-link-trash {
  border-radius: 4px;
  text-align: center;
  padding: 6px 6px;
  transition: all;
  transition-duration: 200ms;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.header-link-trash:not(:disabled):hover {
  background-color: rgb(210, 234, 242) !important;
  fill: blue;
}
.button-margin{
  margin-right: 0 !important;
}
.custom-popover{
 margin: 20px 20px 12px 28px!important;
width:115px; 

/* position:relative !important; */
/* inset:10px auto 100px 0px !important; */

}
.font-channel{
  font-size: 15px !important; 
}
.font-email{
  font-size: 12px;
}
.circle-loader{
  text-align: center;
    position: absolute;
    top: 26px;
    left: 23px;
}


/* Added css for send message inside table */
.fc .fc-timegrid-slot {
  border-bottom: 0px;
  height: 1.5rem;
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
  text-align: center;
}

.fc-timegrid-event-short .fc-event-main-frame {
  align-items: center;
  text-transform: uppercase;
}

.fc .fc-timegrid-slot-label-cushion {
  text-transform: uppercase;
}

.outbound-styling-breadcrumb {
    color: #2196f3;
    fill: #2196f3;
    cursor: pointer;
}
.outbound-styling-breadcrumb svg {
    transform: rotate(180deg);
    width: 10px;
}

.outbound-subject-editor .editor, 
.outbound-subject-editor
.ProseMirror {
  padding: 0 !important;
}

.color-section {
  padding: 6px 12px !important;
  display: flex;
  min-height: 36px;
}

.outbound-editor-section {
  background-color: #F9F9F9;
}

.mobile-size {
  min-width: 422px;
  max-width: 422px;
  height: 886px;
  position: relative;
  box-sizing: border-box;
  padding: 70px 22px 33px;
  /* overflow: hidden; */
  margin: 0 auto;
}

.mobile-size .outbound-mobile-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
}

.mobile-size .outbound-editor-section {
  border: none !important;
}

.outbound-preview-mobile-inner {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  width: 81%;
  margin-left: 10%;
}

.outbound-subject-editor {
  border: 1px solid #eeeeee;
  min-height: 30px;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.outbound-subject-editor:focus-within {
  border-color: #d3d3d3 !important;
}

.outbound-subject-editor .ProseMirror p:first-child {
  margin: 0 !important;
}

.editor {
  max-height: 100% !important;
}

button .profile-image {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #f8f8f8;
  border: 2px solid #808080;
  object-fit: cover;
  object-position: center;
}

.align-content-tab {
  padding: 4px;
  transition: all;
  transition-duration: 200ms;
  cursor: pointer;
}

.align-content-tab:hover {
  background-color: #eee;
}

.align-content-tab.align-content-active {
  background-color: #eee;
  color: #2196f3;
  fill: #2196f3;
}

.messenger-widget-iframe-icon {
    margin-top: 20px;
    width: 50px;
    height: 50px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: initial;
    background: #6600ff;
    box-sizing: content-box;
}

.outbound-dropdown-image {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  background-color: #f8f8f8;
  border: 2px solid #6600ff;
  object-fit: cover;
  object-position: center center;
  margin-right: 5px
}

.user-profile {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 50%;
}

.user-name-circle {
  border-radius: 50%;
  width: 100% !important;
  height: 100% !important;
  /* background: white; */
  /* border: 2px solid #6600ff; */
  color: #212529;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 0; */
  text-transform: uppercase;
}

.blocked-by-profile-pic {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  background-color: #f8f8f8;
  border: 2px solid #808080;
  object-fit: cover;
  object-position: center center;
}

/* For the table scroller */
.table-body {
  display: block;
  /* Set desired height */
  height: 390px;
  overflow-y: auto;
  width: 100%;
}

.table-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.feature-disabled-popover {
  min-width: 150px;
  max-width: 275px;
  --bs-popover-border-radius: 8px;
  --bs-popover-bg: #fff9e6;
  --bs-popover-border-color: #d1d5db;
  background-color: #fff9e6;
}

/* Style the default Bootstrap arrow */
.feature-disabled-popover .popover-arrow::before {
  border-bottom-color: #d1d5db !important;
}

.feature-disabled-popover .popover-arrow::after {
  border-bottom-color: #fff9e6 !important;
}

.plan-header {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.plan-subHeader {
  font-size: 14px;
  color: #808080;
  padding: 5px 0;
}

.plan-link {
  font-size: 15px;
  font-weight: 600;
  color: #6600FF;
  cursor: pointer;
  text-decoration: none;
}

.plan-link:hover {
  text-decoration: underline;
  color: #691fd9;
}

.restricted-page-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  color: #000;
}

.restricted-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

.restricted-icon {
  width: 64px;
  height: 64px;
  background: #eef0f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.restricted-title {
  font-size: 20px;
  font-weight: 600;
  color: #808088;
  margin-bottom: 12px;
}

.restricted-description {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 24px;
}

.restricted-btn {
  background: #6600FF;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 10px 18px;
  font-size: 14px;
  cursor: pointer;
}

.restricted-btn:hover {
  background: #691fd9;
}

.expired-container {
  position: relative;
  width: 100%;
  min-height: 100%;
}

.sidebar-border{
  box-shadow: -1px 0px 2px rgb(100 100 100 / 20%);
}

/* Top Banner */
.expired-banner {
  background: #fff9e6;
  border: 1px solid #ffe8a3;
  border-radius: 8px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px;
  gap: 16px;
  flex-wrap: wrap;
}

.banner-content {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

.banner-icon {
  background: rgb(251, 201, 22);
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 24px;
  flex-shrink: 0;
}

.banner-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.banner-title {
  font-weight: 600;
  font-size: 15px;
  color: #212529;
}

.banner-subtitle {
  font-size: 14px;
  color: #808080;
  line-height: 1.5;
}

.banner-link {
  color: #6600ff;
  text-decoration: none;
  font-weight: 600;
}

.banner-link:hover {
  text-decoration: underline;
  color: #691fd9;
}

.banner-btn {
  background-color: #6600ff;
  border: 1px solid #6600ff;
  color: #fff;
  fill: #fff;
  padding: 10px 24px;
  border-radius: 40px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  flex-shrink: 0;
}

.banner-btn:hover {
  background-color: #691fd9;
  border-color: #691fd9;
  color: #fff;
  fill: #fff;
}

.banner-close {
  background: transparent;
  border: none;
  color: #666;
  font-size: 28px;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

.banner-close-icon {
  height: 20px;
  width: 20px;
  fill: #999999;
  stroke: none;
  stroke-width: 1px;
  cursor: pointer;
}

.banner-close-icon:hover {
  height: 25px;
  width: 25px;
  fill: #737376;
}

/* Blocked Content */
.blocked-content {
  padding: 40px 20px;
}

.cards-row {
  display: flex;
  gap: 25px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

/* Feature Cards */
.feature-card {
  background: #e8e8e8;
  flex: 1;
  min-width: 250px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  padding: 20px 0px 10px 0px;
  border-radius: 5px;
}

.card-header {
  font-size: 16px;
  font-weight: 600;
  color: #808080;
  line-height: 1.4;
  padding: 10px 20px;
  background-color: #ccc;
}

.card-body {
  font-size: 15px;
  color: #000;
  line-height: 1.5;
  padding: 10px 20px;
}

.line {
  border: 1px solid #ccc;
  margin: 0px 10px 10px 10px;
}

.card-btn {
  background: #6600ff;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 60px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  align-self: flex-start;
  margin: 0px auto;
}

.card-btn:hover {
  background-color: #691fd9;
  border-color: #691fd9;
  color: #fff;
  fill: #fff;
}

/* Service Center Card */
.service-center-card {
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.service-header {
  display: flex;
  justify-content: start;
  align-items: center;
}

.service-icon {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #6500ff;
  margin-right: 5px;
  flex-shrink: 0;
}

.service-header-icon {
  height: 15px;
  width: 15px;
  fill: #fff;
  stroke: none;
  stroke-width: 1px;
}

.service-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.service-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.service-header-line {
  border: 1px solid #ccc;
  margin: 5px 0px;
}

.service-text {
  font-size: 15px;
  color: #4a4a4a;
  line-height: 1.5;
}

.service-link {
  color: #6600ff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}

.service-link:hover {
  text-decoration: underline;
  color: #691fd9;
}

.mini-width {
  width: min-content;
}

.restricted-popover-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #000;
}

.restricted-popover-description {
  margin-top: 5px;
  color: #808080;
  font-weight: 600;
}

.alert {
  border-radius: 33px;
  width: 100%;
  padding: 25px 25px;
  color: #000;
  background-color: #2196f3;
  letter-spacing: 0.5px;
  margin-top: 30px;
  opacity: 0.95;
}
.alert .close {
  font-size: 32px;
  font-weight: 100;
  color: #fff;
  opacity: 1;
  right: 6px;
  top: 7px;
  right: 10px;
}
.alert .close:hover {
  opacity: 0.5;
}
.alert-btn-white,
.alert-btn-transparent {
  background-color: #fff;
  border: 2px solid #fff;
  color: #2196f3;
  border-radius: 23px;
  padding-right: 18px;
  padding-left: 18px;
  outline: none;
  cursor: pointer;
  height: 36px;
}
.alert-btn-transparent {
  background-color: transparent;
  color: #fff;
}
.alert-btn-white:focus,
.alert-btn-transparent:focus,
.alert:focus {
  outline: none;
}

.active-dot,
.draft-dot {
  border-radius: 50%;
  background-color: rgb(126, 203, 123);
  width: 8px;
  height: 8px;
}
.draft-dot {
  background-color: #ffa200;
}
/*aleart box end*/


/* reports Section */
.reports-middle-section {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 40px;
    position: relative;
    height: 100%;
    overflow: auto;
    height: calc(100vh - 40px);
    margin-right: 4px;
    scrollbar-width: thin;
  }

.reports-middle-section::-webkit-scrollbar {
  width: 8px;
}

.reports-middle-section::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.reports-middle-section::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.reports-middle-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Action Buttons */
.convo-action-btn {
  border-top: 2px solid #d1d5db;
  border-bottom: 2px solid #d1d5db;
  padding: 0.9rem;
  width: 100%;
  /* flex-wrap: wrap; */
  gap: 1rem;
}

.down-icon {
  margin-left: 4px;
}

/* Content Wrapper - Flex Layout */
.content-wrapper {
  display: flex;
  gap: 1.5rem;
  padding: 0;
  align-items: flex-start;
}

.left-content {
  flex: 1;
  min-width: 0; /* Important for flex overflow */
}

/* Report Time */
.report-time {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  color: #666;
  font-size: 14px;
}

fieldset.scheduler-border {
  border: 1px solid #d1d5db !important;
  padding: 0 1.5rem 1.5rem 1.5rem !important;
  margin: 0 !important;
  border-radius: 8px;
  background: white;
}

legend.scheduler-border {
  font-size: 14px !important;
  font-weight: 600 !important;
  background: #3b82f6 !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  width: auto !important;
  margin-bottom: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

legend.scheduler-border img {
  width: 16px;
  height: 16px;
}

.reports-title-input{
    font-size: 1.25rem;
    font-weight: 600;
    max-width: 500px;
    min-width: 200px;
}

.reports-description-input {
  font-size: 0.8rem;
  outline: none;
  border: none;
  transition: all 200ms ease-in-out;
  max-width: 500px;
  min-width: 350px;
  border-bottom: 2px solid #808080 !important;
  color: #808080;
}

.black-pencil-icon {
      height: 1rem;
    width: 1rem;
}

.custom-select .custom-select-options {
  color: #333 !important;
  font-size: 14px !important;
}


/* Responsive Design */
@media (max-width: 1600px) {
  .content-wrapper {
    gap: 1rem;
  }
}

@media (max-width: 1400px) {
  /* .convo-action-btn {
    flex-direction: column;
    align-items: stretch;
  } */

  .convo-action-btn > div {
    display: flex;
    /* gap: 0.5rem; */
    /* flex-wrap: wrap; */
  }

  .common-btn.ml-4 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1200px) {
  /* .content-wrapper {
    flex-direction: column;
  }

  .left-content {
    width: 100%;
  } */

  .new-conversation-middle-section {
    padding-bottom: 20px;
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  .cards-row {
    gap: 20px;
  }
  
  .feature-card {
    min-width: calc(50% - 10px);
  }
  
  .reports-middle-section {
    padding-top: 16px;
  }

  .convo-action-btn {
    padding: 0.75rem;
  }

  .common-btn {
    padding: 6px 12px;
    font-size: 13px;
  }

  .report-time {
    padding: 0.75rem 1.5rem;
    font-size: 13px;
  }

  fieldset.scheduler-border {
    padding: 0 1rem 1rem 1rem !important;
  }
}

@media (max-width: 768px) {
  .expired-banner {
    margin: 15px;
    padding: 14px 16px;
    gap: 12px;
  }

  .banner-content {
    gap: 10px;
  }

  .banner-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 20px;
  }

  .banner-title {
    font-size: 14px;
  }

  .banner-subtitle {
    font-size: 13px;
  }

  .banner-btn {
    width: 100%;
    order: 3;
    flex-basis: 100%;
  }

  .banner-close {
    position: absolute;
    right: 16px;
    top: 16px;
  }

  .blocked-content {
    padding: 30px 15px;
  }

  .cards-row {
    flex-direction: row;
    gap: 20px;
  }

  .service-center-card {
    padding: 16px;
  }

  .service-title {
    font-size: 15px;
  }

  .service-text {
    font-size: 14px;
  }

  .service-link {
    font-size: 15px;
  }
   .reports-middle-section {
    padding-top: 12px;
    margin-right: 0;
  }

  .convo-action-btn {
    padding: 0.5rem;
    gap: 0.5rem;
  }

  .convo-action-btn > div {
    /* flex-direction: column;
    width: 100%; */
  }

  .common-btn {
    width: 100%;
    justify-content: center;
  }

  .content-wrapper {
    gap: 1rem;
  }

  .report-time {
    padding: 0.5rem 1rem;
    font-size: 12px;
  }

  .report-time img {
    height: 16px !important;
    width: 16px !important;
  }

  fieldset.scheduler-border {
    padding: 0 0.75rem 0.75rem 0.75rem !important;
  }

  legend.scheduler-border {
    font-size: 12px !important;
    padding: 6px 12px !important;
  }

}

@media (max-width: 480px) {
  .expired-banner {
    margin: 10px;
    padding: 12px;
    gap: 10px;
  }

  .banner-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 18px;
  }

  .banner-title {
    font-size: 13px;
  }

  .banner-subtitle {
    font-size: 12px;
  }

  .banner-btn {
    padding: 10px 20px;
    font-size: 13px;
  }

  .blocked-content {
    padding: 20px 10px;
  }

  .feature-card {
    padding: 15px 0px 8px 0px;
  }

  .card-header {
    font-size: 15px;
    padding: 8px 15px;
  }

  .card-body {
    font-size: 14px;
    padding: 8px 15px;
  }

  .card-btn {
    font-size: 13px;
    padding: 8px 16px;
  }

  .service-center-card {
    padding: 14px;
  }

  .service-icon {
    width: 22px;
    height: 22px;
  }

  .service-header-icon {
    height: 13px;
    width: 13px;
  }

  .service-title {
    font-size: 14px;
  }

  .service-text {
    font-size: 13px;
  }

  .service-link {
    font-size: 14px;
  }
}

@media (max-width: 360px) {
  .expired-banner {
    margin: 8px;
    padding: 10px;
  }

  .banner-subtitle br {
    display: none;
  }

  .blocked-content {
    padding: 15px 8px;
  }

  .cards-row {
    gap: 15px;
  }
}
:root {
  --startColumn: 5;
  --active: #00e71b;
}



body,
button,
input,
optgroup,
select,
textarea {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  overflow-y: unset;
  color: #212529;
}

html {
  scrollbar-width: thin;
}

body {
  overflow-y: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 600;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
  font-weight: 600;
}
p {
  margin: 0;
}

/* short classes */
.font-semibold {
  font-weight: 600;
}
.lightgray-background {
  background-color: rgb(248, 248, 248);
}
.title {
  font-size: 14px;
  font-weight: 600;
}
.text-gray {
  color: gray !important;
}
.fill-gray {
  fill: gray;
}
.fill-lightgray {
  fill: lightgray;
}

.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.text-sm {
  font-size: 13px;
}

.outline-0:focus {
  outline: none;
}

.w-max-content {
  width: max-content !important;
}

.w-fill-available {
  min-width: -webkit-fill-available;
}

.h-max-content {
  max-height: max-content !important;
}

.text-lightgray {
  color: #cacaca;
}

.text-lightgray-imp {
  color: #cacaca !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-unset {
  overflow: unset !important;
}

.flex-center-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid lightgray;
  border-radius: 4px;
}

.shadow-none {
  box-shadow: none !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-12 {
  margin-top: 12px !important;
}
.ml-6px {
  margin-left: 6px;
}
.ml-38 {
  margin-left: 38px;
}
.mr-6px {
  margin-right: 6px;
}
.ml-20 {
  margin-left: 20px !important;
}
.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.display-none{
  display: none !important;
 }

.w-3 {
  width: 12px;
}

.w-4 {
  width: 16px;
}

.w-5 {
  width: 20px;
}

.w-6 {
  width: 24px;
}

.w-7 {
  width: 28px;
}

.w-8 {
  width: 32px;
}

.w-25{
  width: 25px !important;
}
.max-w-70 {
  width: 70%;
}
.max-w-75 {
  width: 75%;
}

.h-auto{
  height: auto !important;
}
.h-25{
  height: 25px !important;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.pb-80 {
  padding-bottom: 80px;
}
.rounded-sm {
  border-radius: 8px !important;
}
.rounded-md {
  border-radius: 12px;
}
.rounded-lg {
  border-radius: 16px;
}
.flex-shrink-0 {
  flex-shrink: 0;
}

/* Add Scroller for chat overview */
/* .pointer-none {
  pointer-events: none;
} */

.default-color {
  color: #212529;
}
.default-color-imp {
  color: #212529 !important;
}
.theme-bg-color {
  background-color: #6600ff;
}
.theme-bg-color-imp {
  background-color: #6600ff !important;
}
.overflow-auto {
  overflow: auto;
}
.text-decoration-none {
  text-decoration:  none !important;
}
.top-3 {
  top: 12px;
}
.items-start {
  align-items: start;
}

.gap-1 {
  gap: 4px;
}
.gap-2 {
  gap: 8px;
}
.gap-3 {
  gap: 12px;
}
.gap-4 {
  gap: 16px;
}
.gap-6 {
  gap: 24px;
}
.gap-8 {
  gap: 32px;
}
.gap-y-2 {
  row-gap: 8px;
}
.top-0 {
  top: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.inset-0 {
  inset: 0;
}
.font-family-inherit {
  font-family: inherit !important;
}
.w-auto {
  width: auto !important;
}
/*short classes end */

/*kudosHub-left-menu start*/

p,
ul,
li,
div,
nav,
span {
  padding: 0;
  margin: 0;
}

a, a:hover {
  color: #2196f3;
}

svg {
  vertical-align: middle;
}
input[type="color"]::-webkit-color-swatch {
  border: none;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.min-h-100 {
  min-height: 100% !important;
}

#menu {
  position: relative;
  background-color: #5000ff;
  width: 24%;
  z-index: 0;
}

#menu ul {
  list-style-type: none;
}

.navigation-item>ul {
  left: 23%;
  -webkit-transition: left 200ms ease-in;
  -moz-transition: left 200ms ease-in;
  -ms-transition: left 200ms ease-in;
  transition: left 200ms ease-in;
}

.navigation-item>ul {
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 72px;
  min-width: 200px;
  width: 70%;
  z-index: -1;
  -webkit-transition: left 200ms ease-in;
  -moz-transition: left 200ms ease-in;
  -ms-transition: left 200ms ease-in;
  transition: left 200ms ease-in;
}

#Lefticons {
  z-index: 2;
}

.popover {
  /* box-shadow: 0 4px 16px #ccc; */
  /* border: 1px solid  !important; */
  color: #808080 !important;
}

.navigation-item.active {
  background-color: #fff !important;
  color: #2196f3;
}

.navigation-section .active {
  border-left: 4px solid #eb4995;
}

.active object {
  filter: brightness(0%);
}

.rounded-nxt {
  border-top-right-radius: 5px;
}

.rounded-prv {
  border-bottom-right-radius: 5px;
}

.icon:hover {
  background-color: #fff;
  color: #000;
}

.navigation-item:hover object {
  filter: brightness(0%);
}

object {
  pointer-events: none;
}

.kudosHub-white-logo {
  padding: 21px 0px 30px 0px;
}

.kudosHub-white-logo::after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: rgb(252, 87, 107);
  position: absolute;
  outline: 1.6px solid #e8e8e8;
  top: 18px;
  font-weight: 600;
  right: 14px;
  top: 19px;
}

.kudosHub-white-logo img {
  width: 50px;
  cursor: pointer;
}

.navigation-section li object {
  margin: 0 auto;
}

.log-menu-item {
  bottom: 0px;
  background-color: #6600ff;
  width: 72px;
}

.user-div {
  background-color: #fff;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  margin: 0 auto !important;
  padding: 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-div .icon {
  background-color: var(--active);
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid #fff;
  margin: 0;
  bottom: 0;
  right: 16px;
}

.user-div object {
  width: 20px;
  height: 20px;
  padding: 0px;
  fill: gray;
}

.parent-tab {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.report:hover,
.parent-tab:hover a {
  color: #2196f3 !important;
}

.kudoshub-submenu-group li a {
  padding: 6px 0px 6px 10px;
}

.kudoshub-submenu-links a:hover {
  color: #2196f3 !important;
  fill: #2196f3 !important;
  font-weight: 500;
}

.kudoshub-submenu-links a {
  color: #212529;
  text-decoration: none;
}

.kudoshub-submenu-links svg {
  width: 14px;
  /* margin-right: 10px; */
}

.kudoshub-submenu-links span {
  width: 14px;
  margin-right: 10px;
  display: inline-block;
}
/*kudosHub-left-menu end*/

/*kudosHub-inbox-section start*/

.magnifying-glass {
  float: right;
}

ul.kudosHub-inbox-section {
  background-color: white;
  z-index: 0;
}

.kudosHub-inbox-section {
  width: 100%;
  float: left;
}

.kudosHub-inbox-section p {
  cursor: pointer;
}

.kudosHub-inbox-section h3 {
  font-size: 20px;
}

.magnifying-glass img {
  width: 20px;
  cursor: pointer;
}

.kudosHub-inbox-section .accordion .accordion-button,
.kudosHub-inbox-section .accordion .accordion-body {
  padding: 0px !important;
  min-height: auto !important;
  position: relative;
}

/* Icon when the collapsible content is shown */

.collapseArrow:after {
  font-family: "FontAwesome";
  content: "\f107";
  font-size: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  transition: 0.5s;
  transform: rotate(0deg);
  font-weight: 900;
  width: max-content;
  height: max-content;
  color: #2196f3;
}

.accordion-header .collapsed .collapseArrow:after {
  transition: 0.5s;
  transform: rotate(-90deg);
  color: #212529;
}

.inbox-scroller .accordion-button:hover .collapseArrow:after { 
  color: #2196f3;
}


.navigation-item-section {
  /* height: calc(100vh - 0px); */
  scrollbar-width: thin;
  overflow: auto;
  width: 100%;
}

.navigation-section {
  background-color: #fff;
  width: 72px;
  height: calc(100vh - 0px);
  outline: none;
  background-color: #6600ff;
  float: left;
  /* overflow: auto;*/
}

.navigation-section li img {
  margin: 0 auto;
}

.navigation-item {
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: center;
  transition: 0.3s ease-out;
  background-color: #6600ff;
}

.navigation-item:hover {
  background-color: #fff;
}

.navigation-item object {
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.navigation-user object {
  width: 25px;
  height: 25px;
  padding: 0px;
}

.navigation-item ul {
  text-align: initial;
}

.navigation-section>section {
  margin: 25px 4px;
  /* text-align: center; */
  overflow-y: scroll;
  padding: 0px 0px;
  height: calc(100vh - 30px);
}

.navigation-section>div {
  margin: 0px 0px;
  text-align: center;
}

.section-header {
  border-bottom: 1px solid lightgray;
  min-height: 94px;
}

.sub-section {
  background-color: #fff;
  width: 100%;
  height: calc(100vh - 0px);
  box-shadow: -1px 0px 2px rgb(100 100 100 / 20%);
  outline: none;
  overflow-x: hidden;
  overflow-y: hidden;
}

.sub-section-with-overflow {
  background-color: #fff;
  width: 100%;
  height: calc(100vh - 0px);
  box-shadow: -1px 0px 2px rgb(100 100 100 / 20%);
  outline: none;
  overflow: auto;
}

.empty-list {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.empty-list img {
  width: 60px;
  margin-bottom: 16px;
}

.conversation-list-section {
  overflow: unset !important;
}

.sub-section-inbox {
  background-color: #fff;
  width: 100%;
  height: calc(100vh - 0px);
  outline: none;
}

h3 {
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  vertical-align: super;
  color: #212529;
  text-transform: capitalize;
  margin: 0px;
  letter-spacing: 0.5px;
}

.kudoshub-conversationList-scroller {
  height: calc(100vh - 110px);
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
  width: 100%;
  scrollbar-width: thin;
}

.kudoshub-main-heading {
  height: 64px;
}

.contacts-search {
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 40px;
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 20px;
}

.contacts-search:hover {
  background-color: rgb(233, 233, 233);
}

.contacts-search:active {
  border: 1px solid #999999;
}

.kudoshub-main-heading .contacts-search-icon {
  width: 15px;
  height: 15px;
  cursor: pointer;
 
}

/*kudosHub-inbox-section end
  
  
  /*kudosHub-all-section start*/

#inbox-lavel-all {
  margin-left: 21.5%;
  z-index: 10;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#wrapper.toggled #inbox-lavel-all {
  margin-left: 0%;
}

.kudoshub-sub-heading {
  font-size: 16px !important;
}

.inbox-scroller {
  height: calc(100vh - 54px);
  overflow-y: auto;
  scrollbar-width: thin;
  padding-left: 10px;
}

.kudoshub-livechat-header-selection {
  height: 44px;
}

.select-conversation {
  display: inline-block;
}

.select-conversation button {
  min-height: 36px;
}

.select-conversation button img,
.select-conversation button svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 8px;
}
.closeConversation-tick {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}
.select-conversation span {
  margin-left: 8px;
}

.newest .dashboard-dropdown-menu,
.select-conversation .dashboard-dropdown-menu {
  width: 140px;
  min-width: 140px;
}

.kudoshub-conversation-list-card {
  border-bottom: 1px solid lightgray;
  overflow: hidden;
  cursor: pointer;
  height: 110px;
  box-sizing: content-box;
}

.kudoshub-conversation-list-card:hover {
  background-color: #f2f7fd;
  color: #2196f3;
}

.kudoshub-conversation-list-card-after-assigning {
  /*to appear just  after assigning a conversation to a teammate or team*/
  border-bottom: 1px solid lightgray;
  overflow: hidden;
  cursor: pointer;
  height: 110px;
  box-sizing: content-box;
  opacity: 0.7;
  position: absolute;
  inset: 0;
  transition: ease-in;
  background-color: #e8e8e3;
}

.kudoshub-conversation-list-card-after-assigning-content {
  width: auto;
  height: auto;
  margin: 4px auto;
  position: relative;
}

.kudoshub-conversation-list-card-after-assigning-img {
  /* background-color: red; */
  display: flex;
  justify-content: center;
}

.assigned-transfer-icon {
  width: 32%;
}

.assigned-transfer-icon img {
  width: 100%;
}

.kudoshub-conversation-list-card-after-assigning-message {
  text-align: center;
  color: #797878;
  font-size: 11px;
}


.cardActiver.active {
  background-color: #f2f7fd;
  color: #2196f3;
}

.cardActiver.active::before {
  content: '';
  border-left: 4px solid #eb4995;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}

.all-section-border1 {
  border-bottom: 1px solid lightgray;
  border-style: dashed;
  width: 115%;
  margin-left: -7.5%;
  margin-top: 14px;
  opacity: 0.2;
  margin-bottom: 26px;
}

.all-section-border2 {
  border-bottom: 1px solid lightgray;
  border-style: dashed;
  width: 115%;
  margin-left: -7.5%;
  opacity: 0.2;
  margin-top: 26px;
  margin-bottom: 26px;
}

.card-visitor-name {
  word-break: break-all;
  left: 42px;
  max-width: 40%;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}

.kudoshub-conversation-assign-image {
  left: 0;
}

.kudoshub-conversation-assign-image img {
  width: 30px;
  height: 30px;
  /* padding: 4px; */
}

.nameCircle {
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  background: #6600ff;
  border: 2px solid #6600ff;
  color: white;
  text-align: center;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-transform: uppercase;
}
.profile-image {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #f8f8f8;
  border: 2px solid #808080;
  object-fit: cover;
  object-position: center;
}

.span_nameCircle_name{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}

.nameCircle-small {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background: transparent;
  border: 2px solid #6600ff;
  color: #6600ff;
  text-align: center;
  font: 13px Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-pic-convo {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: -60px;
  bottom: 0px;
  border: 3px solid #6600FF;
  color: white;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-pic-convo img {
  width: 100%;
}

.activeBot {
  height: 10px;
  width: 10px;
  background-color: #1bb157;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: 0px;
  border: 1px solid #fff;
  z-index: 10000;
}

.close-single-conversation {
  display: none;
}

.close-single-conversation svg {
  width: 16px;
  vertical-align: sub;
}

.close-single-conversation:hover svg {
  fill: #2196f3;
}

.card-checkbox {
  display: none;
  width: 30px;
  height: 30px;
  line-height: 33px;
  left: 0;
}

.card-last-message {
  left: 0;
  color: #212529;
}

.kudoshub-conversation-createAt {
  right: 0;
  max-width: 42%;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}

.priority-icon-conversationCard {
  right: 2px;
  top: -14px;
}

.priority-icon-conversationCard svg {
  right: 2px;
  top: -14px;
  width: 16px;
  height: 16px;
  fill: #FFC107;
}

.priority-icon svg {
  width: 16px;
  height: 16px;
  fill: #FFC107;
}

/* .conversation-action-btn,
.newest-conversation-btn {
  display: none;
} */

/* .asign-conversation .assign-icon {
  width: 30px;
  height: 30px;
} */

/* .close-conversation-btn img,
.close-conversation-btn svg {
  width: 24px;
  height: 30px;
} */

/* .select-all-checkbox {
  margin-left: 18px;
} */

/*kudosHub-all-section end*/

/*kudosHub-live chat screen start*/
.kudosHub-live-chat-section {
  height: calc(100vh - 0px);
  width: 100%;
  box-shadow: -1px 0px 2px rgb(100 100 100 / 20%);
  outline: none;
  display: flex;
  flex-direction: column;
}

.kudosHub-live-chat-header {
  border-bottom: 1px solid lightgray;
  min-height: 64px;
  padding: 0 15px;
}
.compose-convo-header{
 display:block;
 border-bottom: 1px solid lightgray;
 padding: 2px 15px;
}

.allVisitors {
  color: #000;
  font-weight: 500;
  font-size: 14px;
  color: #6600FF;
}

.allVisitors:hover {
  text-decoration: underline;
  color: #5800dc;
  font-weight: 600;
}

.kudosHub-live-chat-header-heading {
  cursor: text;
  line-height: 16px;
}

.kudosHub-live-chat-header-heading h3 {
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 300px;
  overflow: hidden;
}

.visitor-identifier {
  text-transform: none;
}

.select-conversation button {
  cursor: pointer;
  border: 1px solid transparent;
  height: 36px;
}

/* .dot-menu img,
.dot-menu svg {
  width: 28px;
  height: 28px;
  padding: 4px 0px;
}
.dot-menu button:hover svg {
  fill: #2196f3;
} */

.kudosHub-live-chat-header-icons button {
  cursor: pointer;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  margin-left: 8px;
  background: transparent;
  position: relative;
  display: block;
}

.kudosHub-live-chat-header-icons button img,
.kudosHub-live-chat-header-icons button svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.kudosHub-live-chat-header-icons button:hover svg,
.kudosHub-live-chat-header-icons button:active svg
{
  fill: #2196f3;
}

.kudosHub-live-chat-header-icons .fa-spinner {
  position: absolute;
  top: 30%;
  left: 35%;
}

.kudosHub-live-chat-header-icons button:hover,
.kudosHub-live-chat-header-icons button:active,
.select-conversation button:hover {
  /* border: none; */
  outline: none;
  color: #2196f3;
  background-color: #e3e7fa;
}

.select-conversation button:hover svg {
  fill: #2196f3;
}

.snooze-dropdown {
  min-width: 220px !important;
  z-index: 6;
}

.team-person-userIcon {
  background-color: #efefef;
  width: 28px !important;
  height: 28px !important;
  padding: 6px !important;
}

.auto-dropdown-content {
  display: none;
  margin-left: -276px !important;
  padding: 10px 15px;
  min-width: 250px !important;
}

.auto-dropdown:hover .auto-dropdown-content {
  display: block;
}

.auto-dropdown-content:after {
  content: " ";
  width: 0;
  height: 0;
  border: 14px solid;
  border-color: transparent transparent transparent #fff;
  z-index: -1;
  position: absolute;
  right: -23px;
  top: 22px;
}

.live-chat-section-border {
  border-bottom: 1px solid lightgray;
  border-style: dashed;
  width: 105%;
  margin-left: -2.5%;
  opacity: 0.2;
  margin-top: 1px;
  margin-bottom: 22px;
  z-index: 999;
}

.kudosHub-chat {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  /* padding-bottom: 10px; */
}

/*bubbles-right-section*/
.message-animate {
  animation: bubblAnimation 200ms linear;
  transform: translateY(0px);
  animation-iteration-count: 1;
}

@keyframes bubblAnimation {
  0% {
    transform: translate(0px, 10px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

.kudosHub-message-right {
  margin-top: 16px;
  margin-bottom: 16px;
}

.kudosHub-message-group {
  top: -16px;
  margin-top: 4px;
}

.bubbles-right-section {
  float: right;
  margin-right: 70px;
  margin-left: 70px;
  position: relative;
}

.rightsideChatBubble .bubbles-right p {
  word-break: break-word;
  color: #000;
}

.kudosHub-message-right:hover .right-bubble-option,
.kudosHub-message-group:hover .right-bubble-option,
.kudosHub-message-left:hover .left-bubble-option,
.kudosHub-message-group:hover .left-bubble-option {
  display: flex;
}

.operator-bubble {
  background-color: #E8E8E8 !important;
}

.bubbles-right {
  height: auto;
  background-color: #f2f7fd;
  min-width: 50px;
  display: inline-block;
  position: relative;
  /* padding: 9px 17px; */
  line-height: 1.5em;
  border-radius: 18px;
  max-width: 100%;
  color: black;
}

.bubble-b {
  margin-top: 0px !important;
}

.bubbles-right-after:after {
  content: " ";
  width: 0;
  height: 0;
  border: 20px solid;
  border-color: #5800dc transparent transparent transparent;
  z-index: -1;
  position: absolute;
  right: -13px;
  top: 0;
}

.right-img img,
.right-img .nameCircle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: absolute;
  right: -60px;
  bottom: 0px;
  text-transform: uppercase;
  border: 3px solid #6600FF;
}

.receive-time {
  place-self: flex-start;
  font-size: 12px;
  position: absolute;
  bottom: -20px;
  left: 0;
  text-align: left;
  min-width: 270px;
}

.receive-time section {
  display: -webkit-inline-box;
}

.send-checkmark {
  display: inline-block;
  margin-left: 2px;
}

.send-checkmark:after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  border: solid #635858;
  border-width: 0 2px 2px 0;
  transform: rotate(35deg);
}

.message-detail-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  cursor: pointer;
}

/*tooltip start*/
.tooltip-wrapper {
  position: relative;
}

.tooltip-wrapper .message-detail-tooltip {
  visibility: hidden;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px #ccc;
  border: 1px solid #ccc;
  color: #000;
  font-size: 14px;
  outline: none;
  bottom: 100%;
  text-align: -webkit-auto;
  min-width: max-content;
  margin-bottom: 8px;
  padding: 7px 15px;
  z-index: 1000;
  position: absolute;
  width: auto;
}

/* CSS Triangles - see Trevor's post */
.tooltip-wrapper .message-detail-tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #fff 10px;
  bottom: -9px;
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
}

.tooltip-right {
  right: 0;
}

.tooltip-right.message-detail-tooltip:after {
  right: 10px;
}

.tooltip-left {
  left: 0;
}

.tooltip-left.message-detail-tooltip:after {
  left: 10px;
}

.rightsideChatBubble .message-detail-tooltip,
.rightsideChatBubble .message-detail-tooltip:after {
  right: 10px;
}

.left-side-text-bubble .message-detail-tooltip,
.left-side-text-bubble .message-detail-tooltip:after {
  left: 10px;
}

.left-side-text-bubble .tag-tooltip {
  left: unset;
  right: -3px;
}

.left-side-text-bubble .tag-tooltip.message-detail-tooltip:after {
  left: unset;
  right: 10px;
}

.left-side-text-bubble .bubbles-left p {
  word-break: break-word;
}

.rightsideChatBubble .tag-tooltip {
  right: unset;
  left: -3px;
}

.rightsideChatBubble .tag-tooltip.message-detail-tooltip:after {
  right: unset;
  left: 10px;
}

.list-block {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 4px 8px;
  cursor:pointer;
}

.tooltip-wrapper:hover .message-detail-tooltip {
  visibility: visible;
}

.kudosHub-message-left {
  margin-top: 16px;
  margin-bottom: 16px;
}

.bubbles-left-section {
  float: left;
  margin-left: 70px;
  margin-right: 70px;
  position: relative;
}

.bubbles-left {
  height: auto;
  background-color: rgb(88, 0, 220);
  color: #fff;
  min-width: 50px;
  display: inline-block;
  /* padding: 9px 17px; */
  position: relative;
  line-height: 1.5em;
  border-radius: 18px;
  max-width: 100%;
}

.deleted-message-bubble {
  height: auto;
  background-color: #ff4560 !important;
  color: #fff;
  min-width: 50px;
  display: inline-block;
  position: relative;
  /* padding-left: 17px;
  padding-right: 17px; */
  line-height: 1.5em;
  /* padding-top: 9px;
  padding-bottom: 9px; */
  letter-spacing: 1px;
  border-radius: 18px;
  max-width: 100%;
}

.bubbles-right-section .group-message-bubble-first {
  border-bottom-right-radius: 4px !important;
}

.bubbles-right-section .group-message-bubble-middle {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.bubbles-right-section .group-message-bubble-last {
  border-top-right-radius: 4px !important;
}

.bubbles-left-section .group-message-bubble-first {
  border-bottom-left-radius: 4px !important;
}

.bubbles-left-section .group-message-bubble-middle {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}

.bubbles-left-section .group-message-bubble-last {
  border-top-left-radius: 4px !important;
}
.message-image-container img {
  max-width: 100%;
  object-fit: contain;
  max-height: fit-content;
}
.message-image-container img:not(:last-child) {
  margin-bottom: 8px;
}

.send-time {
  place-self: flex-start;
  font-size: 12px;
  right: 0;
  position: absolute;
  bottom: -20px;
  min-width: 270px;
  text-align: right;
}

.send-time section {
  display: -webkit-inline-box;
}

.send-time time {
  margin-right: 10px;
}

.receive-checkmark {
  display: inline-block;
  margin-right: 2px;
}

.receive-checkmark.seen:after {
  border: solid #41d95e;
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  border-width: 0 2px 2px 0;
  transform: rotate(35deg);
}

.receive-checkmark:after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  border: solid #424944;
  border-width: 0 2px 2px 0;
  transform: rotate(35deg);
}

.time-tooltip .tooltip-inner {
  font-size: 10px;
  letter-spacing: 0.3px;
  padding: 2px 6px 3.6px 6px;
}

.time-tooltip .tooltip-arrow {
  display: none !important;
}

.user-icon-span {
  margin: 0px 3px;
}

.user-icon-span img {
  width: 35px !important;
  height: 35px !important;
}

.left-img img,
.left-img .nameCircle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: absolute;
  left: -60px;
  bottom: 0px;
  margin: 0;
  text-transform: uppercase;
  border: 3px solid #6600FF;
}

.attach {
  width: 22px;
  margin-left: 1px;
}

/*bubble option */
.left-bubble-option,
.right-bubble-option {
  position: absolute;
  top: 6px;
  display: none;
}

.left-bubble-option {
  right: -60px;
}

.right-bubble-option {
  left: -60px;
}

.emojiSize {
  font-size: 60px;
  color: #000 !important;
  line-height: 1.1;
}

.option-image {
  width: 17px;
  height: 17px;
  cursor: pointer;
}

/* .left-bubble-option .dashboard-dropdown-item:hover img,
.right-bubble-option .dashboard-dropdown-item:hover img {
  filter: invert(1.5);
} */

.right-side-modal .modal-dialog {
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.right-side-modal .modal-content {
  height: 100%;
  border-radius: 0;
  border: 0;
}
/*delete modal start*/
#tagDeleteModal.modal-dialog {
  max-width: 35% !important;
  height: 100% !important;
  min-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.live-chat-modal .modal-dialog {
  min-width: 400px;
}

/*delete modal end*/

/*SaveReplyModal start*/
#SaveReplyModal .modal-dialog {
  max-width: 45% !important;
  height: 100% !important;
}

#SaveReplyModal .live-chat-modal-content {
  padding: 20px 0px;
}

#SaveReplyModal .live-chat-modal-header {
  padding: 0px 20px;
}

.SaveReplyModal-body {
  margin-top: 20px;
  padding: 0px 20px;
}

.save-reply-form label {
  font-size: 14px;
}

.save-reply-form input,
.save-reply-text {
  border: 1px solid #ccc;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  outline: none;
}

.save-reply-form::placeholder {
  color: gray;
}

.save-reply-text {
  margin-top: 20px;
  height: 270px;
  position: relative;
}

.save-reply-text .input-icon {
  position: absolute;
  bottom: 10px;
}

.SaveReplyModal-footer {
  border-top: 1px solid lightgray;
  padding: 20px 20px 0px 20px;
  margin: 20px 0px 0px 0px;
}

.SaveReplyModal-footer p {
  color: #286efa;
  display: inline-block;
  font-size: 14px;
  margin-top: 8px;
  cursor: pointer;
}

/*SaveReplyModal end*/

/* //bubble option */
/*bubbles-left-section end*/

/*scroll bar*/
/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2196f3;
}

/*scroll bar end*/
.chat-box-parent {
  border-top: 2px solid lightgray;
  padding: 15px;
}

.chat-box {
  z-index: 100;
}

.kudoshub-messgae-input .edit-message {
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 170px !important;
  border-radius: 0;
}

.kudoshub-messgae-input .editable {
  margin: 12px 0 !important;
  min-height: 150px;
  word-break: break-all !important;
  max-height: 100px !important;
  overflow-y: auto;
  padding: 7px 0 0;
}

.note-box {
  background-color: rgba(254, 237, 175, 0.5);
}
.note-box .editor {
  background-color: transparent
}


.note-box .input-msg .note-holder {
  background-color: unset;
}

.replyBtn:focus,
.noteBtn:focus {
  outline: none;
  border: none;
}

.chatbox-tab p {
  cursor: pointer;
  padding-bottom: 2px;
  margin-right: 6px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.activetab {
  border-bottom: 2px solid #2196f3;
  color: #2196f3;
}

.chat-info-icon svg {
  float: right;
  width: 17px;
  height: 17px;
  cursor: pointer;
  fill: #999999;
}

.chat-info-icon:hover svg {
  fill: #2196f3;
}

form.input-msg .note-holder {
  min-height: 74px;
  cursor: text;
  overflow: auto;
  font-size: 13px;
}

/* [contenteditable][placeholder]:empty:before {
  content: attr(placeholder);
  position: absolute;
  color: gray;
  background-color: transparent;
  cursor: text;
} */

.image-contentEditable {
  width: 90%;
  margin: 15px 0px 15px 5px;
}

.noteFile-attech {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 210px;
  overflow: hidden;
  padding: 6px 15px;
  border-radius: 6px;
  border: 1px solid #212529;
  margin: 4px 0px;
}

.noteFile-attech img {
  width: 20px;
  margin-right: 8px;
}

.target-editable {
  height: 70px;
  margin: 2px;
}

.multiple-files {
  margin-bottom: 30px;
  padding: 0px 25px 0px 0px;
}

.multiple-files img {
  width: 100%;
}

.input-icon .attech-button {
  border: none;
  outline: none;
  background: unset;
  margin-right: 2px;
}

.input-icon svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
  vertical-align: top;
  color: #fff !important;
}
.input-icon svg:hover {
  fill: #2196f3;
}

.emojiIcon {
  position: relative;
  top: 4px;
}

.attech-button svg:hover path,
.attech-button svg:hover polygon,
.attech-button svg:hover rect {
  fill: #6600ff;
}

.message-view-tour-popup {
  /* position: absolute;
  left:0;
  top:-50%; */
  border: none;
  border-radius: 8px;
  position: absolute;
  bottom: 37px;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  background-color: white;
  z-index: 10;
}

.dropdown-item-view-tour-message {
  border-bottom: 1px solid lightgray;

}

/* .send-btn:focus,
.chat-note-btn:focus {
  outline: none;
  border: none;
} */

.send-btn,
.chat-note-btn {
  background-color: #eb4995;
  border: 1px solid #eb4995;
  color: #fff;
  display: flex;
  align-items: center;
  /* padding: 5px 16px 5px 16px;
  border-radius: 23px;
  outline: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 12px; */
}

.send-btn:hover,
.chat-note-btn:hover {
  background-color: #fa1b83;
  color: #fff;
}

.send-btn img {
  width: 24px;
  height: 24px;
}

.chat-note img {
  width: 21px;
  height: 24px;
}
.kudoshub-messgae-input .input-icon {
  position: relative;
  top: -8px;
}
/* attech icon bubble css */
.LeftsideEmojiMessageBubble .bubbles-left,
.RightsideEmojiMessageBubble .bubbles-right {
  background-color: transparent;
  min-height: 50px;
  padding: 0px !important;
}

.sent {
  height: 0;
}

.videoBubble {
  padding: 10px !important;
}

.videoBubble video {
  width: 231px !important;
  height: 135px !important;
}

.right-side-gif-bubble .bubbles-right,
.right-side-image-bubble .bubbles-right,
.right-side-gif-bubble .bubbles-left, 
.right-side-image-bubble .bubbles-left
/* .right-side-messengerCard-bubble .bubbles-right
.right-side-messengerCard-bubble .bubbles-left */
{
  overflow: hidden;
  display: block;
  position: relative;
  cursor: zoom-in;
  border-radius: 10px;
  padding: 10px !important;
}

.right-side-note-bubble .bubbles-right {
  background-color: rgba(254, 237, 175, 0.5);
}

.right-side-image-bubble .bubbles-right .main-image,
.left-side-image-bubble .bubbles-left .main-image 
.right-side-gif-bubble .bubbles-right .main-image,
.left-side-gif-bubble .bubbles-left .main-image
{
  width: 100%;
  height: 100%;
  z-index: 20;
}

.right-side-image-bubble .bubbles-right .thumbNail,
.left-side-image-bubble .bubbles-left .thumbNail,
.right-side-gif-bubble .bubbles-right .thumbNail,
.left-side-gif-bubble .bubbles-left .thumbNail
{
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0px;
  filter: blur(8px);
}

.circular-progress-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.LeftsideFileMessageBubble .bubbles-left,
.right-side-file-bubble .bubbles-right {
  border-radius: 10px;
  padding: 20px 20px;
  min-height: 150px;
  min-width: 240px;
}

.LeftsideFileMessageBubble .bubbles-left .file-name,
.right-side-file-bubble .bubbles-right .file-name {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 211px;
}

.LeftsideFileMessageBubble .bubbles-left .file-size,
.right-side-file-bubble .bubbles-right .file-size {
  font-size: 12px;
  color: darkgrey;
  position: relative;
  top: 3px;
}

.LeftsideFileMessageBubble .bubbles-left .file,
.right-side-file-bubble .bubbles-right .file {
  font-size: 12px;
  color: darkgrey;
  position: relative;
  top: 17px;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.LeftsideFileMessageBubble .bubbles-left .file img,
.right-side-file-bubble .bubbles-right .file svg {
  width: 27px;
  height: 27px;
  margin-right: 10px;
}

.fileSendCircle {
  width: 30px !important;
  left: unset !important;
  height: 30px;
  background: none;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0%, -77%) !important;
}

.LeftsideFileMessageBubble .bubbles-left .download,
.right-side-file-bubble .bubbles-right .download {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin-top: 36px;
  border-top: 2px solid #fff;
  padding: 14px 0px 0px 0px;
}

.LeftsideFileMessageBubble .bubbles-left .download span:hover,
.right-side-file-bubble .bubbles-right .download span:hover {
  text-decoration: underline;
}

/*download progress bar start*/

.CircularProgressbar {
  width: 40px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

/*download progress bar end*/

/* // attech icon bubble css */

/*help modal */
.help-modal-body {
  height: 78vh;
  overflow: auto;
  overflow-x: hidden;
  padding-right: 20px;
  scrollbar-width: thin;
}

.help-content {
  display: flex;
  margin-top: 20px;
}

.help-image {
  width: 90px;
  height: 72px;
  margin-right: 15px;
}

.help-text h6 {
  margin-bottom: 4px;
}

.help-text p {
  color: gray;
}

.help-code {
  padding: 1px 4px;
  background-color: #ebebeb;
  color: #000;
  font-size: 14px;
  border-radius: 3px;
}

.help-heading {
  font-size: 16px;
}

.sort-key {
  width: 100%;
  font-size: 14px;
  margin-bottom: 18px;
}

.key-row {
  float: right;
}

.key {
  border: 1px solid #ebebeb;
  padding: 5px 8px;
  box-shadow: 0px 0px 1px #ebebeb;
  border-radius: 4px;
  margin: 0px 3px;
}

.additional-shortcut {
  display: flex;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  padding: 18px 0px 8px 0px;
}

.additional-shortcut h5 {
  margin-top: 10px;
}

/*//help modal*/
/*kudosHub-live chat screen end*/

/*kudosHub-right-section start*/

.kudosHub-right-section {
  background-color: #fff;
  height: calc(100vh - 0px);
  width: 100%;
  outline: none;
  box-shadow: -1px 0px 2px rgb(100 100 100 / 20%);
}

.kudosHub-right-section .kudoshub-main-heading svg {
  width: 20px;
  height: 20px;
  margin-left: auto;
}

.right-section-content {
  height: calc(100% - 65px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.kudosHub-right-section .kudoshub-right-section-heading {
  font-size: 16px;
}

/* .kudosHub-visitor-details {
  border-bottom: 1px solid lightgray;
} */

.kudosHub-visitor-details .cardActiver::before {
  display: none;
}

.user-info {
  width: 112%;
  position: relative;
}

.user-info .user-image {
  width: 37px;
  height: 37px;
  border-radius: 50%;
}

.edit-icon {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: -7px;
  margin-left: 12px;
  cursor: pointer;
  display: inline-block;
  opacity: 0;
}

.user-info.user-name {
  display: inline-block;
  font-size: 14px;
  color: #000;
  margin-left: 15px;
  cursor: pointer;
  position: absolute;
  width: 70%;
  text-transform: capitalize;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: 1;
}

.user-info:hover .user-name,
.user-info:hover .edit-icon,
.user-info:hover .user-email {
  opacity: 1;
  color: #2196f3;
  transition: 0.3s ease-out;
  fill: #2196f3;
  cursor: pointer;
}

.user-info .user-name-input {
  transition: width 0.9s ease-in;
  background: #fff;
  outline: none;
  padding: 10px 5px 10px 15px;
  position: relative;
  border: none;
  border-radius: 4px;
  width: 100%;
  box-shadow: 0px 2px 9px 0px rgb(102 0 255 / 12%);
  z-index: 1;
}

.user-info .user-name-input::placeholder {
  color: lightgray;
}

.right-section-menu svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.right-section-menu:hover svg {
  fill: #2196f3;
}

.right-section-menu .dropdown-menu {
  width: 253px;
  z-index: 999999;
  background-color: #fff;
  margin-left: -227px;
  margin-top: 39px;
}

.user-action {
  padding: 7px 16px;
  color: #000;
  cursor: pointer;
}

.user-action:hover {
  background-color: #1975bf;
  color: #fff !important;
}

.user-action p {
  font-size: 15px;
}

.user-action:hover span {
  color: #fff !important;
}

.user-action span {
  color: gray;
  font-size: 12px;
}

.user-action img {
  width: 17px;
  height: 17px;
  margin: 0;
  vertical-align: text-top;
  margin-right: 10px;
}

.user-action:hover img {
  filter: invert(1.5);
}

.owner-dropdown,
.add-txt,
.id-txt {
  cursor: pointer;
}

.owner-dropdown-icon {
  width: 11px !important;
  height: 11px !important;
  cursor: pointer !important;
  margin-left: 7px !important;
}

.popover-dropdown {
  font-family: sans-serif;
  border: none;
  border-radius: 0px;
}

.popover-dropdown .tooltip-inner {
  box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
  border: none;
  outline: none;
  border-radius: 8px;
  letter-spacing: 0.1px;
  background-color: #fff;
  padding: 8px;
  z-index: 20;
  margin-left: -166px;
  max-width: 550px;
  text-align: left;
}

.search-teammates {
  padding: 7px 15px;
}

.search-teammates img,
.search-teammates svg {
  width: 15px;
  height: 15px;
  padding: 0px;
  margin-right: 8px;
  fill: gray;
}

.popover-dropdown input {
  border: none;
  outline: none;
  font-size: 13px;
  width: 100%;
}

.teammate {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  padding: 7px 0px;
  margin: 7px 0px;
}

.teammate-person {
  color: #286efa;
  display: flex;
  font-size: 13px;
  padding: 5px 12px;
  min-height: 40px;
  cursor: pointer;
}

.teammate-person:hover,
.remove-owner:hover {
  background-color: #6600ff;
  color: #fff;
}

.teammate .teammate-person .userIcon {
  border-radius: 50%;
  background-color: #efefef;
  width: 30px;
  height: 30px;
  padding: 5px;
  margin-right: 10px;
}

.teammate .teammate-person:hover .tick {
  filter: brightness(100);
}

.remove-owner {
  padding: 10px 18px;
  font-size: 13px;
  min-height: 40px;
  cursor: pointer;
}

.remove-icon {
  position: relative;
  top: 2px;
}

.remove-icon:before {
  content: "";
  border-right: 2px solid #000;
  position: absolute;
  top: 0px;
  height: 16px;
  transform: rotate(45deg);
}

.remove-icon:after {
  content: "";
  border-left: 2px solid #000;
  position: absolute;
  top: 0px;
  height: 16px;
  transform: rotate(-45deg);
}

.remove-owner:hover .remove-icon:before,
.remove-owner:hover .remove-icon:after {
  border-color: #fff;
}

.user-name-input,
.user-email-input {
  transition: width 0.9s ease-in;
  background: #fff;
  outline: none;
  padding: 10px 5px 10px 15px;
  position: relative;
  border: none;
  border-radius: 4px;
  width: 100%;
  box-shadow: 0px 2px 9px 0px rgb(102 0 255 / 12%);
}

.user-email-input {
  margin-top: -11px;
}

.show-item time {
  display: contents;
}

.help-block {
  width: 100%;
  position: absolute;
  box-shadow: 0px 10px 30px 1px rgb(102 0 255 / 38%);
  background-color: #fff;
  padding: 9px 13px;
  z-index: 100;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  white-space: normal;
}

.visitor-input-error {
  position: absolute;
  top: 125px;
  width: 100%;
  position: absolute;
  background-color: #f7f7f7f7;
  padding: 9px 13px;
  z-index: 100;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  white-space: normal;
}

.save-text {
  width: 125px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}

/* .help-block {
  position: relative;
  float: right;
  font-size: 12px;
  margin-top: 3px;
} */

.hidden-item img,
.show-item img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.hidden-item .item-text,
.show-item .item-text {
  margin-left: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.hidden-item .item-name,
.show-item .item-name {
  /* Samsung Internet support */
  min-width: -webkit-fill-available; 
  /* Modern browser support */
  min-width: fit-content;            
  text-transform: capitalize;
}

.hedden-item-row,
.show-item-row {
  list-style: none;
  display: flex;
  min-height: 30px;
  height: 35px;
  padding: 8px 0px;
  position: relative;
}

.search-items {
  padding: 7px 5px 7px 34px;
  font-size: 13px;
  width: 100%;
  position: relative;
  border: 1px solid lightgray;
  border-radius: 6px;
  box-shadow: 0px 0px 2px #ccc;
  margin-bottom: 10px;
}

.search-items input {
  width: 100%;
  outline: none;
  border: none;
}

.search-items:focus {
  box-shadow: 0px 0px 6px #ccc;
}

.search-items .search-icon {
  position: absolute;
  z-index: 100;
  top: 11px;
  left: 12px;
  width: 14px;
  height: 14px;
}

.cross-line {
  position: absolute;
  right: 20px;
}

.hidden-item .eye-icon,
.show-item .eye-icon {
  position: absolute;
  right: -15px;
  margin: 0px;
  cursor: pointer;
}

.hidden-item .cross-line:before,
.show-item .cross-line:before {
  content: "";
  border-right: 2.4px solid #ccc;
  border-left: 1.2px solid #fff;
  position: absolute;
  z-index: 1000;
  height: 20px;
  right: -8px;
  transform: rotate(-39deg);
  margin-top: -2px;
  cursor: pointer;
}

.show-item .cross-line:before {
  display: none;
}

.hidden-item .cross-line:hover:before {
  display: none;
}

.show-item .cross-line:hover:before {
  display: block;
}

.show-more-btn button,
.edit-btn {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px 10px;
  background-color: #EFEFEF;
  transition: 0.3s ease-out;
}

.show-more-btn button:hover,
.edit-btn:hover {
  border: 1px solid #2196f3;
  color: #2196f3;
  background-color: transparent;
}

.show-more-btn button:focus,
.edit-btn:focus {
  outline: none;
}

.conversation-div {
  border-bottom: 1px solid lightgray;
}

.conversation-menu svg {
  width: 19px;
  height: 19px;
  cursor: pointer;
}

.conversation-menu:hover svg {
  fill: #2196f3;
}

.conversation-menu {
  cursor: pointer;
}

.kudosHub-latest-conversation {
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 2;
}

.conversation-person-img img {
  width: 35px;
  border-radius: 50%;
  margin-top: 4px;
}

.conversation-person-img {
  margin-top: -11px;
  float: right;
}

.conversation-border {
  border-bottom: 1px solid lightgray;
  border-style: dashed;
  opacity: 0.2;
  margin-top: 12px;
  margin-bottom: 12px;
}

.addNote {
  width: 100%;
  max-width: 250px;
  position: relative;
}

form.addNote input[type="text"] {
  height: 44px;
  border: 1px solid lightgrey;
  float: left;
  width: 80%;
  background: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  outline: none;
  padding-left: 20px;
  box-shadow: 0px 0px 2px #ccc;
  border-right: none;
}

form.addNote input[type="text"]::placeholder {
  color: gray;
}

form.addNote button {
  float: left;
  width: 44px;
  height: 44px;
  padding: 14px;
  background: #6600ff;
  color: white;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

form.addNote button:hover {
  background: #1975bf;
}

form.addNote button:focus {
  outline: none;
  border: none;
}

form.addNote::after {
  content: "";
  clear: both;
  display: table;
}

.note-txt-section {
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.note-txt {
  border-bottom: 1px solid lightgray;
  padding-top: 5px;
  position: relative;
}

.note-txt textarea {
  border: none;
  outline: none;
  width: 100%;
  min-height: 30px;
  resize: none;
  overflow: hidden;
}

.note-txt .fa-spinner {
  position: absolute;
  top: 15px;
  right: 0px;
  background-color: #fff;
}

.addTag-btn:focus {
  outline: none;
  border: none;
}

.addTag-btn {
  outline: none;
  border: none;
  cursor: pointer;
  background: transparent;
}

/* .addTag-btn .white-bg-btn {
  margin: 0 !important;
  background-color: #6600ff;
  color: #fff;
} */
/* .addTag-btn .white-bg-btn:hover {
  background-color: #1975bf;
  border-color: #1975bf;
  color: #fff;
} */
.addTag-btn .white-bg-btn img {
  filter: brightness(300%);
}

.addTag-btn button svg,
.addTag-btn button:hover svg {
  fill: #000;
}

.addTag-btn button {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 4px 10px;
  background-color: #EFEFEF;
  transition: 0.3s ease-out;
  height: auto;
  margin: 0 !important;
}

.addTag-btn button:hover {
  border: 1px solid #2196f3;
  color: #2196f3;
  background-color: transparent;
}

.kudosHub-visitor-details .tag-button {
  border-radius: 4px !important;
}

/* .show-more-btn button:focus, .edit-btn:focus {
  outline: none;
} */

.tag-icon img,
.tag-icon2 img {
  width: 18px;
}

.tag-button {
  padding: 5px 10px 5px 10px;
  border-radius: 18px;
  display: inline-block;
  margin-top: 14px;
  cursor: pointer;
  margin-right: 5px;
  outline: none;
}

.tag-button:focus {
  outline: none;
}

.tag-button svg {
  width: 14px;
  margin-right: 6px;
  vertical-align: middle;
}

.tag-button .removeTagIcon {
  margin-left: 20px;
}

.tag-button .removeTagIcon:before,
.tag-button .removeTagIcon:after {
  top: 1px;
  left: -8px;
}

.tag-icon {
  cursor: pointer;
  margin-top: 30px;
}

.tag-icon span,
.tag-icon2 span {
  margin-left: 10px;
}

.tag-icon2 {
  cursor: pointer;
  margin-top: 30px;
}

.recent-page-view-list {
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent-page-view-list li {
  list-style: none;
  padding: 2px 0px;
  white-space: nowrap;
}

.recent-page-view-list li .page-view-title:hover a {
  color: #2196f3;
}

.recent-page-view-list .page-view-title {
  list-style: disc;
  z-index: 100;
  white-space: nowrap;
  width: 70%;
}

.recent-page-view-list .page-view-title p {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .recent-page-view-list .page-view-title::before {
  content: '';
  position: absolute;
  border-left: 2px solid lightgray;
  left: -12.6px;
  height: 115%;
  top: 12px;
  z-index: -1;
} */

.recent-page-view-list li:last-child .page-view-title::before {
  display: none;
}

/*kudosHub-right-section end*/

.icon-platform-svg {
  fill: #000 !important;
}

.navbar-toggler {
  position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #000000;
  height: 3px;
  width: 19px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}

.navbar-toggler span:nth-child(2) {
  width: 16px;
}

.navbar-toggler span:nth-child(3) {
  width: 12px;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.activelink {
  color: #2196f3 !important;
  fill: #2196f3 !important;
}
.inactive{
  color: unset !important;
}

@media (min-width: 1920px) {
  body {
    background-color: #f0f2f5;
  }

  .kudoshub-main-row {
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
  }

  .modal {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1300px) {
  .kudoshub-main-row {
    min-width: 1300px;
  }

  .inbox-scroller {
    padding-right: 10px;
  }

  .hedden-item-row,
  .show-item-row {
    min-height: 45px;
  }

  .emojiIcon {
    top: 0px;
  }

  .kudosHub-bot {
    width: 305px !important;
  }

  .accordion-dashboard-right {
    width: 90% !important;
  }

  .save-text {
    width: 115px;
  }
}

@media (max-width: 1470px) {
  .user-info .user-name-input {
    width: 90%;
  }
}

/*operator-message start*/
.operator-message {
  font-size: 12px;
  margin: 30px auto;
}

.operator-span:hover {
  text-decoration: underline;
  color: #2196f3;
}

.left-done {
  transition: background-color 0.2s ease;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: #1bb157;
  display: inline-grid;
  place-items: center;
}

.left-done svg {
  width: 14px;
  height: 14px;
  padding: 3px;
  vertical-align: text-top;
}

/*operator-message end*/
/*alert message*/

/* .alert-message {
  color: #fff;
  height: 79px;
  border-radius: 37px;
  position: fixed;
  top: -35px;
  left: 0;
  z-index: 1090;
  right: 0;
  width: max-content;
  padding: 0px 40px;
  line-height: 8.5;
  margin: 0 auto;
  animation: move 4s 1;
  animation-direction: alternate;
  visibility: hidden;
}

@keyframes move {
  0% {
    transform: translateY(-56%);
    visibility: visible;
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-56%);
  }
} */

.alert-bgColor-a {
  background-color: rgb(53, 210, 101);
}

.alert-bgColor-b {
  background-color: rgb(231, 42, 84);
}

.alert-bgColor-c {
  background-color: rgb(255, 162, 0);
}

.alert-bgColor-d {
  background-color: rgb(68, 199, 219);
}

/* .alert-message */
.comaimg {
  width: 18px;
  height: 18px;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

/*alert message*/

/*center tooltip start*/
.tooltip-container {
  position: relative;
  display: inline-block;
}

.center-tooltip {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 16px #ccc;
  border: 1px solid #ccc;
  color: #000;
  font-size: 14px;
  outline: none;
  bottom: 100%;
  padding: 7px 15px;
  z-index: 1000;
  position: absolute;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  bottom: 48px;
  margin: 0 auto;
  max-width: 300px;
  width: max-content;
}

.center-tooltip:before,
.center-tooltip:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  bottom: -10px;
  left: 43%;
}

.tooltip-container:hover .center-tooltip {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.wallpaper-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.wallpaper-radio+img {
  cursor: pointer;
}

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* IE < 8 */
/* CHECKED STYLES */
/* .wallpaper-radio:checked + img {
  outline: 2px solid #f00;
} */

/*center tooltip end*/
.scrollUpIcon {
  width: 40px;
  height: 40px;
  background-color: #6600ff;
  color: #fff;
  position: absolute;
  bottom: 20px;
  right: 15px;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 50%;
  /* z-index: 1000; */
}
.scrollUpIcon svg {
  width: 16px;
  height: 16px;
}

.unreadCount {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  background-color: rgb(252, 87, 107);
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.count-size {
  top: -15px;
  width: 25px;
  height: 25px;
}

.buttonDisabled button:disabled,
button.buttonDisabled:disabled,
button:disabled {
  background: lightgray !important;
  cursor: not-allowed !important;
  color: gray !important;
  border-color: lightgray !important;
}
button:disabled svg {
  fill: gray;
}

.kudos-image-wrapper {
  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  flex-flow: wrap;
}

.kudos-image-wrapper:before {
  content: "";
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100vh;
  position: fixed;
}

.kudos-image-wrapper img {
  width: 35%;
  min-width: 320px;
  z-index: 1000;
  cursor: zoom-out !important;
  animation: imgAni 0.5s linear;
  position: relative;
}

@keyframes imgAni {
  0% {
    opacity: 0;
    /* top: 20px; */
    transform: scale(0.5) translateX(72%);
  }

  100% {
    opacity: 1;
    /* top: 0px; */
    transform: scale(1) translateX(0%);
  }
}

.kudos-image-wrapper button {
  position: fixed;
  right: 32px;
  top: 32px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s linear;
  z-index: 1000;
}

.kudos-image-wrapper button:hover {
  transform: scale(1.1);
}

.kudos-image-wrapper button:before,
.kudos-image-wrapper button:after {
  position: absolute;
  left: 18px;
  content: " ";
  height: 45px;
  width: 4px;
  background-color: #fff;
}

.kudos-image-wrapper button:before {
  transform: rotate(45deg);
}

.kudos-image-wrapper button:after {
  transform: rotate(-45deg);
}

.messageStatus {
  text-align: left;
  width: 100%;
  font-size: 14px;
  color: gray;
  padding: 5px 85px;
  font-weight: 600;
}

.collapse-transition {
  height: auto;
  transition: height 0.35s ease;
}

/*react-transition group css  */
.roll-appear {
  opacity: 0;
}

.roll-enter {
  opacity: 0;
}

.roll-enter-done {
  opacity: 1;
  transition: transform 1000ms, opacity 1000ms;
}

.roll-exit {
  opacity: 1;
}

.roll-exit-active {
  opacity: 0;
  transition: transform 1000ms, opacity 1000ms;
}

/*react-transition group css // */

/* inbox unseen message count*/
.unseen-message-count {
  width: 17px;
  height: 17px;
  background-color: rgb(252, 87, 107);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  position: relative;
  top: -39px;
  right: 6px;
}

.unseen-message-count-convo-card {
  width: 17px;
  height: 17px;
  background-color: rgb(252, 87, 107);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  position: relative;
  top: -32px;
  right: 1px;
}

.message-count-size {
  width: 20px;
  height: 20px;
  top: -40px;
  right: 3px;
}

.client-typing {
  background-color: #fff;
  padding: 10px 25px;
  border-top: 1px solid lightgray;
  z-index: 15;
}

.dropdown-item:active {
  background-color: #e9e9e9;
  color: initial;
}

.noCaret::after {
  display: none !important;
}

.ruleset {
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid lightgray;
  cursor: pointer;
  box-shadow: rgb(0 0 0 / 5%) 0px 0px 8px 4px;
}

.accordion-collapse {
  width: 100%;
  /* position: sticky; */
}

.selectedTag {
  color: #334bfa;
  background-color: #e8f0ff;
}

.popover-tag .tooltip-arrow {
  display: none !important;
}

a {
  cursor: pointer;
}

.snooze-selection {
  position: relative;
}

.calender {
  /* position: absolute; */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  row-gap: 4px;
  /* right: 30px;
  top: 27px; */
  z-index: 1000;
  box-shadow: 0 4px 14px 0 rgb(0 0 0 / 20%);
  border: none;
  outline: none;
  border-radius: 8px;
  background-color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  padding: 16px;
}

/* .calender::after { */
  /* content: '';
  display: block;
  position: absolute;
  right: -8px;
  bottom: 110px;
  width: 15px;
  height: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: rotate(313deg);
  background: #ffff; */
/* } */

.month-indicator {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.month-indicator img {
  height: 20px;
  width: 20px;
}
.month-indicator h4 {
  font-size: 16px;
}
.day-of-week,
.date-grid {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 8px;
  /* font-size:13px;
  font-weight: 600; */

}

.date-grid button:first-child {
  /*  most important*/
  /* grid-column: var(--startColumn); */
}

.date-grid button {
  background-color: #ffff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: 4px;
}

.date-grid button[class~="date"]:disabled,
.date-grid button[disabled] {
  background-color: #ffff;
  border: none;
  cursor: not-allowed;
}

/* .date-grid button[class~="date"]:focus,
/* .date-grid button[class~="date"]:active, */
.date-grid button[class~="date"]:hover {
  background-color: navajowhite;
  border-radius: 50%;
  outline: none;
  border: none;
  color: grey;

}

.date-grid button[class~="date"].selectedDate {
  background-color: navajowhite;
  border-radius: 50%;
  outline: none;
  border: none;
  color: grey;
}


.time-select {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.time-select select[class~="time"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-position: calc(100% - 12px) center !important;
  background: url(../icons/down-arrow1.png) no-repeat #ffff;
  background-size: 20px;
  padding: 6px 12px 6px 12px;
  border: 1px solid #c6babacc;
  border-radius: 6px;
  width: 50%;
  font-size: 13px;
  margin: 6px 0px;
  cursor: pointer;
}

.time-select select[class~="time"]:focus {
  border: 1px solid #c6babacc;
  color: #196aac;
}

.time-select select[class~="time"]:hover {
  border: 1px solid #1975bf;
}

.time-select select[class~="time"] option {
  color: black
}

.calender button[class~="snooze-btn"] {
  align-self: center;
  border: none;
  outline: none;
  background-color: transparent;
  width: auto;
  color: #1975bf;
  font-size: 14px;
  font-weight: 600;
}

.calender button[class~="snooze-btn"]:hover,
.calender button[class~="snooze-btn"]:focus {
  border: none;
  outline: none;
  background-color: transparent;
  color: #5ea3db;

}


.mentioned-user {
  background-color: #eaa90891;
  border-radius: 5px;
  padding: 2px;
  margin-right: 3px;
  color: #212529;
  font-weight: bold;
  font-size: 13px;

}

.visitor_container {
  margin: 16px 0 0;
}

.visitor-loop-section {
  /* display: block; */
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.side-eye-logo {
  display: flex;
  place-content: space-between;
}

/* .side-eye-logo svg:hover {
  fill: #334bfa !important;
} */

.default-section {
  margin-bottom: 8px;
  display: flex;
  gap: 1rem;
}

.visitor-loop-section span, .visitor-loop-section select{
  color: rgba(115, 115, 118, 1);
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.edit-click {
  font-size: 14px;
  font-weight: 600;
  /* color: #737376; */
  display: flex;
  place-content: space-between;
  cursor: pointer;
  margin-bottom: 8px;
}

.edit-click h6:hover,
.done-click h6:hover {
  color: #2196f3;
}

.done-click {
  font-size: 14px;
  font-weight: 600;
  /* color: #737376; */
  cursor: pointer;
  margin-bottom: 8px;
  text-align: end;
}

.eye-logo svg {
  fill: #737376;
}

.eye-logo {
  width: 17px;
  color: #737376;
}

.eye-logo svg:hover {
  fill: #334bfa !important;
}

.search-input-field input {
  width: 100%;
  border-radius: 6px;
  padding: 5px 11px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, .2);
}

.search-input-field input:hover {
  border: 1px solid #334bfa;
}

.search-input-field input:focus {
  box-shadow: 0 0 0 3px rgb(51 75 250 / 20%);
  outline: 0;
  border-color: #334bfa;
}

.visitor-svg-icon svg {
  width: 14px;
  height: 14px;
  fill: #737376;
}

.visitor-name-loading-section .svgLoader {
  height: 15px !important;
  width: 15px !important;
  left: 60px !important;
  top: 15px !important;
}

.message-attachment{
  border: 1px solid lightblue;
    padding: 3px 5px;
    margin: 0px 5px
    /* font-weight: 700; */
}
.message-attachment-list{
  margin-top: 20px;
}

.color-pick section {
  /* border: 1px solid lightgray;
  width: 100%;
  border-radius: 4px; */
  padding: 6.5px 12px;
  display: flex;
  width: max-content;
}

.color-type-input {
  width: 62px;
}

.color-pick .color-bot {
  background-color: #000;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 12px;
  border-color: #ccc !important;
}

.profile-image-circle {
    color: #6600FF;
    font-size: 18px;
    font-weight: 600;
}

.new-help-center-btn {
  outline: none;
  cursor: pointer;
  z-index: 5;
  position: relative;
  border: none;
  background: transparent;
}

.new-help-center-btn:hover svg{
  fill: #2196f3;
}

.kudoshub-submenu-links .conversation-unseen-message-badge {
  width: 17px !important;
  height: 17px !important;
  background-color: rgb(252, 87, 107);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  display: flex;
  align-items: center !important;
  justify-content: center;
  float: right;
}

.report-icon {
  width: 35px;
  height: 35px;
  background: #f4f4f4;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 1px;
}

.report-plus-icon {
  margin-top: 4px;
  margin-left: 4px;
}

/* font family */

@font-face {
  font-family: 'Bitter';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Bitter-Regular.ttf);
}
.bitter {
  font-family: 'Bitter', Open Sans, sans-serif
}

@font-face {
  font-family: 'Inter';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Inter-Regular.ttf);
}
.inter {
  font-family: 'Inter', Open Sans, sans-serif
}

@font-face {
  font-family: 'Lato';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Lato-Regular.ttf);
}
.lato {
  font-family: 'Lato', Open Sans, sans-serif
}

@font-face {
  font-family: 'Lora';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Lora-Regular.ttf);
}
.lora {
  font-family: 'Lora', Open Sans, sans-serif
}

@font-face {
  font-family: 'Montserrat';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Montserrat-Regular.ttf);
}
.montserrat {
  font-family: 'Montserrat', Open Sans, sans-serif
}

@font-face {
  font-family: 'Noto Sans';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/NotoSans-Regular.ttf);
}
.noto-sans {
  font-family: 'Noto Sans', Open Sans, sans-serif
}

@font-face {
  font-family: 'Noto Serif';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/NotoSerif-Regular.ttf);
}
.noto-serif {
  font-family: 'Noto Serif', Open Sans, sans-serif
}

@font-face {
  font-family: 'Open Sans';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/OpenSans-Regular.ttf);
}
.open-sans {
  font-family: 'Open Sans', Open Sans, sans-serif
}

@font-face {
  font-family: 'Oswald';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Oswald-Regular.ttf);
}
.oswald {
  font-family: 'Oswald', Open Sans, sans-serif;
}

@font-face {
  font-family: 'Playfair Display';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/PlayfairDisplay-Regular.ttf);
}
.playfair-display {
  font-family: 'Playfair Display', Open Sans, sans-serif
}

@font-face {
  font-family: 'Poppins';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Poppins-Regular.ttf);
}
.poppins {
  font-family: 'Poppins', Open Sans, sans-serif
}

@font-face {
  font-family: 'Raleway';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Raleway-Regular.ttf);
}
.raleway {
  font-family: 'Raleway', Open Sans, sans-serif
}

@font-face {
  font-family: 'Roboto';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/Roboto-Regular.ttf);
}
.roboto {
  font-family: 'Roboto', Open Sans, sans-serif
}

@font-face {
  font-family: 'Roboto Mono';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/RobotoMono-Regular.ttf);
}
.roboto-mono {
  font-family: 'Roboto Mono', Open Sans, sans-serif
}

@font-face {
  font-family: 'Roboto Slab';
  src: url(https://pp-app.kudoshub.com:4444/assets/fonts/RobotoSlab-Regular.ttf);
}
.roboto-slab {
  font-family: 'Roboto Slab', Open Sans, sans-serif;
}

/* font family end*/

/*# sourceMappingURL=client.4e6c6faa56225118a936.css.map*/