@charset "utf-8";

*{margin:0px; padding:0px;}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}



html{overflow-x: hidden;}
body{overflow-x: hidden; min-height: 100vh; font-size: 13px;  color:#000; font-family: "Poppins", sans-serif; background-color: #fdfdfd ; font-weight: 400;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none;  transition: all 0.5s ease; text-decoration: none;}
.container{max-width: 1420px;}
.btn-lg {--bs-btn-padding-y: .7rem; font-size: 17px;}
.color1{color: #8590a6;}
.color2{color: #959698;}
.color3{color: #403F4D;}

.btn-light-bg{background-color:rgb(236, 243, 253); border: 1px solid rgba(13, 110, 253, 0.07);; color: rgba(var(--bs-primary-rgb))}
.btn-light-bg:hover{background-color: rgba(13, 110, 253, 0.09); border: 1px solid rgba(var(--bs-primary-rgb)); color: rgba(var(--bs-primary-rgb))}
.btn-1{background: #DCF965;  border: none; color: #fff; padding: 5px 20px; border-radius: 8px;}
.btn-2{background: #f3f2fc; border: none; color: #000; box-shadow: 0 1px 4px #00000040; padding: 8px 20px; border-radius: 8px;}
.btn-2:hover{background: #e8e6f9;}
.Verification_btn{background: #DCF96533; color: #DCF965; padding: 10px 15px; border-radius: 10px;}


.kyc-link-btn{color: #5e171f; border: 1px solid #5e171f; display: inline-block; padding: 4px 10px; border-radius: 26px;}
.kyc-link-btn:hover{background: #5e171f2b;}

.welcom-btn .btn{border: 2px solid var(--bs-btn-border-color);}
.fs-7{font-size: .9rem !important;}
.fs-8{font-size: .8rem !important;}
.pointer{cursor: pointer;}

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}

.icon-100{width: 100px;}
.icon-90{width: 90px;}
.icon-80{width: 80px;}
.icon-70{width: 70px;}
.icon-60{width: 60px;}
.icon-50{width: 50px;}
.icon-40{width: 40px;}
.icon-30{width: 30px;}
.icon-25{width: 25px;}
.icon-20{width: 20px;}
.icon-35{width: 35px;}

.header_logo{width: 110px;}


.max-width-300{max-width: 300px;}
.max-width-400{max-width: 400px;}
.max-width-500{max-width: 500px;}
.max-width-600{max-width: 600px;}
.max-width-700{max-width: 700px;}
.max-width-800{max-width: 800px;}
.max-width-900{max-width: 900px;}
.max-width-1000{max-width: 1000px;}
.max-width-1100{max-width: 1100px;}
.max-width-1200{max-width: 1200px;}

.welcome_box{min-height: calc(100vh - 250px);}

.menu_link{padding: 0px; margin: 0px; list-style: inside;}
.menu_link li{margin-right: 25px;display: inline-block; position: relative;}
.menu_link li::before{background: #d6dae1; border-radius: 1px; content: ""; height: 16px; margin: auto;position: absolute;right: -14px;top: 6px; width: 2px;}
.menu_link li:last-child{margin-right: 0;}
.menu_link li:last-child::before{display: none;}
.menu_link li a{color: #8590a6; text-decoration: none;}
.menu_link li a:hover{color: rgba(var(--bs-primary-rgb))}

.top-header{border-bottom: 1px solid #cccccc40;}

.login-view{width: 100%;}
.form-label{font-weight: 600;}
.form-control::placeholder {opacity: .4;}

.form-control:focus{box-shadow: none;}
.form-control {padding: .675rem .75rem; font-size: 14px;}
.css-13cymwt-control{border: var(--bs-border-width) solid var(--bs-border-color) !important; min-height: 44px !important;}
.form-control:focus{border-color: #ccc;}
.form-select:focus{box-shadow: none;}
.form-select {padding: .675rem .75rem; font-size: 14px;}
.cursor-pointer{cursor: pointer;}

.eye_show_box{position: absolute; right: 16px; top: 12px; cursor: pointer;}
.theme_color{color: #DCF965;}

.user_dropdown_img{width: 29px;}
.arrow_none.dropdown .dropdown-toggle::after {display: none;}
.arrow_none .btn-primary{background-color: transparent; color: #fff; padding: 12px 10px; border-radius: 0; border: none;}
.arrow_none .btn-primary:hover, .arrow_none .btn-primary:focus, .arrow_none .btn-primary:active, .arrow_none .btn-primary:disabled, .arrow_none .btn-primary:disabled{background-color: #25262b !important; color: #fff; border: none !important;}

.user_dropdown_height{ min-height: calc(100vh - 120px); scrollbar-width: thin; overflow: auto;}

header .dropdown-menu{background: #2b2d30; color: #fff; border-radius: 0; border: none;}
.user_dropdown .dropdown-menu{min-width: 320px; inset: unset !important; border: none; position: fixed !important; top: 53px !important; right: 0 !important; transform: unset !important;bottom: 0 !important;}
header .dropdown-menu hr{border-top: 1px solid #ffffff47;}

.notification_dropdown .dropdown-menu{min-width: 420px; margin-top: -2px;}


.btn:focus-visible {background: #fff;}

.content-body {padding-left: 280px; min-height: 100vh; background: #fff; padding-top: 53px; padding-bottom: 0px;}
.mobile_menu {height: 0;}

.css-1792t5z-MuiModal-root-MuiDrawer-root .MuiDrawer-paper {width: 280px !important;}
.MuiPaper-root.MuiPaper-elevation{z-index: 1 !important; top: 55px !important; border-right: 1px solid rgba(29, 29, 29, 0.08) !important; background: #ffffff !important; }
.dark .css-cyqh1t-MuiPaper-root-MuiDrawer-paper {background-color: #222 !important;}
.tradingview-widget-copyright{display:none !important;}

.left_menu_list{ margin: 0;padding: 0; }
.left_menu_list li{display: block;}
.left_menu_list > li > a{display: block; transition: unset; padding: 13px 20px; font-size: 15px; font-weight: 500; overflow: hidden; margin-bottom: 4px; margin-top: 4px; cursor: pointer; position: relative; color: #000; width: 100%;  border-radius: 10px !important;}
.left_menu_list li a img{width: 15px; filter: brightness(0) invert(0); margin-right: 10px;}
.left_menu_list > li > a::after{content: ""; opacity: 0; background: #DCF965; width: 6px; position: absolute; left: -3px; top: 8px; bottom: 8px; border-radius: 16px;}
.left_menu_list > li > a.active::after{opacity: 1;}

.left_menu_list > li > a.active{background: #e6e6e6;}
.left_menu_list > li > a:hover{background: #e6e6e6;}
.left_menu_list > li > a:hover::after{opacity: 1;}

.left_menu_list li a i{color: #b6b8bb; font-size: 16px; margin-right: 10px; font-size: 18px;}


.btn-toggle-nav li a{padding: 7px 15px; transition: unset; margin-top: 3px; border-radius: 8px; overflow: hidden; position: relative; font-weight: 500; color: #8e8e8e; display: block;}
.btn-toggle-nav li a.active{background: #e6e6e6; color: #000;}
.btn-toggle-nav li a:hover{background: #e6e6e6; color: #000;}

.btn-toggle-nav li a::after{content: ""; opacity: 0; background: #DCF965; width: 6px; position: absolute; left: -3px; top: 8px; bottom: 8px; border-radius: 16px;}
.btn-toggle-nav li a.active::after{opacity: 1;}
.btn-toggle-nav li a:hover::after{opacity: 1;}

.left_menu_list li .menu-arrow::before {content: "\f285"; font-family: bootstrap-icons !important; transition: transform 0.35s ease; position: absolute; top: 12px; right: 10px;}
.left_menu_list li .menu-arrow[aria-expanded="true"]::before {transform: rotate(90deg);}
.left-scroll{ padding: 15px 15px;}


.app_menu_list{ margin: 0;padding: 0; }
.app_menu_card .nav-item .nav-link{display: block;}
.app_menu_card .nav-item .nav-link{display: block; overflow: hidden; margin-bottom: 2px; margin-top: 2px; cursor: pointer; position: relative; color: #000 !important; width: 100%;  border-radius: 10px !important; padding: 7px 15px;}
.app_menu_card .nav-item .nav-link i {margin-right: 8px;font-size: 16px;}
.app_menu_card .nav-item .nav-link.active{background: #e5e4ec}
.app_menu_card .nav-item .nav-link:hover{background: #d1d3d747;}

.card-outer{background-color: #f4f4f4; padding: 20px 20px; border-radius: 15px;}

.arrow_list{list-style: none; padding: 0px; margin: 0px;}
.arrow_list li{ padding-right: 15px; font-weight: 600; padding-left: 30px; position: relative; margin-bottom: 10px;}
.arrow_list li::before{content: ""; filter: brightness(0) invert(0); background: url(../img/icon/check-mark.png) no-repeat; position: absolute; left: 0; top: 1px; height: 17px; width: 17px; background-size: contain;}
.arrow_list li:last-child{margin-bottom: 0;}
.icon_left_w{width: 80%;}

.body-padding{background: #fff; padding: 30px 30px; border-bottom: 10px solid #f5f7fa;}
.body-padding:last-child{border-bottom: none;}
.page-title{font-size: 23px; font-weight: 600;}
.language-100 .btn{width: 100%;}
.inner_box_bg{border: 1px solid #2FB897; background: linear-gradient(146deg,rgba(48, 190, 155, 0.25) 22.28%,rgba(247,166,0,0) 61.15%),#fff; border-radius: 15px;}

.login_header {background: #000; position: fixed; z-index: 1; left: 0; right: 0; top: 0; border-bottom: 1px solid rgba(29, 29, 29, 0.08) !important; padding: 15px 0px;}
.login_box_bg{box-shadow: rgba(22, 53, 43, 0.08) 0px 10px 60px 0px; padding: 30px; border-radius: 15px; background: #fff;}

hr.mb-5 {margin-bottom: 2rem !important;}
hr.mt-5 {margin-top: 2rem !important;}

.register_page .container{max-width: 1300px;}
.login-area{display: flex; flex-flow: wrap;}
.login_left{flex: 0 0 45%; position: relative;}
.login_left img{width: 100%; height: 100vh; }
.login_right{flex: 0 0 55%; padding-left: 80px; padding-right: 20px;}
.login_right_box{margin-top: 120px; max-width: 500px;}
.register_page{padding-top: 120px; padding-bottom: 20px;}
.register_icon{width: 100px;}
.register-right-content{padding-right: 80px;}
.register_page .icon_left_w{width: 80%;}


.authenticate-bg{position: fixed; right: 0; z-index: -1; top: -82px;}

.circle-icon{border-radius: 50px; background: rgba(143, 131, 229, 0.2); width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;}
.left-wallet-balance-bg{background: linear-gradient(105.4deg, rgba(0, 98, 255, 0.11) 0%, rgba(1, 188, 53, 0.04) 98.37%); border: 1px solid rgba(0, 98, 255, 0.16);}

.card {border-radius: 12px; width: 100%; border: none; background: #f9fafb;} 
.card-body{padding: 20px 20px;}

.back-bg-link{display: block;}
.back-bg-link a{color: #000; font-weight: 500;}
.back-bg-link a:hover{color: #DCF965;}
.back-bg-link a i{margin-right: 5px;}
.dashboard-icon{height: 60px; width: 60px; padding: 15px; background: #00000014; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.dashboard-icon img{width: 100%;}
.card-header {background: transparent; border-bottom: 1px solid #cccccc63; padding:15px 15px; font-size: 1.09rem; font-weight: 600 !important;}
.h5, h5 {font-size: 1.09rem;}
.gap-6 {gap: 4rem !important}
.active > .page-link, .page-link.active {background-color: #000; border-color: #000; color: #fff !important;}

.btn-primary{background-color: #DCF965; border-color:#DCF965 !important; color: #000;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color: #1AFB9A !important; color: #000; border-color:#DCF965 !important;}
.btn-primary:focus-visible, .btn-primary:disabled{box-shadow:none !important; color: #000; border-color:#DCF965 !important; background-color: #1AFB9A !important;}

.bg-primary{background-color: #DCF965 !important}

.user-header{padding: 0px 20px; z-index: 11; position: fixed; left: 0; right: 0; top: 0; background: #000;}

.table > :not(caption) > * > * {padding: .7rem .7rem; border: none;}


.table > tbody {vertical-align: middle;}

.search-input-box{position: relative;}
.search-input-box i{position: absolute; left: 15px;top: 9px; font-size: 17px; opacity: .6;}
.search_input{background: rgba(145, 135, 225, 0.1); border: 1px solid #0062ff38; border-radius: 35px; padding: 9px; padding-left: 45px;}
.search_input:focus{box-shadow: none; outline: none;}
.text-btn{background: transparent; color: #DCF965c9; font-weight: 500; border: 1px solid transparent; padding: 4px 10px; border-radius: 8px;}
.text-btn:hover{background: #DCF9651f; border: 1px solid #DCF96566;}
.table-crypto{width: 30px; height: 30px; border-radius: 100%; overflow: hidden; object-fit: cover;}

.desktop-none{display: none;}
.shadow_btn{box-shadow: 0px 0px 5px 2px #cccccca1; background: #fff; border-radius: 15px; padding: 10px;}
.offcanvas.offcanvas-bottom {border-radius: 20px 20px 0px 0px; max-width: 100%; border: none; height: 50vh;}
.card-bg{background: #f2f3f5; border: 1px solid transparent;}
.card-bg1{background: #cce1ff; border: 1px solid transparent;}
.card-bg2{background: #eff2f5; border: 1px solid transparent;}

.lien_box_moves{overflow: hidden; border-radius: 20px; position: relative; padding: 2px; height: 100%;}
.lien_box_moves_bg{min-height: 300px;  border-radius: 20px; padding: 20px; position: relative; backdrop-filter: blur(13.5914px); z-index: 1;  height: 100%; background: #fff; box-shadow: 0 1px 1px #ffffff17,0 20px 27px #0000000d;}
.lien_box_moves::before {content: "";  position: absolute; left: -200%; bottom: -40%; width: 0px; height: 0px; background-repeat: no-repeat; background: linear-gradient(74.61deg, #ccaafe 14.74%, #b1eaef 43.89%, #cab1f5 66.64%, #dab9fe 83.75%); transform: rotate(57deg); transition-duration: 1s;}
.lien_box_moves::after {content: ""; position: absolute;  right: -200%; top: -20%; width: 0px; height: 0px; background-repeat: no-repeat; background: linear-gradient(74.61deg, #ccaafe 14.74%, #b1eaef 43.89%, #cab1f5 66.64%, #dab9fe 83.75%); transform: rotate(57deg); transition-duration: 1s;}
.lien_box_moves:hover::before { content: ""; position: absolute;  left: -99%; bottom: -10%; width: 717px; height: 400px; background-repeat: no-repeat; background: linear-gradient(74.61deg, #ccaafe 14.74%, #b1eaef 43.89%, #cab1f5 66.64%, #dab9fe 83.75%); transform: rotate(57deg);transition-duration: 1s;}
.lien_box_moves:hover::after {content: ""; position: absolute;  right: -100%; top: -20%; width: 600px; height: 400px; background-repeat: no-repeat; background: linear-gradient(74.61deg, #ccaafe 14.74%, #b1eaef 43.89%, #cab1f5 66.64%, #dab9fe 83.75%); transform: rotate(57deg); transition-duration: 1s;}
.advance-b-h{min-height: 30px;}
.lien_box_moves_bg.recent{background-image: linear-gradient(0deg, #3f54ea 10%, #1eafe1 100%); color: #fff;}
.lien_box_moves_bg.recent .btn-primary{background: #fff; color: #000;}
.lien_box_moves_bg.recent .check_list li::before{filter: brightness(0) invert(1);}

.check_list{padding: 0px; margin: 0px; list-style: none;}
.check_list li{position: relative; font-size: 15px; padding-left: 35px; margin-bottom: 15px;}
.check_list li::before{content: ""; background: url(../img/checkmark.svg) no-repeat; background-size: cover; height: 20px; width: 20px; position: absolute; left: 0; top: 0; font-size: 19px;}
.check_list li:last-child{margin-bottom: 0px;}
.btn.disabled {opacity: .4;}

.app-left-menu .css-1lwhjos-MuiPaper-root-MuiDrawer-paper{position: unset !important;}

.nav-tabs .nav-link {border: 1px solid #c9d6df; font-weight: 500; color: #000; border-radius: 8px; padding: 7px 18px; min-width: 60px;}
.nav-tabs .nav-link:hover{border: 1px solid #f2f3f4; background: #f2f3f4;}
.nav-tabs{padding-bottom: 20px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: #DCF965; border: 1px solid #DCF965; color: #fff;}

.check-width-50 .form-check-inline{width: 45%; margin-bottom: 15px;}
.form-check-input {width: 1.3em; height: 1.3em; margin-top: 2px; margin-right: 10px; border: var(--bs-border-width) solid #a7a8a8;}
.form-check {padding-left: 2em;}

.kycaccordion .accordion-button{font-weight: 600; padding: 0; background: transparent}
.accordion-button:focus{outline: none; box-shadow: none; box-shadow: none !important; background: transparent !important; border-radius: inherit;}
.accordion-item{margin-bottom: 15px; position: relative; padding: 18px; overflow: hidden; border: 1px solid #e7e7e7 !important; border-radius: 15px !important;}
.accordion-body{padding: 0;margin-top: 20px; border-top: 1px solid #cccccc4a; padding-top: 20px;}
.accordion-button:not(.collapsed){background: transparent; box-shadow: none;}
.identity_icon {width: 52px; color: #000; padding: 12px; height: 52px; margin-right: 16px; flex-shrink: 0; display: flex; justify-content: center;  align-items: center; border-radius: 50%; background-color: rgba(29, 29, 29, 0.04);}
.identity_icon img{width: 100%; filter: brightness(0) invert(0);}
.btn-light {border: 1px solid #d8d8d8; background: transparent;}
.inner_box_bg img.icon-25{filter: brightness(0) invert(0);}

.front-back-box{border: 1px solid #4b556333; text-align: center; cursor: pointer; padding: 1.5rem; width: 180px; height: 180px; border-radius: 10px;}
.front-back-box:hover{background: #f5f0fe;}
.accordion-button:not(.collapsed) {color: var(--bs-accordion-btn-color);}
.ribbon-wrapper {position: absolute; top: -5px; right: 8px;}
.ribbon-wrapper .ribbon-section {border-radius: 10px; color: #fff; text-align: center; padding: 5px 0;  width: 120px; font-size: 10px; font-weight: 600;}
.ribbon-section.kyc-approved{background: #1E93064F; color: #1E9306}
.ribbon-section.kyc-pending{background: #bd9a2c6e; color: #bd9a2c;}
.ribbon-section.kyc-rejected{background: #BD10214D; color: #BD1021;}
.ribbon-section.kyc-not-Uploaded{background: #908e8e4d; color: #908e8e;}
.ribbon-section.recent-active{background: #DCF965;}

.modal-title{font-size: 17px !important;}
.document-img-w{width: 50px;}

.avtar-circle {position: relative; border: 2px solid #DCF965; background: #2b2d30; width: 40px; height: 40px; border-radius: 50%; text-align: center; padding: 2px; font-size: 16px; font-weight: 500; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.avtar-circle:hover {background: #f5f0fe5c;}
.avtar-circle img{width: 100%; border-radius: inherit; height: 100%;}

.bell-circle {border: 1px solid rgba(0, 0, 0, 0.12); background: #f9f9f9; cursor: pointer; width: 38px; height: 38px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center;}
.bell-circle:hover{color: #DCF965;}
.offcanvas {z-index: 1111; max-width: 80%;}

.notification_count{background: #DCF965; color: #fff; border-radius: 50%; height: 17px; width: 17px; font-size: 10px; display: flex; align-items: center; justify-content: center; position: absolute; right: -6px; top: 0px;}

.Verification_bgbox{padding: 20px; border-radius: 10px; width: 410px;}
.Verification_bgbox.bg-danger{background: #fde8e9 !important;}
.Verification_bgbox.bg-success {background: #ddecd2 !important;}
.Verification_bgbox_icon{width: 65px;}

.offcanvas-header .btn-close {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 2px solid rgba(29, 29, 29, 0.08); z-index: 1000; border-radius: 100%; cursor: pointer;}
.notification_box{padding: 20px; border-radius: 10px; margin-bottom: 10px;}
.notification_box h6 i{opacity: 0;}
.notification_box:hover{background: rgba(29, 29, 29, 0.03);}
.notification_box:hover i{opacity: 1;}
.notification_box:hover h6{color: #DCF965;}
.offcanvas-title{font-size: 20px; font-weight: 600;}

.pagination{margin-bottom: 0;}
.pagination{display: flex; justify-content: end;}
.page-link:focus {box-shadow:none}
.form-check-input:focus {box-shadow:none}

.dropdown-link{display: block; color: #fff; padding: 11px 15px; margin-bottom: 3px; width: 100%; background: transparent; border: none; text-align: left; font-weight: 500;  font-size: 14px; }
.dropdown-link:hover{background:#383a3c; color: #DCF965;}
.dropdown-link.active{background: #383a3c; color: #DCF965;}


.paymentsetting_box{background:linear-gradient(270.03deg, rgb(230, 230, 230) 2.03%, rgba(79, 119, 84, 0.25) 97.04%); position: relative; padding: 20px; border-radius: 10px;}
.paymentsetting_box .table-crypto{width: 45px; height: 45px;}
.paymentsetting_box .wallet-btn{padding: 5px 12px; display: inline-block; font-size: 13px; background:rgba(29, 29, 29, 0.1);  border-radius: 20px; cursor: pointer;}
.paymentsetting_box .wallet-btn:hover{background: rgba(29, 29, 29, 0.17);}
.paymentsetting_box_btm{margin-top: 20px;}

.qr_code_box{border: 1px solid #4b556333; margin: auto; text-align: center; cursor: pointer; padding: 5px; width: 150px; height: 150px; border-radius: 10px;}
.qr_code_box:hover{background: #fff;}

.paymentsetting_box::before{content: ""; background: url(../img/bg-img-1.png); background-repeat: no-repeat; position: absolute; left: 0; right: 0; top: 0; height: 50%;}

.wallet_bg{background: linear-gradient(270.03deg, rgba(255, 186, 211, .25) 2.03%, rgba(186, 134, 253, .25) 97.04%); box-shadow: 0px 0px 6px 2px #ccc; border-radius: 20px;}
.wallet_bg_patten{background-image: url(../img/bg-img-1.png); background-repeat: repeat-x; padding: 20px 30px 70px;}
.wallet_border_box{border: 2px dashed #fff; padding: 15px 20px; border-radius: 20px; background: linear-gradient(to right, #ffffff, #ffffff), linear-gradient(to right, #373ecc, #7441d9, #aa44e4, #7441d9); background-clip: padding-box,border-box; background-origin: padding-box,border-box;}
.wallet_border_box .wallet_address{cursor: pointer; color: #DCF965a6;}
.wallet_border_box .wallet_address span{background-color: #fdfcfc; color: #DCF965; border-radius: 50px; border: 1px solid #c7d4dd;width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.wallet_icon_box{max-width: 90%; margin: auto; margin-top: -70px;}
.pagination .page-link{padding: 3px 10px; font-size: 14px; color: #000;}

.title-text{background: #fff; padding: 20px 30px; border-bottom: 10px solid #f5f7fa;}
.section-box{background: #fff; padding: 30px 30px; border-bottom: 10px solid #f5f7fa;}
.section-box:last-child{border-bottom: none; margin-bottom: 0px;}

.app-icon{width: 60px;}
.dashboard-user{width: 55px; font-size: 20px; height: 55px; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center;}
.dashboard-lien-box{padding: 30px 33px; z-index: 1; border-radius: 10px; background: linear-gradient(105.4deg, rgba(0, 98, 255, 0.11) 0%, rgba(1, 188, 53, 0.04) 98.37%); border: 1px solid rgba(0, 98, 255, 0.16); position: relative; overflow: hidden;}
.dashboard-lien-box::before{position: absolute; top: 0px; left: 0px; z-index: -1;  width: 100%; height: 100%; background-repeat: no-repeat;  background-position: right center; background-size: auto 100%; content: ""; background-image: url("../img/dashboard-lien.svg");}
.crypto-fiat-w{margin-right: 48px; flex: 1 1 0%;}
.crypto-fiat-arrow{border: 1px solid rgba(29, 29, 29, 0.12); width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer;}
.uid-lien{border-left: 1px solid #cccccc94;}

.not-found-img{width: 100%;}
.profile_img{width: 130px; height: 130px; margin: auto;  position: relative; font-size: 40px; background: #DCF965; color: #fff;  border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center;}
.profile_img img{width: 100%; height: 100%; border-radius: inherit;}
.profile_img-edit{border: 1px solid rgba(29, 29, 29, 0.12); position: absolute; right: 0; top: 0; background: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer;}

.loader-container {position: fixed; display: none; animation: fadeOut 2s ease 2s forwards; top: 0; left: 0; z-index: 9999; right: 0; bottom: 0; background: #0000007a; display: flex; align-items: center;justify-content: center;}
.loader-container .loader::before, .loader-container .loader::after { content: ''; height: 0px; width: 0px; background-color: white; position: absolute; -webkit-transition: height .5s; transition: height .5s;}
.loader-container .loader {border: 3px solid #f3f3f3;border-top: 3px solid #DCF965; border-radius: 50%; width: 35px; height: 35px; animation: spin 2s linear infinite; margin: 0 auto; transition: all .5s ease-out; position: relative; display: flex; justify-content: center; align-items: center;}
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
label {font-weight: 500;}
.checkbox {opacity: 0; position: absolute;}
.checkbox-label { background-color: #ddd; width: 45px; height: 22px; border-radius: 50px; position: relative; padding: 5px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.checkbox-label .ball { background-color: #8b8b8b; width: 18px; height: 18px; position: absolute; left: 2px; top: 2px; border-radius: 50%; transition: transform 0.2s linear;}
.checkbox:checked + .checkbox-label .ball {transform: translateX(24px);}
.checkbox-label i{margin-right: 0 !important; font-size: 14px !important;}

.document_input{border: 2px dashed #A2A2A2; position: relative; cursor: pointer; background: #FFFFFF; padding: 20px; min-height: 10.93rem; border-radius: 10px;}
.document_input_text{position: absolute; padding-top: 16px; left: 0; right: 0; margin: auto; text-align: center;}
.document_input .img-uplaod-height{width: 70px;}

select.form-control {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display:block;
  width:100%;
 padding: .675rem .75rem;
  font-size: 14px;
  font-weight:400;
  line-height:1.5;
  color:var(--bs-body-color);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:var(--bs-body-bg);
  background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
  background-repeat:no-repeat;
  background-position:right .75rem center;
  background-size:16px 12px;
  border:var(--bs-border-width) solid var(--bs-border-color);
  border-radius:var(--bs-border-radius);
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

thead tr th{background-color: #e6e6e6  !important;}
thead tr th strong {font-weight: 500;}
.modal-body .modal-body{padding: 0;}

.c_card_box{border: 1px solid #2FB897;
  background: linear-gradient(146deg,rgba(48, 190, 155, 0.25) 22.28%,rgba(247,166,0,0) 61.15%),#fff;}
.c_card_box.card-add{border: 1px solid #DCF965; cursor: pointer; background: linear-gradient(146deg,rgba(247,166,0,.05) 22.28%,rgba(247,166,0,0) 61.15%),#fff;}

.c_card_box.card-deposit{border: 1px solid #44d40f; cursor: pointer; background: linear-gradient(146deg,rgba(66, 247, 0, 0.14) 22.28%,rgba(247,166,0,0) 61.15%),#fff}
.c_card_box.card-withdraw{border: 1px solid #dc3545; cursor: pointer; background: linear-gradient(146deg,rgba(220, 53, 69, 0.1) 22.28%,rgba(247,166,0,0) 61.15%),#fff;}
.menu-open .collapse{display: block;}
.menu-open .menu-arrow::before {
  transform: rotate(90deg);
}

.table:last-child{margin-bottom: 0;}
.account-tab img{width: 100px; transition: all 0.5s ease;}
.account-tab{align-items: center;}
.account-tab.nav-tabs .nav-link.active img{width: 160px;}
.account-tab.nav-tabs .nav-link{padding: 7px 10px; position: relative;}
.account-tab.nav-tabs .nav-link.active{background: transparent; border: 1px solid #c9d6df;}
.account-tab.nav-tabs .nav-link.active::before{content:"\f633"; font-family: bootstrap-icons !important; font-size: 27px; position: absolute; right: -10px; top: -15px;color: #0ba60b;}
.package-box{border-radius: 15px; padding: 20px; border: 1px solid #DCF965; background: linear-gradient(146deg,rgba(247,166,0,.05) 22.28%,rgba(247,166,0,0) 61.15%),#fff;}
.pl-container_text1 {font-size: 15px; padding-left: 30px; position: relative; font-weight: 500; margin-bottom: 5px;}
.pl-container_text1::before{content: "\f633"; color: #DCF965; font-family: bootstrap-icons !important; position: absolute; left: 0; top: 0; font-size: 19px;}
.pl-container_text1:last-child{margin-bottom: 0px;}
.pl-title{font-weight: 600; font-size: 30px; text-align: center; border-bottom: 1px solid #cccccc40; padding-bottom: 15px;}

.flex-1{flex: 1 1 0%;}
.slick-slide{padding: 0px 5px;}
.slick-dots li{margin: 0 !important;}
.slick-dots {position: unset !important;}


.toggle-sidebar{background: #000;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;}
.bot-message {
  display: flex;
  justify-content: start;
  flex-direction: column;
  gap: 2px;
}
.bot-message img{width: 100px;}
.bot-message-text {
  width: fit-content;
  border-radius: 5px;
  padding: 0.5rem;
  /* font-family: serif; */
  background: #fff;

}
.chat-msg-box-shadow{height: 322px; overflow-x: auto;}
.chatListM_bg {background: #fff; border: 1px solid rgba(29, 29, 29, 0.1); cursor: pointer; padding: 10px; border-radius: 10px;
  margin-bottom: 10px;}
.chatListM_bg.chatListM_bg_active{background: #e3e3e3;}
.chat-input {
  display: flex;
  gap: 6px;
}

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

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

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

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

.chatRaise {
  justify-content: flex-end;
  display: flex;
}
.chat_ticket_h{height: 350px; overflow-x: auto;}
.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 {
  
    background: #fff;


  }

  .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;
  }
}
.user-message-text img{width: 100px; border-radius: 10px;}
.user-message > div{background: #fff; display: inline-block; padding: 10px 20px; border-radius: 10px;}
.user-message-text {display: block;}
.user-message{margin-bottom: 10px;}