.tm2 h1, .tm2 h2, .tm2 h3, .tm2 h4, .tm2 h5, .tm2 h6{margin: 0 !important;padding: 0 !important;}
.tm2 a, .tm2 p, .tm2 ul, .tm2 li{margin: 0; padding: 0;}
.tm2 a, .tm2 button, .tm2 a:hover, .tm2 button:hover, .tm2 a:focus, .tm2 button:focus, .tm2 a:focus, .tm2 button:focus{text-decoration: none;outline: none;transition: all 0.3s ease-in-out;box-shadow: none;}
.tm2 .p-0{padding: 0;}
.tm2 .pt-0{padding-top: 0;}
.tm2 .pb-0{padding-bottom: 0;}
.tm2 .pl-0{padding-left: 0;}
.tm2 .pr-0{padding-right: 0;}
.tm2 .pt-40{padding-top: 40px;}
.tm2 .pt-30{padding-top: 30px;}
.tm2 .pt-20{padding-top: 20px;}
.tm2 .pt-15{padding-top: 15px;}
.tm2 .pt-10{padding-top: 10px;}
.tm2 .pb-40{padding-bottom: 40px;}
.tm2 .pb-30{padding-bottom: 30px;}
.tm2 .pb-20{padding-bottom: 20px;}
.tm2 .pb-15{padding-bottom: 15px;}
.tm2 .pb-10{padding-bottom: 10px;}
.tm2 .pl-10{padding-left: 10px;}
.tm2 .pl-15{padding-left: 15px;}
.tm2 .pl-20{padding-left: 20px;}
.tm2 .pl-25{padding-left: 25px;}
.tm2 .pl-30{padding-left: 30px;}
.tm2 .pr-10{padding-right: 10px;}
.tm2 .pr-15{padding-right: 15px;}
.tm2 .pr-20{padding-right: 20px;}
.tm2 .pr-25{padding-right: 25px;}
.tm2 .pr-30{padding-right: 30px;}
.tm2 .m-0{margin: 0;}
.tm2 .mt-0{margin-top: 0;}
.tm2 .mb-0{margin-bottom: 0;}
.tm2 .ml-0{margin-left: 0;}
.tm2 .mr-0{margin-right: 0;}
.tm2 .mt-50{margin-top: 50px;}
.tm2 .mt-40{margin-top: 40px;}
.tm2 .mt-30{margin-top: 30px;}
.tm2 .mt-20{margin-top: 20px;}
.tm2 .mt-15{margin-top: 15px;}
.tm2 .mt-10{margin-top: 10px;}
.tm2 .mb-50{margin-bottom: 50px;}
.tm2 .mb-40{margin-bottom: 40px;}
.tm2 .mb-30{margin-bottom: 30px;}
.tm2 .mb-20{margin-bottom: 20px;}
.tm2 .mb-15{margin-bottom: 15px;}
.tm2 .mb-10{margin-bottom: 10px;}
.tm2 .ml-10{margin-left: 10px;}
.tm2 .ml-15{margin-left: 15px;}
.tm2 .ml-20{margin-left: 20px;}
.tm2 .ml-25{margin-left: 25px;}
.tm2 .ml-30{margin-left: 30px;}
.tm2 .mr-10{margin-right: 10px;}
.tm2 .mr-15{margin-right: 15px;}
.tm2 .mr-20{margin-right: 20px;}
.tm2 .mr-25{margin-right: 25px;}
.tm2 .mr-30{margin-right: 30px;}
.tm2 .p-rel{position: relative;}
.tm2 .d-flex{display: flex !important;}
.tm2 .align-items-center{align-items: center !important;}
.tm2 .justify-content-center {justify-content: center !important;}
.tm2 .h-100vh{height: 100vh;}


