::selection {
    background: #049669;
    color: #000;
}



a:hover{
    text-decoration:none !important;
}

 
.btn-default{
        background-image: -webkit-linear-gradient(
-30deg
, #c165dd 0%, #5c27fe 100%);
    background-image: -ms-linear-gradient(-30deg, #c165dd 0%, #5c27fe 100%);
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 35%);
    color: #ffffff;
}

table .btn {
    color:#fff !important;    
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #212121 !important;
}
.form-control,.custom-select,.modal-title ,.input_text {
    color: #212121 !important;
}

.modal label{
    color: #212121 !important;
}

.table-dark{
    font-size:14px;
    background: #111827;
}
.table-dark td, .table-dark th, .table-dark thead th {
        border-color: #2a3441;
}
.feather{
    width: 14px;
    height: 14px;
}
.dataTables_filter {
    display: flex;
    justify-content: flex-end;
}
.form-control:focus {
    color: #fff !important;
}

.modal .form-control:focus{
color: #212121 !important;
}
.card-header {
    color: #fff; 
}
.card-body {
    padding:1rem;
    color: #c4cbf9;
}
/*.body-bg {*/
/*    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 5)), url('https://i.imgur.com/KtgcFwm.jpg');     */
/*    background-repeat: no-repeat;*/
/*    background-attachment: fixed;*/
/*    background-size: 100% 100%;*/
/*}*/

.height-adjust {
    min-height: 77vh;
}


/*.bg-defaultStyle {*/
/*    background: #d0d0d0; */
    
/*    background: -webkit-linear-gradient(*/
/*        to right,*/
/*        #0b0b0b,*/
/*        #2d2d2d*/
/*    ); */

/*    background: linear-gradient(*/
/*            to right,*/
/*            #0b0b0b,*/
/*            #2d2d2d*/
/*        );*/
/*        color: #fff;*/
/*}*/

.bg-primary {
    background-color: #3490dc !important;
}



.action_btn{ 
    tab-size: 4; 
    border-radius:5px;
    padding: 5px 12px;
    font-size:1rem;
    
box-sizing: border-box;
border-style: solid;
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
font-family: inherit;
margin: 0;
text-transform: none;
background-image: none;
cursor: pointer;
--tw-bg-opacity: 1;

--tw-border-opacity: 1;

/*border-radius: 0 0.25rem 0.25rem 0;*/
border-width: 1px;
display: inline-flex;
align-items: center;
font-weight: 500; 
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-text-opacity: 1;
margin-left: 3px;

}

.message{
    padding: 5px 3px;
    margin-right:10px
   
}
.chat_actions{
    display:flex;
}
.chat_actions input{
    flex:1;
}
.message p{
 margin: 0; 
}
.mt-4 {
    display:block;
    margin-bottom: 10px;
}
    
.message:nth-child(odd) {
  background-color: #1f2937;
  border-radius: 5px;
  margin:1px;
  
}

.message:nth-child(even) {
  
  border-radius: 5px;
  margin:1px;
}

.cards{
    margin-top: 9px;
    border-radius:5px;
}
.chatf{
   
   background:#00000; 
   border-radius:3px;
}

/*.flex{*/
/*    display:flex; */
/*    align-items:center;*/
/*}*/

.flex-start{
    display:flex; 
    align-items: self-start;
}

.flex-end{
    display: flex;
    justify-content: flex-end;
}

.i-btn{
    cursor:pointer;
}

.chat_avatar{
    border-radius:50px;
    border: 1px solid gray; 
    box-shadow:0 0 3px 0 #e8f3ff;  
}
.admin {
    color:red;
  
}

.chat_actions{ 
    margin-top:10px;
}

.input_text{
   border-radius:5px; 
   padding: 5px;
   color: #fff !important;
   outline:0;
}


.emoji {
    width: 20px;
    height: 20px;
}

::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #191c25;
		
	}
	::-webkit-scrollbar {
		width: 5px;
        height: 5px;
		background-color: #191c25;
	
	}
	::-webkit-scrollbar-thumb {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #555;
		border-radius:100px;
	}
	* {
  margin: 0;
  padding: 0;
}

body {
  background: #00000;
}





/* Profile container */
.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 10px 0;
  position: relative;
z-index: 2;

border-radius:5px;

}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  
}

.profile-usertitle {
  text-align: center;
  margin-top: 5px;
  
}

