@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: #70798b;}

.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: #0d6efd;  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;}

.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;}
.fs-9{font-size: .7rem !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;}

.header_logo{width: 200px;}
.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:hover{border-color: #86b7fe;}
.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-select:hover{border-color: #86b7fe;}
.form-select:focus{box-shadow: none;}
.form-select {padding: .675rem .75rem; font-size: 14px;}

.password-toggle{position: absolute; right: 16px; top: 12px; cursor: pointer;}

.language-btn.btn{border: 1px solid #8590a6; background: #fff; color: #8590a6;}
.language-btn.btn:active{box-shadow: none; background: transparent; color: #8590a6; outline: none;}
.language-menu{box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 30px; border: none;}
.language-menu .dropdown-item{font-size: 14px; padding: 9px 20px; position: relative;}
.language-menu .dropdown-item.active{background-color:rgb(236, 243, 253); color: #000;}
.language-menu .dropdown-item.active::before{content: "\f633"; font-size: 20px; position: absolute; right: 15px; top: 5px; font-family: bootstrap-icons !important; color: rgba(var(--bs-primary-rgb))}

.password-tips{color: #8590a6; font-size: 13px; width: 50%;padding-left: 20px; position: relative;}
.password-tips::before{content: ""; background: #8590a6; height: 8px; width: 8px; border-radius: 50%; position: absolute; top: 5px; left: 2px;}
.password-tips.active{color: rgba(var(--bs-primary-rgb))}
.password-tips.active::before{background: rgba(var(--bs-primary-rgb))}
.btn:focus-visible {background: #fff;}

.content-body {padding-left: 290px; min-height: 100vh; background: #f5f0fe; padding-top: 15px; padding-right: 20px; padding-bottom: 20px;}
.mobile_menu {height: 0;}
.css-1lwhjos-MuiPaper-root-MuiDrawer-paper {border: none !important; background: transparent !important;}
.css-1792t5z-MuiModal-root-MuiDrawer-root .MuiDrawer-paper {width: 280px !important;}
.css-1lwhjos-MuiPaper-root-MuiDrawer-paper{z-index: 1 !important;}
.dropdown-toggle:active{background: #fff !important;}


.left_menu_list{ margin: 0;padding: 0; }
.left_menu_list li{display: block;}
.left_menu_list li a{display: block; font-weight: 500; overflow: hidden; margin-bottom: 3px; margin-top: 3px; cursor: pointer; position: relative; color: #000 !important; width: 100%;  border-radius: 10px !important; padding: 10px 15px;}

.left_menu_list li a.active{background: #e5e4ec}
.left_menu_list li a:hover{background: #e5e4ec;}

.left_menu_list li a i{color: #0d6efd; font-size: 16px; margin-right: 5px; font-size: 18px;}
.left_menu_list li a i.r-icon{color: #4B5563 !important; position: absolute; right: 0;}
.btn-toggle-nav {padding: 7px 7px;}
.btn-toggle-nav li a{padding: 7px 15px;}

.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{ min-height: calc(100vh - 210px); scrollbar-width: thin; overflow: auto; 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;}


.body-padding{padding: 0px 30px;}
.page-title{font-size: 23px; font-weight: 600;}
.language-100 .btn{width: 100%;}

.click-effect:before { content: ''; margin: auto; height: 200px; width: 200px; background-color: #fff; border-radius: 50%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scale(0.001, 0.001);   transform: scale(0.001, 0.001);}
.click-effect:focus:before { -webkit-animation: Click_Effect 0.8s ease-out; animation: Click_Effect 0.8s ease-out; }
.click-effect{position: relative; overflow: hidden;}

.circle-dropdown{color: #4B5563 !important; box-shadow: 0px 0px 7px 3px #ccc !important; background:#fff; height: 35px; width: 35px; border: none;  border-radius: 50%; padding: 0;}
.circle-dropdown:hover{background-color: #fff; border: none;}
.circle-dropdown.dropdown-toggle::after{display: none;}

.rounded-dropdown{color: #4B5563 !important; border-radius: 5px; box-shadow: 0px 0px 7px 3px #ccc !important; background: #fff !important;  border: none; height: 35px;}
.rounded-dropdown:hover{background-color: #fff; border: none;}
.user-header .dropdown-menu{width: 300px; box-shadow: 0 0 3px #0003; margin-top: 5px;}
.profile-Dropdown-menu{width: 250px !important; box-shadow: 0 0 3px #0003; margin-top: 5px;}
.top-header .rounded-dropdown{box-shadow: none !important;}

.dropdown-link{display: block; color: #2E3135 !important; padding: 13px 15px; margin-bottom: 3px; width: 100%; background: transparent; border: none; text-align: left; font-weight: 600; border-radius: 15px; font-size: 15px; }
.dropdown-link:hover{background: rgba(29, 29, 29, 0.03)}
.dropdown-link.active{background: rgba(29, 29, 29, 0.03); color: #0d6efd !important;}
.dropdown-link i{margin-right: 8px; font-size: 18px;}

.language-dropdown .dropdown-menu {width: 130px;}
.notification-height{height: 250px; overflow:auto;}
.notification-card{box-shadow: 0 2px 8px #0d6efd30; background: #fff; border-radius: 10px; transform: scale(1); transition-duration: .5s;}
.notification-card:hover{transform: scale(1.008); transition-duration: .5s;}

.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: 1px solid #E2E2EA; border-radius: 10px;} 
.card-theme-bg{background: #0062FF; color: #fff;}
.dashboard-bg{background: #fff url(../img/dashboard.png) no-repeat; background-size: cover; min-height: 291px;}
.abstract-icon{position: absolute; left: 180px; bottom: -34px;}
.card-b-border{border-bottom: 5px solid #E2E2EA;}

.back-bg-link{display: block;}
.back-bg-link a{color: #000; font-weight: 500;}
.back-bg-link a:hover{color: #0d6efd;}
.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; padding:15px 15px;}
.h5, h5 {font-size: 1.09rem;}

.my_app_border{padding: 1px; border-radius: 20px;}
.my_app_bg{border-radius: inherit; padding: 20px;}

.my_app_border.app_border0{background: linear-gradient(0deg, #9753f600 20%, #0d6efd 100%);}
.my_app_border.app_border0 .my_app_bg{background: linear-gradient(0deg, #fff 30%, #cedbef 100%);}

.my_app_border.app_border1{background: linear-gradient(0deg, #9753f600 20%, #9753f6 100%);}
.my_app_border.app_border1 .my_app_bg{background: linear-gradient(0deg, #fff 30%, #e0daee 100%);}

.my_app_border.app_border2{background: linear-gradient(0deg, #9753f600 20%, #8da587 100%);}
.my_app_border.app_border2 .my_app_bg{background: linear-gradient(0deg, #fff 30%, #deeeda 100%);}

.my_app_border.app_border3{background: linear-gradient(0deg, #9753f600 20%, #aea16e 100%);}
.my_app_border.app_border3 .my_app_bg{background: linear-gradient(0deg, #fff 30%, #eeeada 100%);}


.body_box{background:#fff url(../img/theme_shadow_bg.png) no-repeat top; position: relative; padding-bottom: 20px; background-size: 100%; min-height: 95vh;  box-shadow: 0px 0px 7px 3px #ccc; border-radius: 20px;}
.user-header{padding: 20px 20px;}

.table > :not(caption) > * > * {padding: .7rem .9rem; border: none;}
.table > tbody > tr:nth-of-type(2n+1) > *{background: rgba(143, 132, 224, 0.1); 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: #0d6efdc9; font-weight: 500; border: 1px solid transparent; padding: 4px 10px; border-radius: 8px;}
.text-btn:hover{background: #0d6efd1f; border: 1px solid #0d6efd66;}
.table-crypto{width: 30px; height: 30px; border-radius: 100%; overflow: hidden; object-fit: cover;}
.table-crypto.big{width: 50px; height: 50px;}

.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: -87%; 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 .MuiPaper-root.MuiPaper-elevation{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 #676de4; background: #373ecc29;}
.nav-tabs{padding-bottom: 20px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: #0d6efd; 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; 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%;}

.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: #0d6efd;}

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

.avtar-circle {position: relative; text-transform: uppercase; background: #0d6efd; width: 38px; height: 38px; border-radius: 50%; text-align: center;  cursor: pointer; color: #fff; 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(29, 29, 29, 0.2); cursor: pointer; width: 38px; height: 38px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center;}
.bell-circle:hover{color: #0d6efd;}
.offcanvas {z-index: 1111; max-width: 80%;}

.notification_count{background: #0d6efd; 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;}

.right_email-bg{display: block; padding: 17.61px 12px; cursor: pointer; color: rgb(29, 29, 29); text-decoration: none ; font-size: 16px; font-weight: 500; position: relative; white-space: break-spaces; border-radius: 8px;}
.right_email-bg:hover{background: rgba(29, 29, 29, 0.03); color: rgb(29, 29, 29);}
.id_copy{padding: 6px 12px; display: inline-block; font-size: 14px; background: rgba(29, 29, 29, 0.04); color: rgba(29, 29, 29, 0.51); border-radius: 20px; cursor: pointer;}
.id_copy.bgcolor{background: #cedbef91;}


.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: #0d6efd;}
.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}

.paymentsetting_box{z-index: 1; position: relative; 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: ""; z-index: -1; 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: #0d6efda6;}
.wallet_border_box .wallet_address span{background-color: #fdfcfc; color: #0d6efd; border-radius: 50px; border: 1px solid #c7d4dd;width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.wallet_border_box.border-none{border: 1px solid #0d6efd; background: #fff;}



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

.app-icon{width: 60px;}
.dashboard-user{width: 45px; font-size: 20px; text-transform: uppercase; background: #0d6efd; color: #fff; height: 45px; 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: 15px; 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: 80px; height: 80px; position: relative; font-size: 35px; text-transform: uppercase; display: flex;align-items: center;justify-content: center; background: #0d6efd; color: #fff;  border-radius: 50%;}
.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: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer;}

.loader-container {position: fixed;  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-bottom-container {z-index: 9999; right: 0; bottom: 0; display: flex; align-items: center;justify-content: center;}
.circular-loader::before, .circular-loader::after { content: ''; height: 0px; width: 0px; background-color: white; position: absolute; -webkit-transition: height .5s; transition: height .5s;}
.circular-loader {border: 3px solid #f3f3f3;border-top: 3px solid #0d6efd; border-radius: 50%; width: 30px; height: 30px; 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); }
}
.spinner-border.refresh{border: none; height: unset; width: unset;;}
.menu-open .collapse {display: block;}

.chatListM_bg { margin-bottom: 10px; overflow: hidden; position: relative; cursor: pointer; background-color: #f2f3f591; padding: 13px; border-radius: 10px;}
.chatListM_bg.active{background: #0d6efd; color: #fff;}
.chatListM_bg:last-child{margin-bottom: 0;}

.chat-right-height{height: 400px; overflow: auto;}

.msg-send-area{background: #fff; padding: 8px 15px; border-radius: 0px 10px 10px 10px;}
.profile-chat{height: 45px; width: 45px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; font-size: 18px; padding: 8px; border-radius: 50%; background: #fff;}
.profile-chat img{width: 100%; height: 100%; border-radius: inherit;}
.flex-row-reverse .msg-send-area{background: #0d6efd; color: #fff; border-radius: 10px 0px 10px 10px;}
.flex-row-reverse .profile-chat{background: #0d6efd; color: #fff; padding: 0;}
.chat-img-send{width: 60px; border-radius: 5px; margin-bottom: 5px;}
.chat-send-box{padding: 1rem; border-top: 1px solid #e3e3e3;}
.chat-send-box .chat-send-input{width: 100%; border: none; background: transparent;}
.chat-send-box .chat-send-input:focus{box-shadow: none; outline: none;}
.chat-img-preview{width: 30px; border-radius: 5px;}
.chat-img-preview-remove{position: absolute; right: -7px; top: -6px;}

.ticket-menu .css-akfcq1-MuiDrawer-docked .MuiDrawer-paper{width: 100% !important;}
.ticket-menu-btn{position: absolute; top: -49px; font-size: 20px;}