.tm2 .tooltip-box.right-0 label{left: auto;right: 0;}
.tm2 .login-template2{overflow: hidden;}
.tm2 .login-template2::before{position: absolute;content: '';background: #fff;width: 150%;height: 150%;border-radius: 100%;top: 60%;left: -25%;right: 0;}
.tm2 .login-template2 .login-form-box{width: 430px;margin: 0 auto;height: 100vh;}
.tm2 .login-template2 .login-form-box .content-wrap{position: absolute;width: 430px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.tm2 .login-template2 .login-form-box .content{padding: 0;}

.tm2 .login-page .login-form-box .card{background: transparent;border-radius: 24px;box-shadow: 0 9px 21px -16px rgba(0, 0, 0, 0.3);margin: 0;padding: 0;}
.tm2 .login-page .login-form-box .card .logo-box{padding: 15px 20px;background: #101828;border-radius: 24px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.tm2 .login-page .login-form-box .card .field-box{background: #FFFFFF;padding: 25px 20px;border-radius: 24px;box-shadow: 0 9px 21px -16px rgba(0, 0, 0, 0.3);border-top-right-radius: 0;border-top-left-radius: 0;}
.tm2 .login-page .card .header{padding-bottom: 15px;}
.tm2 .login-page .otp-form .card{padding: 30px !important;box-shadow: none;}

.tm2 .login-template2 .login-form-box .welcome-text {margin-bottom: 20px;}
.tm2 .login-template2 .login-form-box .welcome-text h2{font-family: 'Inter';font-weight: 600;font-size: 26px;line-height: 32px;letter-spacing: -0.02em;color: #101828;margin-bottom: 6px !important;}
.tm2 .login-template2 .login-form-box .welcome-text p{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 22px;color: #475467;}
.tm2 .form-group{margin-bottom: 15px !important;}
.tm2 .form-label{font-family: 'Inter';font-weight: 500 !important;font-size: 14px !important;line-height: 20px;color: #344054 !important;margin-bottom: 5px !important;text-transform: capitalize !important;}
.tm2 .form-control{font-family: 'Inter';font-weight: 400;font-size: 16px;line-height: 24px;color: #667085 !important;padding: 10px 14px;background: #FFFFFF;border: 1px solid #D0D5DD;border-radius: 8px;box-shadow: none !important;height: 44px;}
.tm2 .form-control + a.show-password-link{position: absolute;right: 13px;top: 36px;cursor: pointer;}
.tm2 .login-template2 .login-form-box .remember-content a.forgot-pass{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;color: #98A2B3;}
.tm2 .login-template2 .login-form-box .remember-content a.forgot-pass:hover{color: #23CCEF;}
.tm2 .login-template2 .login-form-box .card .footer{padding: 0;}
.tm2 .login-template2 .login-form-box .footer button.submit{font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 12px;width: 100%;background-color: #101828 !important;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;border: 1px solid #101828 !important;}
.tm2 .login-template2 .login-form-box .footer button.submit:hover{background-color: transparent !important;border-color: #101828 !important;color: #101828;}
.tm2 .login-template2 .login-form-box .open-acc-link span{font-family: 'Inter';font-weight: 600;font-size: 13px;line-height: 20px;color: #475467;}
.tm2 .login-template2 .login-form-box .open-acc-link span a{color: #FD1B1B;font-weight: 600;font-size: 13px;line-height: 20px;}
.tm2 .login-template2 .login-form-box .remember-content.forpass a.forgot-pass{font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #101828;float: none;}
.tm2 .login-template2 .copy-right.login p{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;color: rgba(71, 84, 103, 0.54);margin-bottom: 20px;}
.tm2 .login-template2 .copy-right.login{position: absolute;bottom: 0;text-align: center;width: 100%;}

.tm2 .otp-form .card{padding: 30px 50px !important;}
.tm2 .otp-form .form-group label{font-family: 'Inter';font-weight: 500 !important;font-size: 14px !important;line-height: 20px;color: #344054 !important;margin-bottom: 5px !important;text-transform: capitalize !important;text-align: left;width: 100%;}
.otp-form .otp-container{text-align: left;}
.tm2 .otp-form .otp-input:not(:last-child){margin-right: 24px !important;}
.tm2 .otp-form .otp-input{width: 64px;height: 64px;}
.tm2 .otp-form .btn-verify-otp{width: 100%;}
.tm2 .otp-form .btn-verify-otp{font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 12px;width: 100%;background-color: #FD1B1B !important;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;}
.tm2 .otp-form .btn-verify-otp:hover{background-color: transparent !important;border-color: #FD1B1B !important;color: #FD1B1B;}
.tm2 .otp-form .footer-bottom{padding: 20px 0;}
.tm2 .otp-form .footer-bottom button{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;color: #98A2B3;}
.tm2 .otp-form .footer-bottom button:hover {color: #23CCEF;}

.tm2 .main-panel{float: none;width: 100%;min-height: 100%;padding: 10px;background: #f8f8fc;}
.tm2 .main-panel .top-bar{background: #101828;border-radius: 19px;padding: 30px 60px;}
.tm2 .main-panel .navbartm2 .navbar{border: none;background: transparent;}
.tm2 .navbartm2 .navbar .navbar-brand{margin: 0 !important;padding: 0 !important;}
.tm2 .navbartm2 .navbar .navbar-nav > li > a:not(.btn){color: #667085;margin: 0;}
.tm2 .navbartm2 .nav.navbar-nav{vertical-align: middle;align-items: center;display: flex;}
.tm2 .navbartm2 ul.nav li.nav-lang a{border: 1px solid #344054;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;padding: 10px 16px;font-family: 'Inter';font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;color: #344054;margin: 0;margin-left: 13px;margin: 0;}

.tm2 .navbartm2 .navbar-nav>li{margin-left: 15px;}
.tm2 .navbartm2 .site-info{display: flow-root;padding-left: 20px;}
.tm2 .navbartm2 .site-info h2{display: inline-block;font-family: 'Inter';font-weight: 600;font-size: 24px;line-height: 32px;color: #D0D5DD;}
.tm2 .navbartm2 .site-info p{font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 18px;color: #475467;}
.tm2 .sidebar-tm2{border-bottom: 1px solid #1D2939;padding: 20px 0 0;margin-bottom: 0;}
.tm2 .sidebar-tm2 .myNavbar{padding: 0;}
.tm2 .sidebar-tm2 .nav.navbar-nav{float: none;position: relative;}
.tm2 .sidebar-tm2 .nav svg-icon{display: inline-block;vertical-align: middle;}
.tm2 .sidebar-tm2 .nav.navbar-nav li{margin-right: 10px;padding: 0;padding-bottom: 15px;}
.tm2 .sidebar-tm2 .nav.navbar-nav li a{padding: 8px 12px;}
.tm2 .sidebar-tm2 .nav.navbar-nav li p{display: inline-block;vertical-align: middle;font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 24px;color: #475467;}
.tm2 .sidebar-tm2 .nav.navbar-nav li.active a{background: #475467;border-radius: 6px;}
.tm2 .sidebar-tm2 .nav.navbar-nav li.active p{color: #F2F4F7;}
.tm2 .sidebar-tm2 .collapse.show ul{position: absolute;background: #101828;border: 1px solid #1D2939;border-radius: 19px;z-index: 1111;width: 245px;display: flex;flex-direction: column;}
.tm2 .sidebar-tm2 ul.dropdown-menu{background: #101828;border: 1px solid #1D2939;border-radius: 19px;padding: 20px;top: 53px !important;width: auto !important;transform: none !important;}
.tm2 .sidebar-tm2 ul.dropdown-menu::before, .tm2 .sidebar-tm2 ul.dropdown-menu::after{content: none;}
.tm2 .sidebar-tm2 ul.dropdown-menu li{padding: 8px 10px !important;margin-right: 0 !important;transition: all 0.3s ease-in-out;}
.tm2 .sidebar-tm2 ul.dropdown-menu li a{margin: 0 !important;background: transparent !important;padding: 0 !important;}
.tm2 .sidebar-tm2 ul.dropdown-menu li a svg svg{width: 20px !important;}
.tm2 .sidebar-tm2 ul.dropdown-menu li a span.sidebar-normal{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 24px;color: #475467;vertical-align: middle;}
.tm2 .sidebar-tm2 ul.dropdown-menu li:hover{background: #1D2939;border-radius: 4px;transition: all 0.3s ease-in-out;}
.tm2 .sidebar-tm2 ul.dropdown-menu li:hover a span{color: #FFFFFF;}
.tm2 .sidebar-tm2 .nav.navbar-nav li.active ul li a{background: transparent;}
.tm2 .sidebar-tm2 ul.dropdown-menu li.active{background: #1D2939;border-radius: 4px;}
.tm2 .sidebar-tm2 ul.dropdown-menu li.active a span.sidebar-normal{color: #FFFFFF;}
.tm2 .sidebar-tm2 .nav.navbar-nav li a svg:not(:root){width: 16px !important;height: 18px !important;margin-right: 10px !important;}

.tm2 .navbartm2 ul.nav li.nav-lang ul,
.tm2 .navbartm2 ul.nav li.nav-profile ul,
.tm2 .navbartm2 ul.nav li.nav-notification ul{background: #101828;border: 1px solid #344054;}
.tm2 .navbartm2 ul.nav li.nav-lang ul::before, .tm2 .navbartm2 ul.nav li.nav-lang ul::after,
.tm2 .navbartm2 ul.nav li.nav-profile ul::before, .tm2 .navbartm2 ul.nav li.nav-profile ul::after,
.tm2 .navbartm2 ul.nav li.nav-notification ul::before, .tm2 .navbartm2 ul.nav li.nav-notification ul::after{content: none;}
.tm2 .navbartm2 ul.nav li.nav-lang ul li a,
.tm2 .navbartm2 ul.nav li.nav-profile ul li a,
.tm2 .navbartm2 ul.nav li.nav-notification ul li a{border: none;box-shadow: none;padding: 10px 24px;color: #FFFFFF;}
.tm2 .navbartm2 ul.nav li.nav-lang ul li a{cursor: pointer;}
.tm2 .navbartm2 ul.nav li.nav-lang ul li a:hover,
.tm2 .navbartm2 ul.nav li.nav-profile ul li a:hover,
.tm2 .navbartm2 ul.nav li.nav-notification ul li a:hover{background: #1D2939;border-radius: 4px;transition: all 0.3s ease-in-out;}
.tm2 .navbartm2 ul.nav li.nav-notification .notify-drop-title{border-bottom: 1px solid #e2e2e2;padding: 15px 15px;font-weight: bold;color: #FFFFFF;}
.tm2 .navbartm2 ul.nav li.nav-notification ul li a a{color: #23CCEF;background: transparent !important;padding: 0;margin-top: 6px;display: inline-block;}
.tm2 .navbartm2 ul.nav li.nav-profile a.dropdown-toggle.photo-nav{border: 1px solid #344054;}
.tm2 .navbartm2 ul.nav li.nav-profile a.dropdown-toggle.photo-nav .photo{padding: 9px;}
.tm2 .navbartm2 ul.nav li.nav-profile a.dropdown-toggle.photo-nav .photo label.initials{line-height: 16px;}

.tm2 .sidebar-tm2 ul.nav li a svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li a svg:not(:root) g{fill: #475467;}
.tm2 .sidebar-tm2 ul.nav li.active a svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li.active a svg:not(:root) g{fill: #FFFFFF;}
.tm2 .sidebar-tm2 ul.nav li:hover a svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li:hover a svg:not(:root) g{fill: #FFFFFF;}
.tm2 .sidebar-tm2 .nav.navbar-nav li:hover a{background: #475467;border-radius: 6px;}
.tm2 .sidebar-tm2 .nav.navbar-nav li:hover p{color: #FFFFFF;}
.tm2 .sidebar-tm2 .nav.navbar-nav li:active ul.nav li a, .tm2 .sidebar-tm2 .nav.navbar-nav li:hover ul.nav li a{background: transparent;}
.tm2 .sidebar-tm2 ul.nav li.active a svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li a:hover svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li a:hover svg:not(:root) g{fill: #FFFFFF;}
.tm2 .sidebar-tm2 ul.nav li ul.dropdown-menu li a svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li ul.dropdown-menu li a svg:not(:root) g{fill: #475467;}
.tm2 .sidebar-tm2 ul.nav li ul.dropdown-menu li.active a svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li ul.dropdown-menu li:hover a svg:not(:root) .st0, .tm2 .sidebar-tm2 ul.nav li ul.dropdown-menu li.active a svg:not(:root) g, .tm2 .sidebar-tm2 ul.nav li ul.dropdown-menu li:hover a svg:not(:root) g{fill: #FFFFFF;}


.tm2 .widget-label .tooltip-box{top: -2px;left: 4px;}
.tm2 .tooltip-box label{line-height: 22px;text-transform: none;}
.tm2 .dashboardtm2 .layout-light{padding: 20px 60px;}
.tm2 .dashboardtm2 .card{border: none;background: transparent;margin: 0;}
.tm2 .dashboardtm2 .card .content{padding: 0;}
.tm2 .dashboardtm2 .widget-box{margin-bottom: 20px;}
.tm2 .dashboardtm2 .widget-label h2{font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 28px;color: #101828;margin-bottom: 15px !important;text-transform: uppercase;}
.tm2 .layout-dark{background: #101828;border-radius: 19px;padding: 24px 60px;border-top-left-radius: 0;border-top-right-radius: 0;margin-top: -30px;}
.tm2 .dashboardtm2 .layout-dark .widget-box{margin-bottom: 0;}
.tm2 .dashboardtm2 .layout-dark .widget-label h2{text-transform: uppercase;color: #FFFFFF;margin-bottom: 20px;}
.tm2 .dashboardtm2 .layout-dark .currency-tabs ul.list-inline li a{font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 24px;color: #FDFDFD;border: none;}
.tm2 .dashboardtm2 .layout-dark .currency-tabs ul.list-inline li a.active{background: #1D2939;border-radius: 8px;}
.tm2 .layout-dark .welcome-dashboard-text p{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 26px;color: #FFFFFF;margin-top: 15px;}
.tm2 .layout-dark .welcome-dashboard-text p span{font-size: 22px;font-weight: 600;}

.tm2 .dashboardtm2 .layout-dark .op-acc{justify-content: space-between;}
.tm2 .dashboardtm2 .layout-dark .op-acc .d-ib{display: inline-block !important;width: auto !important;}

.tm2 .dashboardtm2 .open-acc-box .media{background: #0C1322;border-radius: 16px;padding: 20px;width: auto;}
.tm2 .dashboardtm2 .open-acc-box .media.live{margin-right: 0;}
.tm2 .dashboardtm2 .open-acc-box .media .media-left{padding-right: 30px;vertical-align: top !important;}
.tm2 .dashboardtm2 .open-acc-box .media .media-left img{width: auto;}
.tm2 .dashboardtm2 .open-acc-box .media .media-body{width: auto;}
.tm2 .dashboardtm2 .open-acc-box .media h3{font-family: 'Inter';font-weight: 600;font-size: 36px;line-height: 44px;letter-spacing: -0.02em;color: #F9FAFB;margin-bottom: 2px;}
.tm2 .dashboardtm2 .open-acc-box .media h3 label{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;text-align: center;color: #FDFDFD;padding: 2px 10px;border-radius: 72px;background: #10B620;vertical-align: super;margin-left: 10px;vertical-align: middle;}
.tm2 .dashboardtm2 .open-acc-box .media.demo h3 label{background: #F78110;}
.tm2 .dashboardtm2 .open-acc-box .media h4{font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 18px;color: #D0D5DD;}
.tm2 .dashboardtm2 .volume-block{background: transparent;border-radius: 0;border: none;margin: 0;}
.tm2 .dashboardtm2 .volume-block .media{width: auto;background: #0C1322;border-radius: 16px;padding: 25px 30px;display: inline-block;vertical-align: top !important;margin: 0;}
.tm2 .dashboardtm2 .volume-block .media.total-vol{margin-right: 0;}
.tm2 .dashboardtm2 .volume-block .media .media-left{padding-right: 16px;vertical-align: top !important;}
.tm2 .dashboardtm2 .volume-block .media .media-body{width: auto;}
.tm2 .dashboardtm2 .volume-block .media h3{font-family: 'Inter';font-weight: 600;font-size: 24px;line-height: 32px;color: #F9FAFB;}
.tm2 .dashboardtm2 .volume-block .media h4{font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 18px;color: #D0D5DD;}

.tm2 .dashboardtm2 .trading-detail-block{display: flex;justify-content: space-between;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box:first-child{margin-left: 0;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box:last-child{margin-right: 0;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box{margin: 0 10px;width: 20%;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box .trad-info-items{background: #fff;padding: 20px;border-radius: 16px;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box .trad-info-items .icon-box-text{width: 76%;display: inline-block;vertical-align: middle;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box .trad-info-items .icon-box-img{width: 24%;display: inline-block;vertical-align: middle;float: none;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box .trad-info-items .icon-box-text h4{font-family: 'Inter';font-weight: 600;font-size: 20px;line-height: 30px;color: #101828;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box .trad-info-items .icon-box-text p{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;color: #475467;width: 100%;}
.tm2 .dashboardtm2 .trading-detail-block .trad-box .trad-info-items .icon-box-img img{width: auto;}

.tm2 .dashboardtm2 .col-bottom{background: #FFFFFF;border-radius: 8px;padding: 30px 20px;}
.tm2 .dashboardtm2 .col-bottom .widget-box{margin: 0;}
.tm2 .dashboardtm2 .col-bottom .widget-label{margin-bottom: 25px;}
.tm2 .dashboardtm2 .col-bottom .widget-label.mb-s{margin-bottom: 0;}

.tm2 .dashboardtm2 .become-ib-block h4{font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 20px;color: #101828;margin-bottom: 10px !important;}
.tm2 .dashboardtm2 .become-ib-block p{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;color: #101828;margin-bottom: 10px !important;}
.tm2 .dashboardtm2 .become-ib-block a.become-ib-btn{background: #101828 !important;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;padding: 10px 24px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #FFFFFF !important;border: 1px solid #101828 !important;opacity: 1;display: inline-block;margin: 0 0 19px;}
.tm2 .dashboardtm2 .become-ib-block a.become-ib-btn:hover{opacity: 0.8;}



.tm2 .dashboardtm2 .col-bottom .ib-box{background: #F2F4F7;border-radius: 8px;padding: 15px;}
.tm2 .dashboardtm2 .col-bottom .ib-box.d-ib{display: inline-block;width: 47%;}
.tm2 .dashboardtm2 .col-bottom .ib-box.f-right{float: right;}
.tm2 .dashboardtm2 .col-bottom .ib-box .img-wrap{margin-bottom: 23px;}
.tm2 .dashboardtm2 .col-bottom .ib-box h4{font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 24px;color: #101828;}
.tm2 .dashboardtm2 .col-bottom .ib-box p{font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 20px;color: #667085;}
.tm2 .dashboardtm2 .col-bottom .ib-box.total-comm{margin-top: 31px;padding: 22px 15px;}
.tm2 .dashboardtm2 .col-bottom .ib-box.total-comm .img-wrap.d-ib{display: inline-block;vertical-align: middle;margin: 0;margin-right: 19px;}
.tm2 .dashboardtm2 .col-bottom .ib-box.total-comm .ib-content.d-ib{display: inline-block;vertical-align: middle;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ{background: #03113A;border-radius: 8px;padding: 20px 15px;margin-bottom: 22px;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ:last-child{margin-bottom: 0;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .tot-bal{padding: 0;margin: 0;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ.w-in-out{padding: 22px 23px;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .bal-box{background: transparent !important;padding: 0;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .tot-bal .wlt-label h2{font-family: 'Inter';font-weight: 600;font-size: 15px;line-height: 18px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 5px;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .tot-bal .wlt-label p{font-family: 'Inter';font-weight: 400;font-size: 10px;line-height: 14px;color: #D0D5DD;margin-bottom: 11px;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .tot-bal h3{font-family: 'Inter';font-weight: 600;font-size: 20px;line-height: 32px;color: #FFFFFF;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .tot-bal h4{font-family: 'Inter';font-weight: 400;font-size: 12px;line-height: 18px;color: #F9FAFB;opacity: 0.5;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .bal-box h4{font-family: 'Inter';font-weight: 600;font-size: 18px;line-height: 28px;color: #FFFFFF;margin-bottom: 6px !important;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .bal-box p{font-family: 'Inter';font-weight: 400;font-size: 12px;line-height: 18px;color: #F9FAFB;opacity: 0.5;}
.tm2 .dashboardtm2 .wallet-box .wlt-summ .bal-box .win, .tm2 .dashboardtm2 .wallet-box .wlt-summ .bal-box .wout{padding: 0;border: none;}
.tm2 .dashboardtm2 .trade-behav .card .ct-chart{margin: 0px 0 0;height: 240px;}


.tm2 .top-bar .breadcrumb{background-color: transparent;padding: 14px 20px;border-bottom: 1px solid #1D2939;}
.tm2 .top-bar .breadcrumb .breadcrumb-item a{color: #FFFFFF;}
.tm2 .top-bar .breadcrumb .breadcrumb-item span{color: #475467;}
.tm2 .lived2 .layout-light{padding: 20px 60px;}
.tm2 .lived2 .card{border: none;background: transparent;margin: 0;box-shadow: none;}
.tm2 .lived2 .card .content{padding: 0;}
.tm2 .lived2 .widget-box{margin-bottom: 20px;}
.tm2 .lived2 .widget-label h2{font-family: 'Inter';font-weight: 600;font-size: 15px;line-height: 18px;color: #101828;margin-bottom: 15px !important;text-transform: uppercase;}
.tm2 .lived2 .layout-light .top-cta{background: #EEF2FF;border-radius: 8px;padding: 10px 10px 10px 20px;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.tm2 .lived2 .layout-light .top-cta p{font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 24px;color: #667085;}
.tm2 .lived2 .layout-light .top-cta a.btn{background: #03113A;border-radius: 8px;padding: 14px 40px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #F9FAFB;border: 1px solid #03113A;margin: 0;margin-left: 10px;opacity: 1;}
.tm2 .lived2 .layout-light .top-cta a.btn.btn-invest-pass{background: #FFFFFF;border: 1px solid #E1E3EA;color: #101828;}
.tm2 .lived2 .layout-light .top-cta a.btn.btn-trade-pass:hover{background: #FFFFFF;border: 1px solid #E1E3EA;color: #101828;}
.tm2 .lived2 .layout-light .top-cta a.btn.btn-invest-pass:hover{background: #03113A;color: #F9FAFB;border: 1px solid #03113A;}
.tm2 .lived2 .layout-dark .widget-box{margin-bottom: 0;}
.tm2 .lived2 .layout-dark .widget-label h2{text-transform: uppercase;color: #FFFFFF;margin-bottom: 20px !important;}
.tm2 .lived2 .layout-dark .side-widget-block{padding: 0;border: none;background-color: transparent;display: flex;justify-content: space-between;}
.tm2 .lived2 .widget-label .select-live{position: absolute;top: -7px;right: 0;float: none !important;align-items: center;display: flex;}
.tm2 .lived2 .layout-dark .widget-label .select-live select{background: #101828;border: 1px solid #344054;color: #FFFFFF;border-radius: 8px;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);padding: 5px 12px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;appearance: none;-moz-appearance: none;-webkit-appearance: none;width: 145px;outline: none;}
/* .tm2 .lived2 .widget-label .select-live select{background: transparent;border: 1px solid #344054;border-radius: 4px;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);padding: 5px 12px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #344054;appearance: none;-moz-appearance: none;-webkit-appearance: none;width: 145px;} */

.tm2 .lived2 .widget-label .select-live::before{position: absolute;content: url(../img/new/select-caret-dark.png);right: 15px;top: 6px;}
.tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live{background: #0C1322;border-radius: 16px;padding: 20px;margin-bottom: 0;margin-right: 10px;}
.tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live:last-child{margin-right: 0;}
.tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live .media-left{padding-right: 10px;}
.tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live .media-left img{width: auto;}
.tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live .media-body{vertical-align: top;}
.tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live .media-body p{font-family: 'Inter';font-weight: 400;font-size: 12px;line-height: 15px;color: #667085;}
.tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live h4{font-family: 'Inter';font-weight: 600;font-size: 20px;line-height: 24px;color: #F9FAFB;margin-top: 10px !important;}

.tm2 .lived2 .live-dashboard{background: transparent;}
.tm2 .lived2 .layout-light .bg-white{background: #FFFFFF;border-radius: 19px;padding: 30px;margin-bottom: 20px;}
.tm2 .lived2 .layout-light .widget-label h2{margin-bottom: 23px !important;}
.tm2 .lived2 .layout-light .widget-label.live-dash h2{margin-bottom: 15px !important;}
.tm2 .lived2 .layout-light .widget-box{margin-bottom: 0;}
.tm2 .lived2 .layout-light .widget-block{width: 100%;}
.tm2 .lived2 .layout-light .widget-block .col-xs-6{padding: 10px 15px;}
.tm2 .lived2 .layout-light .widget-block .info-box{background: #F2F3F7;border-radius: 10px;padding: 15px;height: 130px;}
.tm2 .lived2 .layout-light .widget-block .info-box .img-wrap{margin-bottom: 16px;}
.tm2 .lived2 .layout-light .widget-block .info-box h4{font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 24px;color: #101828;}
.tm2 .lived2 .layout-light .widget-block .info-box p{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;color: #667085;}
.tm2 .lived2 .layout-light .widget-block .info-box.hover-show{display: none;}
.tm2 .lived2 .layout-light .widget-block .widget-box-hover:hover .info-box.def-show{display: none;}
.tm2 .lived2 .layout-light .widget-block .widget-box-hover:hover .info-box.hover-show{display: block;text-align: center;}
.tm2 .lived2 .layout-light .widget-block .widget-box-hover .info-box.hover-show a{padding: 35px 18px;display: inline-block;}

.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block{padding: 0;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box{display: flex;width: 100%;padding: 0;border: 0;margin-bottom: 24px;}

.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box span{display: flex;align-items: center;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box span.sr-box label{background: #013CEB;border-radius: 7px;padding: 8px;font-family: 'Inter';font-weight: 600;font-size: 15px;line-height: 18px;color: #FFFFFF;width: 34px;height: 34px;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box:nth-child(2) span.sr-box label{opacity: 0.7;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box:nth-child(3) span.sr-box label{opacity: 0.6;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box:nth-child(4) span.sr-box label{opacity: 0.5;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box:nth-child(5) span.sr-box label{opacity: 0.4;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box span.sym-val{font-family: 'Inter';font-weight: 700;font-size: 18px;line-height: 28px;color: #101828;margin: 0 10px;}
.tm2 .lived2 .layout-light .top-trade-symbol .symbol-block .symbol-box span.sym-list{display: flex;flex-direction: row-reverse;width: 100%;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #667085;}

.tm2 .lived2 .bg-white.table-bg .widget-label h2{margin-bottom: 28px !important;}
.tm2 .lived2 .widget-label .select-live.hasbtn::before{right: 95px;}
.tm2 .lived2 .bg-white .select-block select{background: #FFFFFF;border: 1px solid #D0D5DD;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;padding: 7px 16px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #344054;}
.tm2 .lived2 .bg-white .select-block a.btn{background: #101828 !important;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;padding: 7px 16px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #FFFFFF !important;border: 1px solid #101828 !important;opacity: 1;}
.tm2 .lived2 .bg-white .select-block a.btn:hover{background: transparent;color: #101828;opacity: 0.8;}
.tm2 .lived2 .table-box .table-responsive{overflow: auto !important;}
.tm2 .lived2 .table-box table tr th{width: auto;font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 34px;color: #667085;border-bottom: 1px solid #F2F4F7;padding: 0 !important;}
.tm2 .lived2 .table-box table tr th.col1{width: 8% !important;}
.tm2 .lived2 .table-box tbody tr td{border: none !important;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;padding: 10px 5px !important;}
.tm2 .lived2 .table-box tbody tr td.sr{color: #78797F !important;}
.tm2 .lived2 .table-box tbody tr td.name, .tm2 .lived2 .table-box tbody tr td.name h3{font-weight: 700 !important;font-size: 14px !important;line-height: 20px !important;color: #03113A !important;}
.tm2 .lived2 .table-box tbody tr td.name h3{display: inline-block;}
.tm2 .lived2 .table-box tbody tr td.name p{font-weight: 500 !important;font-size: 12px !important;line-height: 15px !important;color: #667085 !important;padding-left: 15px !important;display: inline-block;}
.tm2 .lived2 .table-box tbody tr td.email{color: #03113A !important;}
.tm2 .lived2 .table-box tbody tr td.grey{color: #667085 !important;font-weight: 600;font-size: 16px;line-height: 19px;}
.tm2 .lived2 .table-box tbody tr td.green{color: #12B76A !important;}
.tm2 .lived2 .table-box tbody tr td span{font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 19px;}
.tm2 .lived2 .table-box tbody tr td span.green{color: #12B76A !important;}
.tm2 .lived2 .table-box tbody tr td span.red{color: #F04438 !important;}
.tm2 .lived2 .table-box .td-cen, .tm2 .lived2 .table-box .th-cen{text-align: center !important;}
.tm2 .table-box .no-data-box img{position: unset;transform: none;}


.tm2 .ibd2 .main-content{background: transparent;}
.tm2 .ibd2 .card{border: none;background: transparent;margin: 0;box-shadow: none;}
.tm2 .ibd2 .card .content{padding: 0;}
.tm2 .ibd2 .widget-box{margin-bottom: 20px;}
.tm2 .ibd2 .widget-label h2{font-family: 'Inter';font-weight: 600;font-size: 15px;line-height: 18px;color: #101828;margin-bottom: 15px !important;text-transform: uppercase;}
.tm2 .ibd2  .main-content{padding: 0 !important;}
.tm2 .ibd2 .layout-dark .widget-box{margin-bottom: 0;}
.tm2 .ibd2 .layout-dark .widget-label h2{text-transform: uppercase;color: #FFFFFF;margin-bottom: 20px !important;}
.tm2 .ibd2 .layout-dark .side-widget-block{padding: 0;border: none;background-color: transparent;display: flex;justify-content: space-between;}
.tm2 .ibd2 .layout-dark .sel-acc-box a button{background: #475467 !important;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;color: #FFFFFF !important;border-color: #475467 !important;position: absolute;right: 0;top: -12px;}
.tm2 .ibd2 .layout-dark .sel-acc-box.select-live{position: absolute;right: 0;top: 0;}
.tm2 .ibd2 .layout-dark .short-info-block{display: flex;justify-content: space-between;}
.tm2 .ibd2 .layout-dark .short-detail{background: #0C1322;border-radius: 16px;padding: 16px;position: relative;width: 220px;margin-right: 8px;}
.tm2 .ibd2 .layout-dark .short-detail .img-wrap{margin-bottom: 20px;}
.tm2 .ibd2 .layout-dark .short-detail h4{font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 24px;color: #F9FAFB;}
.tm2 .ibd2 .layout-dark .short-detail span{position: absolute;right: 16px;top: 16px;font-family: 'Inter';font-weight: 600;font-size: 15px;line-height: 18px;color: #FFFFFF;background: #013CEB;border-radius: 19px;width: 28px;height: 28px;line-height: 28px;text-align: center;}

.tm2 .ibd2 .layout-light{padding: 20px 60px;}
.tm2 .ibd2  .layout-light .widget-label .select-live{position: absolute;top: -7px;right: 0;float: none !important;align-items: center;display: flex;}
.tm2 .layout-light .widget-label .select-live select{background: #101828;border: 1px solid #344054;color: #FFFFFF;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);border-radius: 8px;padding: 5px 12px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;appearance: none;-moz-appearance: none;-webkit-appearance: none;width: 145px;outline: none;}
/* .tm2 .ibd2  .layout-light .widget-label .select-live select{background: transparent;border: 1px solid #344054;border-radius: 4px;box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);padding: 5px 12px;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #344054;appearance: none;-moz-appearance: none;-webkit-appearance: none;width: 145px;} */
.tm2 .ibd2  .layout-light .widget-label .select-live::before{position: absolute;content: url(../img/new/select-caret-dark.png);right: 15px;top: 6px;}
.tm2 .ibd2 .layout-dark .side-widget-block .icon-box-text-live{background: #0C1322;border-radius: 16px;padding: 20px;margin-bottom: 0;margin-right: 10px;}
.tm2 .ibd2 .layout-light .bg-white{background: #FFFFFF;border-radius: 19px;padding: 30px;margin-bottom: 20px;}
.tm2 .ibd2 .layout-light .archive-msg .archive_msg{background: #EEF2FF !important;border-radius: 8px !important;padding: 10px 10px 10px 20px !important;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-comm{margin-bottom: 40px;margin-top: 40px;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-comm .tiles-widget h4{font-family: 'Inter';font-weight: 600;font-size: 30px;line-height: 38px;color: #101828;margin-left: 15px !important;margin-right: 10px !important;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-comm .tiles-widget p{font-family: 'Inter';font-weight: 600;font-size: 12px;line-height: 18px;color: #667085;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-detail{background: #F2F4F7;border-radius: 8px;padding: 30px;justify-content: space-between;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-detail .tiles-widget{display: inline-block;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-detail .tiles-widget .img-wrap{margin-bottom: 11px;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-detail .tiles-widget h4{font-family: 'Inter';font-weight: 600;font-size: 20px;line-height: 30px;color: #101828;}
.tm2 .ibd2 .layout-light .dashboard-card .summ-detail .tiles-widget p{font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 18px;color: #667085;}

.tm2 .ibd2 .layout-light .bg-white .widget-box{margin-bottom: 0;}
/* .tm2 .ibd2 .layout-light .active-trader-block .trader-box:first-child{padding-top: 20px;} */
.tm2 .ibd2 .layout-light .active-trader-block .trader-box{margin-top: 38px;}
.tm2 .ibd2 .layout-light .active-trader-block .trader-box .img-wrap{margin-bottom: 20px;}
.tm2 .ibd2 .layout-light .active-trader-block .trader-box h4{font-family: 'Inter';font-weight: 600;font-size: 30px;line-height: 38px;color: #101828;}
.tm2 .ibd2 .layout-light .active-trader-block .trader-box p{font-family: 'Inter';font-weight: 500;font-size: 14px;line-height: 20px;color: #667085;}


.tm2 .ibd2 .table-box .table-responsive{overflow: auto !important;}
.tm2 .ibd2 .table-box table tr th{width: auto;font-family: 'Inter';font-weight: 500 !important;font-size: 12px !important;line-height: 34px !important;color: #667085 !important;border-bottom: 1px solid #F2F4F7;padding: 0 !important;padding: 5px 5px !important;}
.tm2 .ibd2 .table-box table tr th.col1{width: 8% !important;}
.tm2 .ibd2 .table-box tbody tr td{border: none !important;font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 19px;padding: 10px 5px !important;}
.tm2 .ibd2 .table-box tbody tr td.sr{color: #78797F !important;font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;}
.tm2 .ibd2 .table-box tbody tr td.name, .tm2 .ibd2 .table-box tbody tr td.name h3{font-weight: 700 !important;font-size: 14px !important;line-height: 20px !important;color: #03113A !important;}
.tm2 .ibd2 .table-box tbody tr td.name h3{margin-bottom: 5px;}
.tm2 .ibd2 .table-box tbody tr td.name p, .tm2 .ibd2 .table-box tbody tr td.name a{font-weight: 500 !important;font-size: 12px !important;line-height: 15px !important;color: #667085 !important;}
.tm2 .ibd2 .table-box tbody tr td span.level{background: #013CEB;border-radius: 7px;padding: 5px;font-family: 'Inter';font-weight: 600;font-size: 12px;line-height: 15px;color: #FFFFFF;text-align: center;width: 25px;height: 25px;display: inline-block;}
.tm2 .ibd2 .table-box tbody tr td.email{color: #03113A !important;}
.tm2 .ibd2 .table-box tbody tr td.grey{color: #667085 !important;font-weight: 600;font-size: 16px;line-height: 19px;}
.tm2 .ibd2 .table-box tbody tr td.green{color: #12B76A !important;}
.tm2 .ibd2 .table-box tbody tr td span{font-family: 'Inter';font-weight: 600;font-size: 16px;line-height: 19px;}
.tm2 .ibd2 .table-box tbody tr td span.green{color: #12B76A !important;}
.tm2 .ibd2 .table-box tbody tr td span.red{color: #F04438 !important;}
.tm2 .ibd2 .table-box .td-cen, .tm2 .ibd2 .table-box .th-cen{text-align: center !important;}
.tm2 .table-box .no-data-box img{position: unset;transform: none;}

.tm2 .ibd2 .layout-light .ib-account-info .bg-blue{background: #03113A;border-radius: 8px;padding: 24px 22px;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links{padding: 30px;margin-top: 12px;}
.tm2 .ibd2 .layout-light .ib-account-info .aff-code h2{font-family: 'Inter';font-weight: 600;font-size: 15px;line-height: 18px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 10px !important;}
.tm2 .ibd2 .layout-light .ib-account-info .aff-code .aff-code-box{padding: 14px 18px;background: #0C1D4E;border-radius: 5px;}
.tm2 .ibd2 .layout-light .ib-account-info .aff-code .aff-code-box .d-ib{display: inline-block;vertical-align: middle;}
.tm2 .ibd2 .layout-light .ib-account-info .aff-code .aff-code-box .img-wrap{margin-right: 10px;}
.tm2 .ibd2 .layout-light .ib-account-info .aff-code .aff-code-box h4{font-family: 'Inter';font-weight: 600;font-size: 24px;line-height: 32px;color: #FFFFFF;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links label{font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #FFFFFF;margin-bottom: 15px !important;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .social-icons li a{background: #0C1D4E;border-radius: 46px;width: 32px;height: 32px;display: inline-block;text-align: center;line-height: 30px;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .social-icons li{padding-right: 18px;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .ref-link-ib{margin-bottom: 36px;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .ib-link-side{padding: 10px;background: #0C1D4E;border-radius: 5px;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .ib-link-side p{font-family: 'Inter';font-weight: 400;font-size: 14px;line-height: 16px;color: #FFFFFF;overflow: hidden;width: 236px;white-space: nowrap;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .ib-link-side span{color: #FFFFFF;font-size: 24px;position: absolute;left: 248px;top: -2px;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .ib-link-side a.copy-ref{position: absolute;right: 15px;top: 7px;z-index: 2;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .copy-ref-side span.copy-tool-tip{font-size: 12px;width: max-content;background: #000;padding: 2px 6px;z-index: 1;color: #FFFFFF;border-radius: 5px;position: absolute;top: -23px;right: -9px;display: none;left: auto;}
.tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .copy-ref-side:hover span.copy-tool-tip{display: block;}

.tm2 .no-data-box.main-dash img{position: unset;transform: none;}
.tm2 .lived2 .no-data-box.live-dash img{position: unset;transform: none;}
.tm2 .ibd2 .no-data-box.ib-dash img{position: unset;transform: none;}
.tm2 .dashboardtm2 .trade-behav{height: 246px;}
.tm2 .ibd2 .layout-light .ib-analytic-graph{height: 279px;}
.tm2 .lived2 .layout-light .live-account-graph{height: 290px;}

.tm2 .ibd2 .layout-light .bg-white .widget-box.table-box.top5-earning{height: 400px !important;}
.tm2 .ibd2 .layout-light .ib-account-info .no-data-box img{position: unset;transform: none;}
.tm2 .ibd2 .layout-light .ib-account-info .no-data-box.bg-white{height: 494px;}


.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap{margin-bottom: 8px;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .legend{display: inline-block;vertical-align: top;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .legend:first-child{margin-right: 20px;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .legend h4{font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 12px;line-height: 18px;color: #667085;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .legend p{font-family: 'Inter';font-weight: 600;font-size: 14px;line-height: 20px;color: #101828;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .color-code:first-child{margin-bottom: 24px;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .color-code label{background: #D0D5DD;border-radius: 48px;width: 24.38px;height: 9.29px;margin: 0;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .color-code:last-child label{background: #013CEB;} 
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .color-code h4{font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 18px;color: #667085;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .long-trade{color: #D0D5DD !important;stroke: #D0D5DD !important;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .short-trade{color: #013CEB !important;stroke: #013CEB !important;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .long-trade .ct-slice-donut{stroke-width: 20px !important;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .short-trade .ct-slice-donut{stroke-width: 18px !important;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .chart-hieght{height: 150px;}
.tm2 .dashboardtm2 .widget-box .depos-withdraw-box .dep-with-graph-wrap .ct-chart{height: 200px;}


.tm2 .dashboardtm2 .trade-beh-graph{background: #FFFFFF;border-radius: 19px;padding: 25px;}
.tm2 .dashboardtm2 .trade-beh-graph .card{border: none;background: transparent;}
.tm2 .dashboardtm2 .trade-beh-graph .card .content{padding: 0;}
.tm2 .dashboardtm2 .trade-beh-graph .trade-behave .ct-chart{margin: 0;}
.tm2 .ct-series-b .ct-point, .tm2 .ct-series-b .ct-line, .tm2 .ct-series-b .ct-bar, .tm2 .ct-series-b .ct-slice-donut {stroke: #03113A !important;}
.tm2 .ct-series-a .ct-point, .tm2 .ct-series-a .ct-line, .tm2 .ct-series-a .ct-bar, .tm2 .ct-series-a .ct-slice-donut{stroke: #013CEB !important;}
.tm2 .graph-labels.tb-color-info{text-align: left;}
.tm2 .graph-labels.tb-color-info h5{font-family: 'Inter';font-weight: 400;font-size: 14px;line-height: 20px;color: #667085;padding-left: 16px !important;padding-right: 13px !important;display: inline-block;}
.tm2 .graph-labels.tb-color-info h5::before{position: absolute;content: '';width: 8px;height: 8px;background: #013CEB;border-radius: 50%;left: 0;top: 6px;}
.tm2 .graph-labels.tb-color-info h5.loss-trade::before{background: #03113A;}

.tm2 .dashboardtm2 .trade-behav .graph-labels.tb-color-info{position: absolute;top: 30px;right: 25px;}
.tm2 .dashboardtm2 .trade-behav .chartist-tooltip{background: #D0D5DD;border-radius: 8px;border: none;padding: 11px 14px;font-size: 12px;}
.tm2 .dashboardtm2 .trade-behav .chartist-tooltip .chartist-tooltip-meta{position: relative;}
.tm2 .dashboardtm2 .trade-behav .chartist-tooltip .chartist-tooltip-meta::before{position: absolute;content: '';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #D0D5DD;left: 50%;bottom: -13px;transform: translate(-50%, 100%);}

.tm2 .lived2 .live-account-graph .chartist-tooltip{background: #D0D5DD;border-radius: 8px;border: none;padding: 11px 14px;font-size: 12px;}
.tm2 .lived2 .live-account-graph .chartist-tooltip .chartist-tooltip-meta{position: relative;}
.tm2 .lived2 .live-account-graph .chartist-tooltip .toolt_tip_label{position: relative;padding-left: 15px;}
.tm2 .lived2 .live-account-graph .chartist-tooltip .chartist-tooltip-meta::before{position: absolute;content: '';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #D0D5DD;left: 50%;bottom: -13px;transform: translate(-50%, 100%);}

.tm2 .lived2 .live-account-graph .chartist-tooltip .chartist-tooltip-meta .toolt_tip_label::after{position: absolute;content: '';left: 0;top: 3px;width: 8px;height: 8px;background: #013CEB;border-radius: 50%;}
.tm2 .lived2 .live-account-graph .chartist-tooltip .chartist-tooltip-meta .span_blue{color: #013CEB;}
.tm2 .lived2 .live-account-graph .chartist-tooltip .chartist-tooltip-meta .span_blue + .toolt_tip_label::after{position: absolute;content: '';left: 0;top: 3px;width: 8px;height: 8px;border-radius: 50%;background: #03113A;}
.tm2 .lived2 .live-account-graph .chartist-tooltip .chartist-tooltip-meta .span_orange + .toolt_tip_label::after{content: none;}
.tm2 .lived2 .live-account-graph .chartist-tooltip .chartist-tooltip-meta .span_orange{color: #03113A;}

.tm2 .ibd2 .ib-graph .chartist-tooltip{background: #D0D5DD;border-radius: 8px;border: none;padding: 11px 14px;font-size: 12px;}
.tm2 .ibd2 .ib-graph .chartist-tooltip .chartist-tooltip-meta{position: relative;}
.tm2 .ibd2 .ib-graph .chartist-tooltip .chartist-tooltip-meta::before{position: absolute;content: '';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #D0D5DD;left: 50%;bottom: -13px;transform: translate(-50%, 100%);}
.tm2 .ibd2 .ib-analytic-graph .ib-graph .ct-azure:nth-child(even){stroke: #013CEB !important;}
.tm2 .ibd2 .ib-analytic-graph .ib-graph .ct-azure:nth-child(odd){stroke: #03113A !important;}

.tm2 .fresh-datatables .form-control, .tm2 .form-control{padding: 10px 14px !important;background: #FFFFFF !important;border: 1px solid #D0D5DD !important;border-radius: 8px !important;box-shadow: none !important;height: 44px !important;font-size: 14px !important;}
.tm2 fieldset.form-control.overflow-hidden{height: auto !important;}
.tm2 .depo-frm .form-control{padding: 10px 14px !important;background: #FFFFFF !important;border: 1px solid #D0D5DD !important;border-radius: 8px !important;box-shadow: none !important;height: 44px !important;}
.tm2 .depo-frm fieldset.form-control.overflow-hidden{height: auto !important;}
.tm2 .depo-frm textarea.form-control{height: auto !important;}
.tm2 .fresh-datatables textarea.form-control, .tm2 textarea.form-control{height: auto !important;}
.tm2 .form-group span.dropdown-btn{padding: 10px 14px !important;background: #FFFFFF;border: 1px solid #D0D5DD !important;border-radius: 8px !important;box-shadow: none;height: 44px;font-family: 'Inter';font-weight: 400 !important;font-size: 16px;line-height: 24px !important;color: #667085;}
.tm2 .form-group span.dropdown-btn .dropdown-multiselect__caret{right: 7px !important;}
.tm2 .card .content ul.timeline{padding-left: 40px;}
.tm2 .profile-page .dropdown.bootstrap-select button.btn.dropdown-toggle{padding: 0;border: 0;}

.tm2 .my-trade-table{width: 100% !important;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #f5f5f5 !important;color: #888;cursor: not-allowed !important;}



/* Media Query CSS Start */
@media only screen and (min-width: 993px) and (max-width: 1483px) {
    .tm2 .lived2 .layout-light .bg-white.t-trd-sym{padding-bottom: 12px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1474px) {
    .tm2 .ibd2 .layout-light .bg-white.ac-trd{padding: 30px 13px;}
    /* .tm2 .ibd2 .layout-light .active-trader-block .trader-box{margin-top: 30px;} */
}

@media only screen and (min-width: 1300px) and (max-width: 1445px) {
    .tm2 .dashboardtm2 .col-bottom .ib-box.total-comm{padding: 26px 15px;}
    .tm2 .dashboardtm2 .col-bottom .ib-box p{margin-top: 6px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1444px) {
    .tm2 .sidebar-tm2 .nav.navbar-nav li{margin-right: 10px;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li a{padding: 8px 8px;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li a svg:not(:root){width: 15px !important;height: 16px !important;margin-right: 8px !important;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li p{font-size: 14px;}
    .tm2 .ibd2 .layout-dark .short-detail h4{font-size: 14px;}

    .tm2 .dashboardtm2 .col-bottom .widget-box .depos-withdraw-box{height: 266px;}
    .tm2 .dashboardtm2 .trade-behav{height: 266px;}

    .tm2 .dashboardtm2 .wallet-box .wlt-summ .tot-bal .wlt-label h2{font-size: 15px;}
    .tm2 .dashboardtm2 .wallet-box .wlt-summ{padding: 15px 20px !important;}
    .tm2 .dashboardtm2 .wallet-box .wlt-summ .bal-box .win, .tm2 .dashboardtm2 .wallet-box .wlt-summ .bal-box .wout{width: 100%;margin: 0;padding: 10px 0 10px 0 !important;}
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .tm2 .dashboardtm2 .col-bottom .ib-box.d-ib{width: 100%;display: block;margin-bottom: 20px;}
    .tm2 .dashboardtm2 .col-bottom .ib-box.f-right{float: none;}
    .tm2 .dashboardtm2 .col-bottom .ib-box.total-comm{margin-top: 0;}
    .tm2 .dashboardtm2 .col-bottom .ib-box .img-wrap{display: inline-block;vertical-align: middle;margin-bottom: 0;}
    .tm2 .dashboardtm2 .col-bottom .ib-box .ib-info-right{display: inline-block;vertical-align: middle;margin-left: 12px;}

    .tm2 .dashboardtm2 .row.col-wid-cus .col-md-6{width: 50% !important;margin-bottom: 10px;}
}

@media only screen and (min-width: 993px) and (max-width: 1300px) {
    .tm2 .dashboardtm2 .widget-label h2{font-size: 15px;}
    .tm2 .dashboardtm2 .open-acc-box .media.live{padding: 20px 15px;}
    .tm2 .dashboardtm2 .open-acc-box .media .media-left{padding-right: 20px;}
    .tm2 .dashboardtm2 .open-acc-box .media h3{font-size: 26px;line-height: 33px;margin-bottom: 8px !important;}
    .tm2 .dashboardtm2 .volume-block .media{padding: 25px 20px;}

    .tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .ib-link-side p{width: 153px;}
    .tm2 .ibd2 .layout-light .ib-account-info .social-links .refferal-link .ib-link-side span{left: 165px;}
}

@media only screen and (max-width: 1199px) {
    .tm2 .layout-light{padding: 20px 0 !important;}
    /* .tm2 .dashboardtm2 .trade-behav{height: 406px;} */
    .tm2 .dashboardtm2 .col-bottom{margin-bottom: 20px;}

    .tm2 .lived2 .layout-dark .side-widget-block{display: block;}
    .tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live{width: 32%;display: inline-block;margin: 4px 3px;}
}

@media only screen and (min-width: 1200px) {
    .tm2 .ibd2 .layout-light .bg-white .widget-box.table-box{height: 405px;}
    .tm2 .ibd2 .layout-light .bg-white .widget-box.table-box.top5-earning{height: 292px;}
}

@media only screen and (min-width: 1024px) {
    .tm2 .login-template2 .row.d-flex{height: 100%;display: block !important;}
    .tm2 .login-template2 .row.d-flex .col-1{display: block !important;}
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .tm2 .sidebar-tm2 .nav.navbar-nav li{margin-right: 2px;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li a{padding: 8px 6px;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li a svg:not(:root){width: 12px !important;height: 16px !important;margin-right: 5px !important;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li p{font-size: 13px;}

    .tm2 .dashboardtm2 .layout-dark .op-acc{display: block !important;}
    .tm2 .dashboardtm2 .layout-dark .op-acc .d-ib{width: 50% !important;}
    .tm2 .dashboardtm2 .open-acc-box .media{padding: 20px;width: 95%;}
    .tm2 .dashboardtm2 .volume-block .media{width: 95%;}

    .tm2 .ibd2 .layout-dark .short-detail{padding: 12px 10px;}
    .tm2 .ibd2 .layout-dark .short-detail .img-wrap{margin-bottom: 14px;}
    .tm2 .ibd2 .layout-dark .short-detail h4{font-size: 12px;}

    .tm2 .ibd2 .layout-light .bg-white.ac-trd{padding: 30px 10px;}

    /* .tm2 .dashboardtm2 .col-bottom .widget-box .depos-withdraw-box{height: 374px;} */
    /* .tm2 .dashboardtm2 .trade-behav{height: 374px;} */
}

@media only screen and (min-width: 993px) and (max-width: 1114px) {
    .tm2 .ibd2 .layout-light .active-trader-block .trader-box {margin-top: 30px;}
}

@media only screen and (min-width: 992px) {
    .tm2 .dis-mob-menu{display: block;}
}

@media only screen and (max-width: 993px) {
    .tm2 .myNavbar{display: none !important;position: unset !important;width: auto !important;background: transparent !important;transform: none !important;transition: none 0s ease 0s !important;}
    .tm2 .nav-open.myNavbar{position: unset !important;visibility: visible !important;width: 100%;background: transparent;transform: none;box-shadow: none;transition: none;overflow: scroll;height: 400px !important;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li a{transition: none;}
    .nav-open .nav .caret{position: absolute;right: 0;top: 17px;}

    .tm2 .sidebar-tm2 .nav.navbar-nav li a{margin: 0;padding: 6px 12px;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li a svg:not(:root){width: 18px;height: 22px;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li p{font-size: 13px;}
    .tm2 .sidebar-tm2 .nav.navbar-nav li{margin-right: 20px;padding-bottom: 0;}
    .tm2 .sidebar-tm2 .nav.navbar-nav{margin: 25px 0;}

    .tm2 .dashboardtm2 .widget-label h2{font-size: 15px;}
    .tm2 .dashboardtm2 .layout-dark .op-acc{display: block !important;}
    .tm2 .dashboardtm2 .widget-label h2{font-size: 15px;}
    .tm2 .dashboardtm2 .layout-dark .op-acc .d-ib{width: 100% !important;}
    .tm2 .dashboardtm2 .layout-dark .op-acc .d-ib .media{width: 100%;}
    .tm2 .dashboardtm2 .layout-dark .widget-label.blank{margin-bottom: 10px;}
    .tm2 .dashboardtm2 .layout-dark .widget-label.blank h2{display: none;}

    .tm2 .dashboardtm2 .trading-detail-block{display: block;text-align: center;}
    .tm2 .dashboardtm2 .trading-detail-block .trad-box{margin: 0;width: 33% !important;padding: 5px 5px;}
    .tm2 .dashboardtm2 .trading-detail-block .trad-box .trad-info-items .icon-box-text{text-align: left;}

    .tm2 .ibd2 .layout-dark .short-info-block{display: block;}
    .tm2 .ibd2 .layout-dark .short-detail{width: 100%;margin-bottom: 10px;}
}

@media only screen and (max-width: 767px) {
    .tm2 .lived2 .layout-dark .side-widget-block .icon-box-text-live{width: 100%;}
} 

@media only screen and (min-width: 768px) {
    .tm2 .sidebar-tm2 ul.nav.navbar-nav li:hover .dropdown-menu{display: block;}
}

@media only screen and (max-width: 699px) {
    .tm2 .dashboardtm2 .trading-detail-block .trad-box{width: 100% !important;}
}

@media only screen and (max-width: 500px) {
    .tm2 .login-template2 .login-form-box{width: 100%;padding: 110px 0;}
    .tm2 .login-template2 .login-form-box .content-wrap{position: unset;width: 100%;transform: none;}
    .tm2 .otp-form .otp-input {width: 23%;height: 60px;}
    .tm2 .otp-form .otp-input:not(:last-child){margin-right: 6px !important;}
}
/* Media Query CSS End */