.profile-usertitle-name {
  color: #fff;
  font-size: 16px;
}


.profile-usermenu {
  margin-top: 30px;
 
}
.profile-usermenu ul li a {
  color: ;
  font-size: 14px;
  font-weight: 400;
  
  
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 20px;
 
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  
  }

.col-md-2{
   
     width: 250px;
     border-radius:5px;
     margin-left:20px;
}

.profilemenu .dropdown-menu {
    left:200px !important;
}

.earncolor{
    background:grey;
}

.earncolor1{
    background:red;
}

.stats-card {
    padding: 1rem;
    border-radius: 4px;
    display:flex;
    flex-direction:column;
}
.stats-card p{
    margin:0px;
}
.stats-card b{
    font-size: 20px;
    color: #fff;
}

.framshow{
    height:px;
}

.totalusers{ 
    border-radius:5px;    
}

.usericon{
    padding-left:0px;
    /*font-size:30px;*/
}

.usericon img{
    max-width:unset;
}

.totalpts{ 
    border-radius:5px;
   margin:70px;
    
}

.dollaricon{
    padding-left:30px;
    font-size:30px;
}


.totaloffers{ 
    border-radius:5px;
   margin:70px;
}

.offericon{
    padding-left:-0px;
    font-size:30px;
}
.offerstxt{
    padding-left:5px;
}

.earnedicon{
    padding-left:30px;
    font-size:30px;
}

.leaderboard-reward{
    background: #030102;
    padding: 5px;
    border-radius: 4px;
    margin-right: 20px;
}

.progress-bar {
        color: #212121 !important;
}

.card {
    /*padding: 30px;*/
    background-color: #111827;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
    -ms-border-radius: .25rem !important;
    -o-border-radius: .25rem !important;
}

.user-recent-card {
    font-size:15px;
    color: #fff;
    margin-right: 18px;
    background: #3C098D;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: 5px;
}
.user-recent-card .points{
    background: #212121;
    padding: 0 13px; 
     border-radius: 4px 0 0 4px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-recent-card .user{
    padding: 5px;
    display: flex;
    align-items: center;    
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
}



#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
   However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}


.rewardReq,.rewardSuccess {
    background: #2f0a6d;
    text-align: center;
    margin-top: 6px;   
}

.rewardSuccess{
    background: #007bff;
}

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


 
   
.faq-title {
    font-size: 2em;
    margin: 0.4em 0;
}

div.seperator {
    width: 7.5em;
    background-color: white;
    height: 0.07em;
    margin-left: -1.8em;
}

.faq-list > div {
    border-bottom: 0.07em solid #ededed;
    padding: 1em 0em;
} 

.faq-list > div:last-child {
    border: initial;
}

summary {
    font-size: 1.4em;
    font-weight: bold;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none;
    color:white;
}

summary:hover {
    color: white;
    transition: all 0.3s ease;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 55px}
}

details[open] summary {
  color: white;
}

details[open] p {
    border-left: 2px solid #7c26cb;
    margin-left: 55px;
    padding-left: 25px;
    opacity: 100;
    transition: all 3s ease;
    color:#e5e5e5;
}

details[open] summary:after {
    content: "-";
    font-size: 3.2em;
    margin: -0.5em 0.14em 0 0;
    font-weight: 200;
}

.faq-body {
    width: 350px;
    margin: 4em auto;
    box-shadow: 0px 0px 16px #8A2BE2;
    border-radius: 0.2em;
    padding: 5em;
    background-color: #fff;
}

.faq-list {
    /*width: 350px;*/
    margin: 1em auto;
    padding: 2em 0;
}

summary::-webkit-details-marker {
    display: none
}

summary:after {
    background: transparent;
    border-radius: 0.3em;
    content: "+";
    color: #7c26cb;
    float: left;
    font-size: 1.8em;
    font-weight: bold;
    margin: -0.3em 0.25em 0 0;
    padding: 0;
    text-align: center;
    width: 25px;
}




@media screen and (max-width: 350px) and (min-width: 500px), (min-width: 1100px){
    
  
 
   
    .faq-title {
    font-size: 2em;
    margin: 0.4em 0;
}

div.seperator {
    width: em;
    background-color: white;
    height: 0.07em;
    margin-left: -1.8em;
}

.faq-list > div {
    border-bottom: 0.07em solid #ededed;
    padding: 1em 0em;
} 

.faq-list > div:last-child {
    border: initial;
}

summary {
    font-size: 1.4em;
    font-weight: bold;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none;
    color:white;
}

summary:hover {
    color: white;
    transition: all 0.3s ease;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 55px}
}

