/**
* @ Designer: ThanhDieu
* @ Telegram: https://t.me/WsThanhDieu
* @ Name File: thanhdieuModder.css
* @ Time Created: 07/08/2024 
*/
body {
    background-color: #0c1212 !important;
    background-image: url('../img/main/background-green.png') !important;
  }
  ::-webkit-scrollbar {
    width: 0;
    height: 1px;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #00ffea;
  }
  
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.288);
    background: #134745;
  }
  a:hover {
    color: #00beb8 !important
  }
  /* .__thanhdieuCardMod {
      background: url('../img/main/background.jpeg') !important;
      position: relative;
    } */
  .td-bg-auth {
    background: url('../img/main/background-green.png') !important;
  }
  
  .authentication-bg {
    background-image: radial-gradient(ellipse at bottom, #055939 0%, #01120c 50%);
    background-size: 200% auto;
    animation: gradientAnimation 5s infinite linear;
    animation-direction: alternate;
  }
  
  .thanhdieu-card-bg,
  .dark-style .swal2-modal.swal2-popup {
    background-color: rgba(12, 18, 18, 0.7) !important;
    color: white;
  }
  
  .thanhdieu-border-card,
  .dark-style .swal2-modal.swal2-popup {
    z-index: 0;
    position: relative;
  }
  .dark-style .swal2-container {
    z-index: 1099999999990 !important;
}
  .thanhdieu-border-card::before,
  .dark-style .swal2-modal.swal2-popup::before {
    z-index: -1;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 2px;
    background: linear-gradient(354deg, #19e49a6b 0%, #06291100 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .geometric-shape {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}
  .shape1 {
    width: 200px;
    height: 200px;
    top: -50px;
    left: -50px;
}
  .shape2 {
    width: 150px;
    height: 150px;
    bottom: 0;
    right: 0;
  }
  .navbar-modder {
    background: radial-gradient(ellipse at top, #062924, #120c0c);
    position: relative;
  }
  
  .layout-navbar {
    /* overflow-y: auto !important; */
    box-shadow: 0 .125rem .375rem 0 rgba(21, 167, 143, 0.411);
    border-bottom: 1px solid #365a5d !important;
  }
  .nav-tabs .nav-link.active {
    background: linear-gradient(354deg, #19e49a6b 0%, #06291100 100%) !important;
    box-shadow: 0 .125rem .375rem 0 rgba(21, 167, 143, 0.411) !important;
    /* border-bottom: 1px solid #365a5d !important; */
  }
  @media(min-width: 1200px) {
    .layout-menu {
      box-shadow: 0 .135rem .375rem 0 rgba(0, 216, 216, 0.411);
    }
  }
  .card {
    box-shadow: 0 .125rem .875rem 0 rgba(0, 109, 87, 0.33) !important;
  }
  #layout-menu,
  .layout-menu {
    /* overflow-y: auto !important; */
  }
  .navbar-modder::before {
    z-index: -1;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 2px;
    background: linear-gradient(to bottom, #0d6759 0%, #1c4a4a00 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  
  .thanhdieuButton,
  .swal2-confirm,
  .btn-primary {
    background: linear-gradient(9deg, #0e4b42, #122522);
    color: white !important;
  }
  
  .btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
    box-shadow: 0 .125rem .375rem 0 rgba(21, 167, 160, 0.411);
    border-color: #024945 !important;
  }
  
  .popular {
    z-index: 1;
  }
  .best-text{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    background-image: linear-gradient(20deg, rgb(255, 255, 255), rgb(0, 255, 221) 10%, #57f0f0 20%, rgb(0, 151, 126), rgb(0, 255, 179), white 40%, #08f0c9 21%, rgb(0, 255, 200) 40%, black 50%, rgb(255, 255, 255) 40%, rgb(0, 255, 191) 70%, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-size: 400%;
    background-position: -400%;
    animation: animatedText 1.5s infinite alternate-reverse;
  }
  @keyframes animatedText{
    from{
      background-position: 0%;
    }
    to{
      background-position: 100%;
    }
  }
  .popular::before {
    z-index: -1;
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    padding: 2px;
    background: linear-gradient(163deg, rgba(0, 255, 178, 1) 0%, rgb(255 255 255) 50%, rgba(0, 255, 178, 1) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  
  .popular::before {
    background: linear-gradient(168deg, #189783 0%, #1F283700 50%, #189783 100%);
}
  
  .thanhdieuButton:hover {
    opacity: 0.8;
  }
  
  .thanhdieuButtonNormal {
    color: black;
    background: #ce33330a;
    padding: 2px 10px;
    border-radius: 5px;
    font-weight: 600;
    text-wrap: nowrap;
  }
  .footer-link {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
  }
  .blur1 {
    width: 250px;
    height: 250px;
    background: #00b9a0;
    z-index: -1;
    position: absolute;
    right: -24px;
    top: 2px;
    border-radius: 50%;
    filter: blur(27px);
  }
  .text-red-800 {
    text-shadow: 0 0 20px #028f78;
    color: #0cbdb4 !important;
  }
  .text-red-600{color:#2febc2 !important}
  .text-white-800 {
    text-shadow: 0 0 20px #006381;
  }
  
  .text-red-500 {
    color: #3b615c !important;
  }
  
  .ButtonV2 {
    background: #184a3f !important;
    color: white !important;
  }
  
  html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner>.menu-item.open:not(.active),
  .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner>.menu-item.open:not(.active) {
    background: #003833bb !important;
    border-color: #5dffe421 !important;
  }
  
  .bg-menu-theme .menu-inner>.menu-item.active {
    background: #00382cbb !important;
    border-color: #5dffff21 !important;
  }
  
  .bg-menu-theme .menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: #009191b2 !important;
    box-shadow: 0 .125rem .375rem 0 rgba(103, 240, 233, 0.3)
  }
  
  .menu-toggle:hover,
  .menu-link:hover {
    background-color: #009179b2 !important;
    box-shadow: 0 .125rem .375rem 0 rgba(103, 240, 229, 0.3)
  }
  .dropdown-menu,.popover,.toast,.flatpickr-calendar,.datepicker.datepicker-inline,.datepicker.datepicker-inline table,.daterangepicker,.pcr-app,.ui-timepicker-wrapper,.twitter-typeahead .tt-menu,.tagify__dropdown,.swal2-popup,.select2-dropdown,.menu-horizontal .menu-inner>.menu-item.open .menu-sub,div.dataTables_wrapper .dt-button-collection {
    outline: none !important;
    box-shadow: 0 .225rem .575rem 0 rgba(103, 240, 229, 0.3) !important;
    border: 1px solid #365d53 !important
}

  .thanhdieu-dropdown {
    background: linear-gradient(168deg, #05100e 0%, #000a07e3 50%, #00493f 100%) !important;
  }
  
  .text-danger-mod {
    text-shadow: 0 -.05em .2em #FFF, .01em -.02em .15em rgb(0, 225, 255), .01em -.05em .15em rgb(0, 255, 200), .02em -.15em .2em rgb(0, 255, 234), .04em -.2em .3em rgb(255, 0, 0), .05em -.25em .4em rgb(0, 247, 255), .06em -.2em .9em rgb(0, 255, 242), .1em -.1em 1em rgb(0, 255, 213);
    color: rgb(255, 255, 255)
  }
  
  .newfeeds {
    max-height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .infoBox {
    background-color: #29a07c94 !important;
  }
  
  .dangerBox,
  .CodeMirror {
    color: white !important;
    background: #032e2859 !important;
  }
  
  .select2-container--default.select2-container--focus .select2-selection,
  .select2-container--default.select2-container--open .select2-selection {
    border-color: #3b615e !important
  }
  
  .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #3b615e !important
  }
  
  .nav-link {
    color: #00c99def !important;
  
  }
  
  .modalBg,
  .dark-style .swal2-modal.swal2-popup {
    background-color: #0c1210 !important;
    color: white;
  }
  
  .bg-danger-mod,
  .accordion-button {
    background: linear-gradient(168deg, #189782 0%, #1f3735e3 50%, #18978c 100%) !important;
  }
  
  .mt-6 {
    margin-top: 37px !important;
  }
  
  input,
  .input-group-text,
  textarea {
    background: #0000001c;
    color: white !important;
    border-color: #5dfff721 !important;
  }
  
  input[type="text"]:focus {
    border: 1px solid #3b615b !important;
  }
  .card hr {
    color: #365d5b !important;
  }
  
  .form-check-input:hover {
    cursor: pointer;      
  }
  
  .cursor-pointer {
    cursor: pointer;
  }
  
  .form-check-input:checked {
    background-color: #1c544c !important;
    border-color: #1c544c !important;
  }
  
  .custom-option {
    border: 1px solid #17665567 !important;
  }
  
  .custom-option.checked {
    box-shadow: 0 .125rem .375rem 0 rgba(103, 240, 229, 0.3);
    border: 1px solid #0ca598 !important;
  }
  
  .thanhdieu-select-mod option,
  optgroup {
    background: #002522 !important;
    border: 2px solid #5dfff221 !important;
  }
  
  .select2-specialImage {
    width: 24px;
    height: auto;
    padding-right: 5px;
    /* margin-right: 5px; */
  }
  
  .select2-dropdown {
    color: white !important;
    background: #002425 !important;
    border: 2px solid #5dffdc21 !important;
  }
  
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #267a6c6b !important;
    color: white;
  }
  
  .select2-container--default .select2-results__option--selected {
    background-color: #4bfff012 !important;
  }
  
  .form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  input[type="text"],
  .select2-container--default .select2-selection--single,
  .select2-search__field,
  select,
  input[type="number"], input[type="time"],input[type="date"]{
    background: #032e2859 !important;
    color: white !important;
    border-color: #5dfff721 !important;
  }
  .select2-container--default .select2-selection--single {
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
  }
  
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 500;
    color: white !important;
    margin-left: 0.25rem;
  }
  
  .btn-secondary {
    background-color: #2c2f2f !important;
    border-color: #2d3535 !important
  }
  
  .btn-secondary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
    box-shadow: 0 .125rem .375rem 0 rgba(103, 231, 240, 0.3)
  }
  
  .btn-secondary:hover {
    opacity: 0.8 !important;
  }
  
  .drg {
    position: absolute;
    top: -112px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
  
  .drg img {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    width: 180px;
    height: auto;
  }
  
  .pd-top-100 {
    padding-top: 100px !important;
  }
  
  .icon-vip {
    user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
    width: 120px;
  }
  
  .app-brand {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .app-brand-link {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  
  .nav-logo-mod {
    margin-top: 15px;
    width: 200px;
  }
  
  html:not([dir=rtl]) .border-end {
    border-right: 1px solid #365d5a !important;
  }
  
  .list-group-item {
    border: 1px solid #365d58 !important;
  }
  
  .marquee {
    font-weight: 700;
    --gap: 1rem;
    margin-block: 20px;
    display: flex;
    gap: var(--gap);
    background: #f5f52100;
    /* border-top:1px solid #da0101; */
    /* border-bottom:1px solid #ff0000; */
    overflow: hidden;
    user-select: none;
  }
  
  .marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    gap: var(--gap);
  }
  
  .scroll {
    animation: scroll 30s linear infinite;
  }
  
  @keyframes scroll {
    from {
      transform: translateX(0);
    }
  
    to {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }
  
  .marquee__content li {
    list-style: none;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    font-size: 1.2rem;
  }
  
  .marquee-1 {
    top: 0;
    position: fixed;
  }
  
  .marquee-1 .scroll {
    animation: scroll 20s linear infinite;
  }
  
  .marquee-2 {
    bottom: 0;
    position: fixed;
  }
  
  .marquee-2 .scroll {
    animation: scroll 25s linear infinite reverse;
  }
  
  .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
  .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
  .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
    left: 0 !important;
  }
  
  .pricingshow {
    background: #410000 !important;
    border: none !important;
    border-radius: 8px !important;
  }
  
  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    border-color: #004138 !important;
  }
  
  .table-responsive {
    max-height: 600px !important;
    overflow-y: auto
  }
  
  @property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }
  
  .moving-border {
    position: relative;
    background: transparent;
  }
  
  .moving-border::before,
  .moving-border::after {
    content: "";
    position: absolute;
    inset: -0.07rem;
    border-radius: 15px;
    z-index: -1;
    margin-top: 4px;
    background: linear-gradient(var(--angle),
        #032146, #C3F2FF, rgb(0, 187, 171));
    animation: rotate 7s linear infinite;
  }
  
  .moving-border::after {
    filter: blur(10px);
  }
  
  @keyframes rotate {
    0% {
      --angle: 0deg;
    }
  
    100% {
      --angle: 360deg;
    }
  }
  .btn-primary,.btn-primary[data-trigger=hover].dropdown-toggle:not(.show) {
    color: #fff;
    border-color: #5aeee7;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.2)
}

  .no-data {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 20%;
    pointer-events: none;
    user-select: none;
    -moz-user-select: none;
  }
  
  .no-data img {
    margin-top: 80px;
    width: 500px;
  }
  
  @media (max-width: 768px) {
    .no-data img {
      width: 100%;
    }
  }
  
  .no-data b {
    font-size: 16px;
  }
  
  .login-btn {
    z-index: 1;
  }
  
  .moving-word {
    position: absolute;
    white-space: nowrap;
    font-family: Arial, sans-serif;
    background-image: linear-gradient(to right, #ff7e5f, #feb47b) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-radius: 10px;
  }
  
  .moving {
    animation: moveRight linear forwards;
    animation-duration: 6s;
  }
  
  @keyframes moveRight {
    from {
      left: -100px;
    }
  
    to {
      left: 100vw;
    }
  }
  
  @keyframes gradientAnimation {
    0% {
      background-position: 0% 0%;
    }
  
    100% {
      background-position: 100% 0%;
    }
  }
  
  .hover-button {
    background: linear-gradient(9deg, #0e4b41, #0a1818) !important;
    transition: .25s;
    color: white !important;
  }
  
  .hover-button:hover,
  .hover-button:focus {
    opacity: 0.8;
  }
  
  .btn-disabled {
    border-color: #00ffc8 !important;
    color: rgb(0, 255, 191) !important;
    font-weight: 700 !important;
    cursor: not-allowed;
  }
  
  .icon-rocket {
    /* margin-top: -3px; */
    transform: rotate(40deg);
  }
  
  .total-sms {
    background-color: #183631 !important;
    color: rgb(75, 233, 225) !important;
    box-shadow: 0 .125rem .375rem 0 rgba(4, 148, 136, 0.3)
  }
  
  #list-attack {
    box-shadow: 0 .125rem .375rem 0 rgba(3, 100, 76, 0.3);
    background-color: #fd5f5f1a;
    color: white;
  }
  
  code[class*=language-],
  pre[class*=language-] {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 400px !important;
    min-height: 200px !important;
    border-radius: 8px !important;
    background: #22272e !important;
    text-shadow: none !important;
    color: #adbac7 !important;
  }
  
  .language-css .token.string,
  .style .token.string,
  .token.entity,
  .token.operator,
  .token.url {
    background: transparent !important;
  }
  
  .h7 {
    color: white;
    font-size: 14px;
  }
  
  .CodeMirror {
    cursor: text;
    border-radius: 8px !important;
  }
  
  .CodeMirror-gutters {
    border-right: 1px solid #00332c !important;
    background-color: #002e2a !important;
  }
  .BrowserChecker {
    width: 100%;
    height: 100%;
    background: linear-gradient(9deg, #0e4b41, #14312c) !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999;
    display: none;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    pointer-events: none;
  }
  
  .BrowserChecker_box {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  
  .BrowserChecker span {
    font-size: 16px;
    display: block;
    text-shadow: 0 0 20px #028f78;
    color: #0cb7bd;
    text-align: center;
    width: calc(100% - 0);
    line-height: 2;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    box-sizing: border-box;
  }
  
  .BrowserChecker img {
    -webkit-animation: BrowserCheckerAnimation 1.5s ease infinite alternate;
    animation: BrowserCheckerAnimation 1.5s ease infinite alternate;
  }
  
  @-webkit-keyframes BrowserCheckerAnimation {
    0% {
      -webkit-transform: rotate(-90deg);
    }
  
    30% {
      -webkit-transform: rotate(-90deg);
    }
  
    70% {
      -webkit-transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(0deg);
    }
  }
  
  @keyframes BrowserCheckerAnimation {
    0% {
      transform: rotate(-90deg);
    }
  
    30% {
      transform: rotate(-90deg);
    }
  
    70% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(0deg);
    }
  }
  
  .browser-support {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 30px;
  }
  
  .browser-support img {
    max-height: 70px;
    max-width: 70px;
    height: auto;
    width: auto;
  }
  
  .chrome {
    max-width: 67px !important;
  }
  #LoaderV2 {
      background: linear-gradient(9deg, #0e4b4b, #081110) !important;
      transition: opacity 0.2s ease-out;
      opacity: 1;
      width: 100%;
      height: 100%;
      position: fixed;
      backdrop-filter: blur(24px);
      z-index: 999990000000000000000099;
  }
  
  #LoaderV2_Image,
  #LoaderV2_Text {
      transition: width 0.2s ease-out, font-size 0.2s ease-out;
  }
  #LoaderV2 .spinner2 {
    animation: spinner2 0.75s infinite linear;
    border: 3px solid #0ea598;
    border-radius: 50%;
    margin-top: 20px;
    border-right-color: transparent;
    border-top-color: transparent;
    box-sizing: border-box;
    height: 25px;
    pointer-events: none;
    width: 25px;
  }
  @keyframes spinner2 {
    100% {
      transform: rotate(1turn);
    }
  }
  .input-group-text {
    background-color: #032c22 !important;
  }
  .form-control:focus,.form-select:focus {
    border-color: #3b615f !important
}
.form-check-input:focus {
    border-color: #5aeec9
}

.form-check-input:checked {
 background-color: #5a8dee;
    border-color: #5aeec2
}

.form-check-input[type=checkbox]:indeterminate {
 background-color: #5a8dee;
    border-color: #5aeec9
}
.input-group:focus-within .form-control,.input-group:focus-within .input-group-text {
    border-color: #3b6159 !important
}
.format-transfer-bank {
  margin-left: -10px;
}
.z-index-9999999 {
  z-index: 9999999!important;
}
.user-coin {
  background: linear-gradient(9deg, #082520, #003f36) !important;
  color: white !important;
  box-shadow: 0 0 6px #65e0bc55 !important;
  border-radius: 5px;
  width: auto;
  height: 30px;
}
.effect-cccd-none {
  text-align: center;
}
.effect-cccd-none img {
  cursor: pointer !important;
  box-shadow: none !important;
  width: 70% !important; 
  height: auto !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  display: block;
  margin-left: auto;
  margin-right: auto; 
}
@media (max-width: 768px) { 
  .effect-cccd-none img {
    width: 100% !important;
  }
}
.effect-cccd-none img {
  margin-bottom: 20px; 
}

.fancybox__container {
  z-index: 999999999999999999999!important;
}
.border-bottom-green {
  border-bottom: 1px solid #365d5b !important
}
.dz-button {
  font-size: 15px !important;
  background-color: transparent !important;
  border: none !important;
}
.dz-message {
  margin: 0 !important;
}
.dark-style .dz-preview {
  display: inline-block;
  width: auto !important;
}
.dz-preview {
  /* margin-top: -20px !important; */
}
.dz-size {
  margin-top: 6px;
  text-align: center !important;
  padding: 0 !important;
}
.dz-error-mark, .dz-success-mark {
  width: auto !important;
  height: auto !important;
}
.dark-style .dropzone {
  border: 2px dashed #068f63 !important;
}

.dhk-notification {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  position: fixed;
  /* top: 20px;
  right: 20px; */
  bottom: 20px;
  right: 20px; 
  /* background-color: rgba(255, 255, 255, 0.1); */
  background-image: radial-gradient(ellipse at bottom, #063c27 0%, #00120b 50%);
  backdrop-filter: blur(10px);
  border: 1px solid #365a5d;
  color: white;
  padding: 12px 15px;
  border-radius: 15px;
  display: flex;
  align-items: flex-start;
  max-width: 260px;
  box-shadow: 0 .125rem .375rem 0 rgba(21, 167, 143, 0.411);
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); */
  animation: fadeIn 0.5s ease-out;
}
.dhk-avatar {
  pointer-events: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.dhk-content {
  flex-grow: 1;
}

.dhk-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.dhk-username {
  font-weight: bold;
  font-size: 14px;
}

.dhk-time {
  font-size: 11px;
  opacity: 0.7;
  margin-left: 10px
}
.dhk-action {
  font-size: 12px;
  opacity: 0.9;
}
.dhk-diamond {
  font-size: 14px;
  margin-left: 5px;
  color: #4fc3f7;
}
@keyframes fadeIn {
  from {
      opacity: 0;
      transform: translateY(-20px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}
.divider-text {
  color: #3dad9b !important;
}
.divider .divider-text:before,.divider .divider-text:after {
border-top: 1px solid #1d7264 !important
}
.btn-google {
border-radius: 8px !important;
}
.geetest_captcha .geetest_holder .geetest_content, .geetest_popup_wrap .geetest_holder .geetest_content {
  color: #ffffff  !important;
  border: 1px solid #1d7264 !important;
  background: linear-gradient(168deg, #033229 0%, #084532e3 50%, #03180f 100%) !important;
}
.modal-halloween {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px); 
  filter: blur(5px); 
  z-index: 10000; 
  cursor: pointer;
}
.wt-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  color: white;
  border: none;
  font-size: 22px;
  cursor: pointer;
  transition: transform 0.3s;
}
.wt-close:hover {
  transform: rotate(180deg);
}
.wt-box {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  background: #112723;
  border-radius: 8px;
  border: 1.5px solid #083d33;
  width: 400px;
  box-shadow: rgb(20 57 47) 0px 3px 8px;
  z-index: 10001;
  transition: 0.35s;
}
.wt-header {
  pointer-events: none;
  background-image: url('https://i.imgur.com/lPQxYR7.png');
  background-size: 200px 200px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 30px;
  padding: 9px;
  color: white;
  text-align: center;
}
.wt-description {
  color: white;
  font-size: 15px;
  text-align: center;
  margin-top: 1.5vh;
}
.wt-btn {
  color: white;
  background: #05897d;
  padding: 10px;
  border-radius: 8px;
  border: none;
  margin-top: 2.5vh;
  border: 1.5px solid #0a5151;
  cursor: pointer;
}
@media only screen and (max-width: 1100px) {
  .wt-box {
      width: calc(100% - 50px);
  }
  .modal-halloween {
    background: rgba(0, 0, 0, 0.7);
  }
}