body{background: #e7eaf2;}
.card_body_padding .card.card-bg{position: relative; padding-left: 85px; }

.d_icon_box {width: 3rem; height: 3rem; background-color: var(--bs-primary-bg-subtle); border-radius: 10px; padding: 10px; position: absolute; left: 25px; top: 25px;}
.d_icon_box img{width: 100%;}
.d_icon_box::before{content: ""; border: 1px solid rgb(36, 57, 131); position: absolute; left: -7px; right: -7px; top: -7px; bottom: -7px; border-radius: 10px;}
.card.card-bg h3{color: rgb(36, 56, 129); font-weight: 600;}
.card.card-bg .wallet_text{font-size: 15px; margin-bottom: 10px; opacity: .9;}

.trading_bg_img{background: url(../img/bg.jpg) no-repeat center; background-size: 100%; color: #fff; padding: 20px; border-radius: 15px;}
.card_body_padding .card.card-bg.active{background: url(../img/bg.jpg) no-repeat center; background-size: cover; color: #fff;}
.card_body_padding .card.card-bg.active h3{color: #fff;}
.card_body_padding .card.card-bg.active .d_icon_box::before {border: 1px solid rgb(255, 255, 255);}
.card.card-bg.active .d_icon_box{background-color: #fff;}
.card.card-bg{border: 1px solid transparent;}
.card.card-bg:hover{border: 1px solid rgb(36, 57, 131);}

.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;} 
.fw-600{font-weight: 600 !important;} 
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}


.font-10{font-size: 10px !important;}
.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-25{font-size: 25px !important;}
.font-26{font-size: 26px !important;}
.font-27{font-size: 27px !important;}
.font-28{font-size: 28px !important;}
.font-29{font-size: 29px !important;}
.font-30{font-size: 30px !important;}
.font-31{font-size: 31px !important;}
.font-32{font-size: 32px !important;}
.font-33{font-size: 33px !important;}
.font-34{font-size: 34px !important;}
.font-35{font-size: 35px !important;}
.font-40{font-size: 40px !important;}
.font-45{font-size: 45px !important;}
.font-50{font-size: 50px !important;}
.font-55{font-size: 55px !important;}
.font-60{font-size: 60px !important;}




.ticket_box{background: url(../img/bg.jpg) no-repeat center; position: relative; background-size: cover; color: #fff; padding: 25px 20px; border-radius: 10px;}
.ticket_box::before{content: ""; background-color: #ebedeb; height: 10px; width: 20px; border-bottom-left-radius: 90px; border-bottom-right-radius: 90px; position: absolute; left: 0; right: 0; margin: auto; top: 0px;}
.ticket_box::after{content: ""; background-color: #ebedeb; height: 10px; width: 20px; border-top-left-radius: 90px; border-top-right-radius: 90px; position: absolute; left: 0; right: 0; margin: auto; bottom: 0px;}
.ticket_box .dotted_lien{border-right: 1px dashed #ebedeb; position: absolute; top: 10px; bottom: 10px; left: 0; right: 0; margin: auto; width: 2px;}
.ticket_box .width50{width: 50%;}

.d-flex.mb-2 h1.page-header{margin-bottom: 15px !important;}

.text_btn {background: transparent;border: none;}
.page-header {font-size: 25px; font-weight: 600; }
.card-header{font-size: 1.125rem !important; font-weight: 500 !important;}
table thead th strong{font-weight: 700;}
.login-content { max-width: 500px; background: #fff; padding: 20px; position: relative; margin: auto;  border-radius: 10px;}
.login-logo{width: 300px; margin: auto;}
.login-logo img{width: 100%;}
.eye-btn{ position: absolute; top: 12px; right: 20px; cursor: pointer;}
.register_box {max-width: 700px;}
.login-content .form-control{padding: 10px 10px;}
.login-content .btn{padding: 10px 10px;}
.login{border: 20px solid #6ebe44; min-height: 100vh; background: url(../img/login-bg.jpg) no-repeat center; z-index: -1; background-size: 100% 100%; }
.chatMsgM{box-shadow: 0px 0px 8px 3px #ccc;}
.treeview-menu .active{color: #fff !important;}

body{background: url(../img/login-bg.jpg) no-repeat center; background-attachment: fixed; background-size: 100% 100%;}
.app-container{background: transparent;}
.card{background: #ffffffc9;}
.card-header{background: transparent;}




/*for mobile*/
@media only screen and (max-width:760px) {
  .app-header {background: #fff;}
  .ms-auto.m-left{margin-left: unset !important; margin-top: 10px;}
  .login-logo{width: 200px; }
  .login{border: 10px solid #6ebe44;}

}
/*for medium mobile*/
@media only screen and (min-width:480px) and (max-width:760px) {
    .app-header {background: #fff;}
  .ms-auto.m-left{margin-left: unset !important; margin-top: 10px;}
  .login-logo{width: 200px; }
  .login{border: 10px solid #6ebe44;}

}
/*for tablet*/
@media only screen and (min-width:760px) and (max-width:1000px) {
  .app-header {background: #fff;}
  .ms-auto.m-left{margin-left: unset !important; margin-top: 10px;}
  .login-logo{width: 200px; }
  .login{border: 10px solid #6ebe44;}
}

/*for sm destop*/
@media only screen and (min-width:1000px) and (max-width:1200px) {
  .toggle-sidebar{display: inline-block;}
  .mobile_none{display: none;}
}

.chatBox .hr{
  color: #000;
}

.chat-messages {
  display: flex;
  flex-direction: column;
  padding: 5px;
  overflow-y: auto;
  gap: 2px;
  height: 100%;
}

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

.user-message-text {
  width: fit-content;
  border-radius: 5px;
  padding: 0.5rem;
  /* font-family: serif; */
  background: #55de7d;
  max-width: 16rem;

}

.wallet-address {
  word-wrap: anywhere;
}

.bot-message {
  display: flex;
  justify-content: start;
  flex-direction: column;
  gap: 2px;
}

.bot-message-text {
  width: fit-content;
  border-radius: 5px;
  padding: 0.5rem;
  /* font-family: serif; */
  background: #24b04d;
  max-width: 16rem;
}

.chat-input {
  display: flex;
  padding: 3px;
  gap: 3px;
}

.chat-input-input {
  flex-grow: 1;
  flex-shrink: 1;
  border: 2px black;
  border-radius: 5px;
  padding: 5px;
}

.chat-input-button {
  background: #61bfff;
  color: white;
  padding: 8px 20px;
  cursor: pointer;
  border: 0;
}

.chat-input-button:hover {
  background: #0099ff;
}

.chatBox {
  height: 70vh;
  display: flex;
}

.chatRaise {
  justify-content: flex-end;
  display: flex;
  margin: 5px;
}

.chatRaiseM {
  display: none;
  justify-content: flex-end;
  display: flex;
  margin: 5px;
}

.chatHead {
  display: none;
}

.chatListM {
  display: block;
  opacity: 1;
}

@media only screen and (max-width: 990px) {
  .chatListM {
    z-index: 1;
    position: absolute !important;
    display: block;
    background: #111c43;
    color: #fff;
    height: inherit;
    min-width: 40% !important;

  }

  .card-task .emoji-task {
    display: block;
    gap: 5px;
    font-size: 15px;
    align-items: baseline;
  }

  .banner_graph {
    height: 100%;
  }

  .chatMsgM {
    width: 100% !important;
  }

  .chatRaise {
    display: none !important;
  }

  .chatRaiseM {
    display: block !important;
  }

  .chatHead {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }
}

.chat-messages {
  display: flex;
  flex-direction: column;
  padding: 5px;
  overflow-y: auto;
  gap: 2px;
  height: 100%;
}

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

.user-message-text {
  width: fit-content;
  border-radius: 5px;
  padding: 0.5rem;
  /* font-family: serif; */
  background: rgba(255, 255, 255, 0.2);
  max-width: 16rem;
}

.bot-message {
  display: flex;
  justify-content: start;
  flex-direction: column;
  gap: 2px;
}

.bot-message-text {
  width: fit-content;
  border-radius: 5px;
  padding: 0.5rem;
  /* font-family: serif; */
  background: rgba(255, 255, 255, 0.2);
  max-width: 16rem;
}

.chat-input {
  display: flex;
  padding: 3px;
  gap: 3px;
}

.chat-input-input {
  flex-grow: 1;
  flex-shrink: 1;
  border: 2px black;
  border-radius: 5px;
  padding: 5px;
}

.chat-input-button {
  background: #61bfff;
  color: white;
  padding: 8px 20px;
  cursor: pointer;
  border: 0;
}

.chat-input-button:hover {
  background: #0099ff;
}

.chatBox {
  height: 70vh;
  display: flex;
}

.chatRaise {
  justify-content: flex-end;
  display: flex;
  margin: 5px;
}

.chatRaiseM {
  display: none;
  justify-content: flex-end;
  display: flex;
  margin: 5px;
}

.chatHead {
  display: none;
}

.text_btn {
  background: transparent;
  border: none;
  color: #24b04d;
}

.headingBold {
  color: #000 !important;
}

.rd3t-node {
  stroke:none !important;
  stroke-width:unset !important;
  font-size:18px;
}

.rd3t-leaf-node{
  stroke:none !important;
  stroke-width:unset !important;
  font-size:18px;
}

/*for destop*/
@media (min-width: 1200px){
    

 }

.sidebar-menu li .active {
  color: #fff !important;
}

.cursor-pointer{
  cursor: pointer;
}