details[open] summary {
  color: white;
}

details[open] p {
    border-left: 2px solid #7c26cb;
    margin-left: 55px;
    padding-left: 25px;
    opacity: 100;
    transition: all 3s ease;
    color:white;
}

details[open] summary:after {
    content: "-";
    font-size: 3.2em;
    margin: -0.5em 0.14em 0 0;
    font-weight: 200;
}

.faq-body {
    width: 750px;
    margin: 4em auto;
    box-shadow: 0px 0px 17px #8A2BE2;
    border-radius: 0.2em;
    padding: 5em;
    
}

.faq-list {
    width: 700px;
    margin: 1em auto;
    padding: 2em 0;
}

summary::-webkit-details-marker {
    display: none
}

summary:after {
    background: transparent;
    border-radius: 0.3em;
    content: "+";
    color: #7c26cb;
    float: left;
    font-size: 1.8em;
    font-weight: bold;
    margin: -0.3em 0.25em 0 0;
    padding: 0;
    text-align: center;
    width: 25px;
}
}






@media (max-width: 767px) {
    .faq-list {
        width:unset;
    }
    .col-md-7 {
        margin-top:10px;
    }
    .recent-claims .col-2{
        max-width:100%;
    }
    .recent-claims{
        text-align: center;
    }
    .col-md-2{
        width: 100%;
        padding-left:unset;
        margin-top: 10px;
        margin-left: 2px;
    }
    .col-4{
        flex: inherit;
        max-width: 100%;
    }
    .news-box {
        height:unset !important;
    }
    .el-1,.el-2,.el-3,.el-4,.el-5,.el-6,.el-7,.el-8,.el-9,.el-10,.el-11,.el-12{
        visibility:hidden;
    }
    .homepage-stats {
        justify-content:center;
    }
    .offerwall-card  {
            width: 133px;
            height: unset !important;
    }

}


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

.offerwall-card .walllogo{
    margin-bottom: 1rem;
}
.offerwall-card{
    max-width: 200px;
    height: 180px;
    color: #212121;
}
.offerwall-card .count{
    color: #318fff;
}
.offerwall-card .info{
    margin-top: 10px;
}

.offerwall-card p {
    color: #212121;
    text-align: left;
    line-height: 11px;
}



/* theme updates*/

.chatbox_transform {
    transform: unset !important;
}

.dataTables_info, .pagination,.dtable_filter,.dataTables_length {
    font-size: 14px;
}

#dtable_processing
{
    border: 0px;
    text-align: center;
    font-size: 14px;
}

#chatbox_sidebar {
     transform: translate(300px);
}

#chatbox_launcher {
    top: 9.1rem !important;
    right: 0.65rem !important;
    bottom: auto !important;
    border-color: rgba(46, 215, 168, 0.38) !important;
    background: linear-gradient(135deg, rgba(46, 215, 168, 0.92), rgba(30, 174, 133, 0.92)) !important;
    color: #08110f !important;
    box-shadow: 0 0 0 1px rgba(111, 255, 210, 0.08), 0 0 20px rgba(46, 215, 168, 0.32), 0 18px 30px rgba(0, 0, 0, 0.28) !important;
}

@media screen and (max-width: 600px) {
    #chatbox_sidebar {
        transform: translate(600px);
        top:17vh !important;
        width:unset !important;
    }
}

.bg-defaultStyl::before{
   content: '';
    width: 100%;
    position: relative;
    top: -20px;
    left: -16px;
    height: 27px;
background: url("data:image/svg+xml,%3Csvg width='139' height='27' viewBox='0 0 139 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M139 7.75849C138.939 5.45307 134.992 3.37819 130.635 2.7309C129.808 2.60676 128.048 2.56243 124.571 2.47376C121.443 2.39396 117.906 2.30529 114.534 2.29642C107.11 2.28755 104.313 2.72203 97.8046 2.89937C87.253 3.19199 78.9233 2.50923 75.4293 2.20775C66.0628 1.40085 67.178 0.771295 59.5366 0.212675C53.969 -0.195207 47.2512 0.0176008 34.0334 0.469817C27.2808 0.700359 22.628 0.930901 17.3043 1.33878C3.95583 2.36735 1.74269 3.36046 0.784241 4.11415C-0.548859 5.16932 -0.03479 6.25997 0.993362 8.45011C2.37874 11.394 4.39148 11.8284 5.80299 14.4353C7.54561 17.6629 6.09053 20.0304 6.84857 20.0659C7.61533 20.1102 9.41891 17.6984 12.2855 13.8235C13.5315 12.1476 14.5858 10.6491 16.2587 10.6137C17.5395 10.5871 17.8968 11.4472 20.8592 12.0856C21.9396 12.3161 23.6561 12.6885 25.4597 12.5201C28.1521 12.2629 28.2566 11.0659 30.4785 10.9595C32.4128 10.8619 34.3906 11.6777 35.2881 12.3427C36.9697 13.593 35.8022 14.9851 36.3337 15.0294C36.7258 15.0649 37.3792 14.3112 39.2613 12.6885C40.5508 11.5802 41.1172 11.1811 42.1889 11.0393C42.9034 10.9417 43.8618 10.9595 45.3256 11.2964C49.8477 12.3339 51.904 14.7279 52.2264 15.1092C54.2914 17.592 53.0541 18.3989 54.3175 21.6974C54.5353 22.2738 56.3389 26.991 58.4998 26.9821C60.5648 26.9821 64.0849 22.6816 64.355 18.3989C64.477 16.5368 63.9803 14.6747 66.8644 13.7171C67.727 13.4334 69.3214 13.2117 72.5104 12.7595C75.804 12.2984 76.7886 12.3161 77.5292 12.5023C78.9668 12.857 78.566 13.6284 79.4112 13.7171C81.0667 13.8856 82.3737 10.8885 87.7758 9.81563C88.1504 9.74469 91.566 9.08854 94.6766 9.63829C96.698 10.0018 97.1424 10.6137 99.6953 12.0678C102.492 13.6639 105.202 15.2068 106.805 15.0117C109.288 14.7191 106.936 10.5161 110.778 9.80676C111.737 9.62942 113.227 9.80676 116.215 10.1526C120.389 10.6403 120.607 11.0393 122.698 11.0215C125.843 10.9949 126.732 10.0816 128.762 10.3299C131.219 10.658 131.028 12.1476 132.727 12.2629C134.948 12.4225 139.061 10.1437 139 7.75849Z' fill='%23F8FCFF'/%3E%3Cpath d='M5.82095 14.4354C7.56357 17.663 6.10847 20.0305 6.86652 20.0748C7.63327 20.1191 9.43689 17.6985 12.3035 13.8324C13.5495 12.1566 14.6037 10.6581 16.2767 10.6226C17.5575 10.596 17.9147 11.4561 20.8772 12.0945C21.9576 12.3251 23.6741 12.6975 25.4777 12.529C28.17 12.2719 28.2746 11.0748 30.4964 10.9684C32.4307 10.8709 34.4086 11.6866 35.3061 12.3517C36.9877 13.6019 35.8201 14.994 36.3516 15.0384C36.7437 15.0738 37.3972 14.3201 39.2792 12.6975C40.5688 11.5891 41.1351 11.1901 42.2068 11.0482C42.9213 10.9507 43.8797 10.9684 45.3435 11.3053C49.8656 12.3428 51.9219 14.7369 52.2443 15.1182C54.3093 17.6009 53.0721 18.4078 54.3355 21.7063C54.5533 22.2827 56.3569 26.9999 58.5177 26.9911C60.5827 26.9911 64.1028 22.6906 64.3729 18.4078C64.4949 16.5457 63.9983 14.6837 66.8823 13.726C67.7449 13.4423 69.3394 13.2118 72.5284 12.7684C75.8219 12.3073 76.8065 12.3251 77.5471 12.5113C78.9848 12.8659 78.584 13.6374 79.4292 13.726C81.0847 13.8945 82.3916 10.8975 87.7937 9.82456C88.1684 9.75362 91.5839 9.09747 94.6945 9.65609C96.7159 10.0196 97.1603 10.6315 99.7133 12.0856C102.51 13.6817 105.22 15.2246 106.823 15.0295C109.306 14.7369 106.954 10.5339 110.796 9.82456C111.755 9.64722 113.245 9.82456 116.233 10.1704C120.407 10.6581 120.625 11.0571 122.716 11.0393C125.861 11.0127 126.759 10.0994 128.78 10.3477C131.246 10.6492 131.046 12.1388 132.753 12.2541C134.975 12.4137 139.088 10.1349 139.027 7.74968C139.001 6.65904 138.094 5.6216 136.692 4.76151C136.003 5.01865 135.228 6.88958 134.47 6.83638C132.762 6.72111 131.237 6.30436 128.771 6.01175C126.75 5.76348 125.853 6.67678 122.707 6.70338C120.616 6.72111 120.398 6.3221 116.225 5.83441C113.227 5.49747 111.729 5.32013 110.779 5.49747C106.936 6.19796 107.904 6.57037 106.597 7.25313C105.56 7.79402 102.493 7.57234 99.6958 5.97628C97.1429 4.5221 96.6985 5.68367 94.6771 5.32013C91.5665 4.76151 88.151 6.30436 87.7763 6.3753C82.3742 7.4482 82.9754 8.11323 81.5552 8.50338C80.7187 8.73392 78.9674 8.52998 77.5384 8.1753C76.7978 7.98909 75.8132 7.98022 72.5197 8.43244C69.3307 8.87579 69.8796 9.09747 69.017 9.39008C66.133 10.3477 64.6343 10.7822 64.5124 12.6443C64.2422 16.927 60.2342 16.528 58.1692 16.528C56.0084 16.528 54.5533 14.3911 54.3268 13.8147C53.0633 10.5162 54.3006 11.4827 52.2356 8.99993C51.9132 8.61865 49.8569 8.88466 45.3348 7.84722C43.871 7.51027 42.9126 7.49254 42.1981 7.59008C41.1264 7.73195 40.2028 8.06889 39.2705 9.23934C38.3731 10.3654 37.9635 10.1881 36.552 10.1349C36.0118 10.1083 36.979 9.52308 35.2973 8.27284C34.3999 7.60781 32.422 6.79205 30.4877 6.88958C28.2659 6.99599 28.1613 8.19303 25.469 8.45018C23.6654 8.61865 21.9489 8.24623 20.8685 8.01569C17.906 7.37727 17.5488 6.51717 16.268 6.54377C14.595 6.57037 13.5059 6.82751 12.2948 8.51224C11.5803 9.51421 10.9094 10.3388 10.343 10.995C9.48917 11.9881 6.51799 11.5448 4.5314 10.8797C3.63396 10.5783 2.68423 10.2236 1.7955 9.80683C3.09375 11.6157 4.66211 12.2896 5.82095 14.4354Z' fill='%23E1EFFA'/%3E%3Cpath d='M5.82095 14.4354C7.56358 17.663 6.10849 20.0305 6.86653 20.0748C7.63329 20.1192 9.43689 17.6985 12.3035 13.8325C13.5495 12.1566 14.6038 10.6581 16.2767 10.6226C17.5575 10.596 17.9147 11.4561 20.8772 12.0945C21.9576 12.3251 23.6741 12.6975 25.4777 12.529C28.17 12.2719 28.2746 11.0748 30.4964 10.9684C32.4307 10.8709 34.4086 11.6867 35.3061 12.3517C36.9877 13.6019 35.8201 14.9941 36.3516 15.0384C36.7437 15.0739 37.3972 14.3202 39.2792 12.6975C40.5688 11.5891 41.1351 11.1901 42.2068 11.0482C42.9213 10.9507 43.8797 10.9684 45.3436 11.3054C49.8656 12.3428 51.9219 14.7369 52.2443 15.1182C54.3093 17.6009 53.0721 18.4078 54.3355 21.7064C54.5533 22.2827 56.3569 27 58.5178 26.9911C60.5828 26.9911 64.1028 22.6906 64.373 18.4078C64.4949 16.5458 63.9983 14.6837 66.8823 13.7261C67.7449 13.4423 69.3394 13.2118 72.5284 12.7684C75.822 12.3074 76.8065 12.3251 77.5471 12.5113C78.9848 12.866 78.584 13.6374 79.4292 13.7261C81.0847 13.8945 82.3916 10.8975 87.7937 9.82459C88.1684 9.75365 91.5839 9.0975 94.6945 9.65612C96.716 10.0197 97.1603 10.6315 99.7133 12.0857C102.51 13.6817 105.22 15.2246 106.823 15.0295C109.306 14.7369 106.954 10.534 110.796 9.82459C111.755 9.64725 113.245 9.82459 116.233 10.1704C120.407 10.6581 120.625 11.0571 122.716 11.0394C125.861 11.0128 126.759 10.0995 128.78 10.3477C131.246 10.6492 131.046 12.1389 132.753 12.2541C134.975 12.4138 139.088 10.1349 139.027 7.74971C139.009 7.19996 138.774 6.65907 138.356 6.15365C137.084 7.78518 134.383 9.01769 132.727 8.90242C131.028 8.78715 131.22 7.2975 128.754 6.99602C126.733 6.74774 125.835 7.66104 122.69 7.68764C120.599 7.70538 120.381 7.30636 116.207 6.81868C113.227 6.47287 111.729 6.29553 110.779 6.47287C106.936 7.17336 109.289 11.3852 106.806 11.6778C105.203 11.864 102.493 10.3211 99.6958 8.73395C97.1429 7.2709 96.6985 6.65907 94.6771 6.29553C91.5665 5.73691 88.151 6.39306 87.7763 6.464C82.3742 7.53691 81.0672 10.534 79.4117 10.3655C78.5666 10.2768 78.9674 9.50538 77.5297 9.1507C76.7891 8.96449 75.8045 8.95562 72.511 9.40784C69.322 9.85119 67.7275 10.0729 66.8649 10.3655C63.9809 11.3231 64.4688 13.1852 64.3555 15.0473C64.0854 19.33 60.5653 23.6305 58.5003 23.6305C56.3395 23.6305 54.5359 18.9221 54.318 18.3458C53.0546 15.0473 54.2919 14.2404 52.2269 11.7576C51.9045 11.3763 49.8482 8.98223 45.3261 7.94479C43.8623 7.60784 42.9039 7.59011 42.1894 7.68764C41.1177 7.82952 40.5514 8.22853 39.2618 9.33691C37.3798 10.9596 36.7263 11.7133 36.3342 11.6778C35.8027 11.6335 36.9703 10.2413 35.2886 8.99109C34.3912 8.32607 32.4133 7.5103 30.479 7.60784C28.2572 7.71425 28.1526 8.91129 25.4603 9.16843C23.6567 9.33691 21.9402 8.96449 20.8598 8.73395C17.8973 8.09553 17.5401 7.23543 16.2592 7.26203C14.5863 7.28863 13.532 8.78715 12.2861 10.4719C9.41946 14.3468 7.61586 16.7586 6.84911 16.7142C6.09106 16.6699 7.47644 13.8857 3.29416 11.0748C2.93692 10.8354 2.59712 10.6315 2.27473 10.4453C3.46843 11.8019 4.80153 12.5556 5.82095 14.4354Z' fill='%23B4D5E8'/%3E%3C/svg%3E%0A") no-repeat; 
    
}

/* Final chat overrides to defeat legacy slide-off rules */
#chatbox_sidebar {
    transform: none !important;
    left: auto !important;
    top: auto !important;
    bottom: 7.5rem !important;
    right: 1rem !important;
    width: min(360px, calc(100vw - 24px)) !important;
    height: min(650px, calc(100vh - 130px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 130px) !important;
}

#chatbox_sidebar .widget-frame,
#chatbox_sidebar .widget-scroll,
#chatbox_sidebar .chat_actions,
#chatbox_sidebar .message,
#chatbox_sidebar .message section,
#chatbox_sidebar .flex-start,
#chatbox_sidebar .input_text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

#chatbox_sidebar .chat_actions {
    gap: 0.6rem !important;
    margin-top: auto !important;
    padding-bottom: 0 !important;
    flex: 0 0 auto !important;
}

#chatbox_sidebar .chat_actions .input_text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#chatbox_sidebar .chat_actions .action_btn {
    flex: 0 0 auto !important;
}

#chatbox_sidebar .widget-frame {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

#chatbox_sidebar .widget-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding-bottom: 0.5rem !important;
}

@media screen and (max-width: 767px) {
    #chatbox_sidebar {
        top: auto !important;
        bottom: 0.5rem !important;
        right: 0.5rem !important;
        width: calc(100vw - 16px) !important;
        height: min(74vh, calc(100vh - 96px)) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 96px) !important;
    }

    #chatbox_launcher {
        top: auto !important;
        bottom: 0.5rem !important;
    }
}