html, body, .wrapper{position: unset;height: 100% !important;}
.modal-backdrop{z-index: 11;}

.text-white{color: #fff !important;}
.text-black{color: #000 !important;}
.signup.terminal-iframe{display: flex;align-items: stretch;height: 100vh !important;}

.m-0{margin: 0 !important;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.p-0{padding: 0;}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.p-rel{position: relative;}
.valign-top{vertical-align: top;}
.card{border-radius: 15px !important;border: 1px solid rgba(0, 32, 96, 0.10) !important;box-shadow: none !important;}
.btn, button.btn{border-radius: 8px !important;}
form .form-control, form select.form-control{border-radius: 5px !important;border: 0.8px solid rgba(0, 32, 96, 0.10) !important;background: #fff !important;}

.h-100{height: 100%;}
.d-ib{display: inline-block;}
.d-flex{display: flex !important;}
.align-items-center{align-items: center !important;}
.justify-content-center{justify-content: center !important;}
.justify-content-between{justify-content: space-between;}
.justify-content-end{justify-content: end;}
.gap-0 {gap: 0 !important;}
.gap-1 {gap: 0.25rem !important;}
.gap-2 {gap: 0.5rem !important;}
.gap-3 {gap: 1rem !important;}
.gap-4 {gap: 1.5rem !important;}
.gap-5 {gap: 3rem !important;}
.v-mid{vertical-align: middle;}
.border-0{border: 0 !important;}
.btn-register{color: #23CCEF;text-decoration: none;background: transparent;border: 0;padding: 0;}
.btn-register:hover{color: #11bfe3;}
.signup-wrapper .btn-back-to-login{border: 0;position: absolute;z-index: 11;top: 10px;left: 10px;background: #fff;color: #000;padding: 5px 15px 5px 25px;clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 13% 100%, 0% 50%);font-weight: 600;}

.platform-module{background: #17232F;}
.sidebar-menu, .main-panel-frame, .sidebar-wrapper, .navbar-fixed{transition: all 0.3s ease;}
.page-layout .navbar-frame .navbar{position: fixed;height: 60px;margin-bottom: 0;width: 100%;left: 0;right: 0;z-index: 11;border-bottom: 0;}
body.color-1C2938 .page-layout .navbar-frame .navbar{background: #17232F;}
.page-layout .navbar-frame .navbar .navbar-brand{height: auto;border-right: 1px solid rgba(0, 32, 96, 0.10);}
.page-layout .navbar-frame .navbar .navbar-brand.w-260{width: 245px;}
.page-layout .navbar-frame .navbar .navbar-brand .custom-bg{height: 60px;background: transparent;padding-left: 0 !important;}
.page-layout .navbar-frame .navbar .navbar-minimize{height: 60px;display: flex;align-items: center;margin: 0;margin-left: -24px;}
.page-layout .navbar-frame .navbar .navbar-minimize .btn{padding: 0;border: 0;background: transparent;}
.page-layout .navbar-frame .navbar .page-title{font-size: 24px;margin: 0;padding: 12px 15px;padding-left: 30px;float: left;color: #FFF;}
.navbar-header .navigation-widget .navbar-nav li a i.fa-bell-o{color: #FFF;opacity: 1;}
.navbar-header .navigation-widget .navbar-nav li a.photo-nav{color: #FFF;border: 2px solid #FFF;opacity: 1;}
.navbar-default .navbar-toggle .icon-bar{background-color: #FFF;}
.nav-open .navbar-default .navbar-toggle .icon-bar{background-color: #FFF !important;}


.page-layout .sidebar-frame .sidebar-menu{background: #727272;position: fixed;top: 60px;bottom: 0;left: 0;width: 260px;display: block;z-index: 1;color: #fff;font-weight: 200;overflow-x: hidden;padding-top: 30px;transition: all 0.3s ease;transform: translate3d(0px, 0, 0);}
.sidebar-frame .sidebar-menu:after, .sidebar-frame .sidebar-menu:before{opacity: 0 !important;}
body.color-727272 .sidebar-frame .sidebar-menu{background: #727272;}
body.color-1560BD .sidebar-frame .sidebar-menu{background: #1560BD;}
body.color-204E81 .sidebar-frame .sidebar-menu{background: #204E81;}
body.color-008D4C .sidebar-frame .sidebar-menu{background: #008D4C;}
body.color-C19803 .sidebar-frame .sidebar-menu{background: #C19803;}
body.color-C65479 .sidebar-frame .sidebar-menu{background: #C65479;}
body.color-E51400 .sidebar-frame .sidebar-menu{background: #E51400;}
body.color-404952 .sidebar-frame .sidebar-menu{background: #404952;}
body.color-894400 .sidebar-frame .sidebar-menu{background: #894400;}
body.color-013CEB .sidebar-frame .sidebar-menu{background: #013CEB;}
body.color-101828 .sidebar-frame .sidebar-menu{background: #101828;}
body.color-1C2938 .sidebar-frame .sidebar-menu{background: #17232F;}

.page-layout .sidebar-frame .sidebar-menu ul.nav li a{color: #fff;padding: 13px 15px;transition: all 0.3s ease;margin: 2px 15px;height: auto !important;}
.page-layout .sidebar-frame .sidebar-menu ul.nav li a svg-icon svg{width: 17px;height: 20px;font-size: 14px !important;}
.page-layout .main-panel-frame{position: relative;top: 60px;left: 260px;width: calc(100% - 260px);background: rgba(0, 32, 96, 0.02);padding-top: 30px;}
.page-layout .sidebar-frame .sidebar-menu .nav li.active>a{color: #fff;opacity: 1;background: rgb(39 57 72);border-radius: 4px;}
.page-layout .main-panel-frame .mobile-page-title{display: none;}
.page-layout .main-panel-frame .mobile-page-title p{font-size: 20px;}

.sidebar-menu .sidebar-wrapper > .nav li > a p{transition: all 0.3s ease;margin: 0;}
.sidebar-menu .sidebar-wrapper > .nav li > a p .menu-caret{position: absolute;right: 7px;rotate: 180deg;}
.sidebar-menu .sidebar-wrapper > .nav li > a.collapsed p .menu-caret{rotate: 0deg;}
.sidebar-mini .sidebar-menu .sidebar-wrapper > .nav li > a p{transform: translate3d(-25px, 0, 0);transition: all 0.3s ease;}
.sidebar-mini .page-layout .sidebar-frame .sidebar-menu{transform: translate3d(-260px, 0, 0);transition: all 0.3s ease;}
.sidebar-mini .page-layout .main-panel-frame{left: 0;width: 100%;transition: all 0.3s ease;}
.sidebar-mini .page-layout .sidebar-frame .sidebar-menu ul.nav li a{height: 53px;}
.sidebar-mini .sidebar-menu .sidebar-wrapper ul.nav ul.nav li a span{transform: translate3d(-25px, 0, 0);transition: all 0.3s ease;}
.sidebar-mini .sidebar-menu .sidebar-wrapper ul.nav ul.nav li a{margin-left: 10px !important;padding-left: 26px;height: 47px;}
.sidebar-mini .page-layout .navbar-frame .navbar .navbar-minimize .btn{rotate: 180deg;}

.main-panel-frame .main-dashboard .tooltip-box{vertical-align: middle;}
.main-panel-frame .main-dashboard .card{border: 1px solid rgba(0, 32, 96, 0.10);border-radius: 12px;box-shadow: none;}
.main-panel-frame .main-dashboard .volume-block{margin: 0;}
.main-panel-frame .main-dashboard .ib-apply-content{padding: 10px;}
.main-panel-frame .main-dashboard .ib-apply-content h4{color: #000;font-size: 14px;margin: 0;font-weight: 500;border-radius: 4px;border: 0.8px solid rgba(2, 82, 239, 0.25);background: linear-gradient(0deg, #FAFBFC 0%, #FAFBFC 100%), rgba(13, 93, 251, 0.10);display: inline-block;padding: 10px;line-height: normal;margin-bottom: 10px;}
.main-panel-frame .main-dashboard .ib-apply-content p{color: #0252EF;font-size: 28px;font-weight: 600;line-height: 33px;}
.main-panel-frame .main-dashboard .ib-apply-content p.t-apply{color: #000;}
.main-panel-frame .main-dashboard .volume-box{width: 100%;display: inline-block;vertical-align: top;background: url(../img/ewa-bg.svg);background-size: cover;background-repeat: no-repeat;background-position: center center;padding: 41px 21px;}
.main-panel-frame .main-dashboard .volume-box .vol-box{width: 100%;text-align: center;border-radius: 10px;border: 1px solid rgba(171, 200, 255, 0.40);background: rgba(0, 56, 217, 0.50);}
.main-panel-frame .main-dashboard .volume-box .vol-box p{font-size: 22px;font-weight: 700;}
.main-panel-frame .main-dashboard .volume-box .vol-box h4{color: rgba(255, 255, 255, 0.80);font-size: 12px;}
.main-panel-frame .main-dashboard .ib-info .ib-cta {background: rgb(0 115 249 / 20%) !important;}
.main-panel-frame .main-dashboard .open-account-list .acc-content{padding: 15px 16px;border-radius: 10px;border: 1px solid rgba(2, 82, 239, 0.10);background: #FAFBFC;margin-bottom: 15px;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc{padding: 0 10px 0 10px;border-right: 1px solid rgba(2, 82, 239, 0.10);width: 20%;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc:nth-child(2){width: 29%;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc:nth-child(3){width: 23%;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc.acc-expiry{width: 25%;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc:first-child{padding-left: 0;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc:last-child{border-right: 0;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc h4{margin: 0;color: #000;font-size: 13px;font-weight: 400;line-height: normal;margin-bottom: 5px;}
.main-panel-frame .main-dashboard .open-account-list .acc-content .acc h5{margin: 0;color: #000;font-size: 14px;font-weight: 600;line-height: normal;}
.main-panel-frame .main-dashboard .open-account-list .trade-buttons .btn-dash-changepass{border-radius: 4px;border: 0.8px solid rgba(2, 82, 239, 0.25);background: rgba(13, 93, 251, 0.10);margin-left: 15px;color: rgba(0, 0, 0, 0.60);}
.main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc{color: #000;font-size: 13px;font-weight: 500;line-height: normal;border-radius: 4px;padding: 9px 12px 9px 27px;display: inline-block;vertical-align: middle;position: relative;height: 38px;}
.main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc.live{border: 1px solid rgba(46, 204, 113, 0.18);background: rgba(46, 204, 113, 0.10);}
.main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc.demo{border: 1px solid rgba(0, 168, 233, 0.18);background: rgba(0, 168, 233, 0.10);}
.main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc::before{position: absolute;content: '';height: 10px;width: 10px;display: inline-block;border-radius: 50px;top: 13px;left: 12px;}
.main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc.live::before{border: 1px solid #5EE396;background: #2ECC71;}
.main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc.demo::before{border: 1px solid #BBECFF;background: #00A8E9;}
.main-panel-frame .main-dashboard .open-account-list ul.pagination{margin: 15px 0 20px;}
.main-panel-frame .main-dashboard .open-account-list ul.pagination li a{border-radius: 6px;border: 0.679px solid rgba(0, 32, 96, 0.10);color: #000;font-size: 15px;font-weight: 400;line-height: normal;padding: 9px 20px;background: transparent;cursor: pointer;}
.main-panel-frame .main-dashboard .open-account-list ul.pagination > .disabled{opacity: 1;}
.main-panel-frame .main-dashboard .open-account-list ul.pagination > .disabled > a{color: rgba(0, 0, 0, 0.25);cursor: not-allowed;}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend{border-radius: 10px;border: 1px solid rgba(2, 82, 239, 0.10);background: #FAFBFC;padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend .items{width: 50%;}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box{position: relative;padding-left: 30px;}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box::before{position: absolute;content: '';background: #0252EF;height: 14px;width: 14px;left: 0;border-radius: 50px;border: 1px solid rgb(65 129 255 / 19%);}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box.withdrawal::before{background: #EAEDF7;}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box h3{color: #000;font-size: 14px;font-weight: 500;line-height: 18px;margin: 0;margin-bottom: 5px;}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box label span{color: #34C759;}
.main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box.withdrawal label span{color: #FF3B30;}
.modal-open .dashboard-acc-modal.modal{padding: 4px 0 !important;}
.dashboard-acc-modal button.close{margin-right: 18px;margin-top: 17px;opacity: 0.6;}
.dashboard-acc-modal button.close span{font-size: 25px;}
.dashboard-acc-modal .modal-dialog{display: flex;align-items: center;min-height: calc(100% - 1rem);transform: none;transition: transform .3s ease-out;transform: translate(0, -50px);}
.dashboard-acc-modal .modal-content{border-radius: 10px;width: 100%;}
.dashboard-acc-modal .modal-body-header, .dashboard-acc-modal .modal-footer{border-radius: 8px 8px 0px 0px;border: 1px solid rgba(39, 40, 45, 0.10);background: #EDF3FF;padding: 20px;}
.dashboard-acc-modal .modal-body-header .modal-title{font-size: 18px;font-weight: 600;color: #1C1C1C;line-height: 18px;}
.dashboard-acc-modal .modal-footer{border-radius: 0px 0px 8px 8px;padding: 8px 20px;}
.dashboard-acc-modal .form-frame{padding: 20px;}
.dashboard-acc-modal .form-frame .form-check{padding: 7px 0;}
.dashboard-acc-modal .form-frame .form-check input[type=radio]{height: 20px;width: 20px;vertical-align: top;margin: 0;}
.dashboard-acc-modal .form-frame .form-check input[type=radio] + label{vertical-align: text-bottom;margin-left: 15px;}
.platform-module .page-layout .main-panel-frame{padding-top: 0 !important;}
.platform-module .page-layout .sidebar-frame .sidebar-menu{border-right: 1px solid rgba(255, 255, 255, 0.60);}
.cus-main-panel{float: none;width: calc(100% - 260px);margin-left: 260px;height: 100vh !important;}
.spinner-box{position: relative;height: 272px;}
.spinner-box .spinner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.table-ib-statistic table.table-resp-cus{width: 2000px !important;}
.modal.ticket-view button.close, .modal.ticket-view .ticket-download{position: relative;z-index: 2;}
.support-note p{font-size: 14px;font-style: normal !important;padding: 7px 10px;background: #ffece4;border-radius: 4px;font-weight: 600;}


/* Card Listing Style Start */
.card-filter .form-group label.control-label{color: #000;font-size: 14px;font-weight: 400;line-height: 22px;}
.card-filter .form-group .form-control{border-radius: 10px !important;border: 1px solid rgba(0, 32, 96, 0.10) !important;background: #FAFBFC;color: rgba(0, 0, 0, 0.20) !important;font-size: 14px;font-weight: 400;line-height: 22px;height: 38px !important;}
.card-filter .form-group .date::before{position: absolute;content: url(../img/filter-calendar.png);top: 8px;left:10px;}
.card-filter .form-group .date .form-control{padding-left: 40px;}

.card-list .card-row .item{border-radius: 10px;border: 1px solid rgba(0, 32, 96, 0.10);background: #FAFBFC;padding: 15px 20px;margin-bottom: 15px;}
.card-list .card-row.full-width .item .item-value{position: relative;width: 15%;padding: 0 6px;}
.card-list .card-row.full-width .item .item-value:first-child{padding-left: 0;}
.card-list .card-row.full-width .item .item-value:last-child{width: 9%;padding-right: 0;}
.card-list .card-row .item .item-value label{color: #000;font-size: 12px;font-weight: 400;line-height: normal;margin-bottom: 5px;display: block;}
.card-list .card-row .item .item-value h4{color: #000;font-size: 16px;font-weight: 500;line-height: normal;}
.card-list .card-row .item .item-value.amount.deposit h4, .card-list .card-row .item .item-value.amount.text-success h4{color: #009130;}
.card-list .card-row .item .item-value.amount.withdrawal h4, .card-list .card-row .item .item-value.amount.text-danger h4{color: #B12318;}
.card-list .card-row .item .item-value.status.completed h4{background: #D4F8D3;}
.card-list .card-row .item .item-value.status.failed h4{background: rgba(177, 35, 24, 0.10);}
.card-list .card-row .item .item-value.status.pending h4{background: #d9edf7;}
.card-list .card-row .item .item-value.status h4{padding: 4px 5px;border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: 0.1px;}
.card-list .card-row .item .item-value.status.completed h4{color: #1F895D;}
.card-list .card-row .item .item-value.status.failed h4{color: #B12318;}
.card-list .card-row .item .item-value.status.pending h4{color: #31708f;}
.card-list .card-row .item .item-value.status h4 span img{vertical-align: top;}
.card-list .card-row .item .item-value.action button{padding: 0;background: transparent;border: 0;outline: none;box-shadow: none;padding-right: 6px;}
.card-list .card-row .item .item-value.action button img{height: 25px;}
.card-list.payment-list .card-row.full-width .item .item-value{width: auto !important;}
.card-list.payment-list .card-row.full-width .item .item-value.action-btn button img{padding-top: 2px;}

.card-list .card-row.mobile-view .item .item-value{margin-bottom: 14px;}
.card-list .card-row.mobile-view .item .item-value:last-child{margin-bottom: 0px;}
.card-list .card-row.mobile-view .item .item-value label{font-size: 13px;margin: 0;}
.card-list.payment-list .card-row.mobile-view .item .item-value h4{font-size: 14px;}
.card-list.payment-list .card-row.mobile-view .item .item-value.proc-time h4{text-align: right;}
.card-list.payment-list .card-row.mobile-view .item .item-value.action-btn button{width: 100%;}
.card-list.payment-list .card-row.mobile-view .item .item-operation{border-bottom: 1px solid rgba(2, 82, 239, 0.10);}
.card-list.payment-list .card-row.mobile-view .item .item-operation .item-value label{font-size: 14.839px;font-weight: 400;line-height: normal;margin-bottom: 6px;}
.card-list.payment-list .card-row.mobile-view .item .item-operation .item-value h4{font-size: 17.806px;font-weight: 500;line-height: normal;}

.card-list.ib-overview-list .card-row.full-width .item .item-value:first-child{width: 30%;}
.card-list.ib-overview-list .card-row.full-width .item .item-value:nth-child(2){width: 18%;}
.card-list.ib-overview-list .card-row.full-width .item .item-value:nth-child(3){width: 8%;}
.card-list.ib-overview-list .card-row.full-width .item .item-value:nth-child(4){width: 12%;}
.card-list.ib-overview-list .card-row.full-width .item .item-value:last-child{width: 10%;}

.card-list.ib-with-list .card-row.full-width .item .item-value:nth-child(2){width: 8%;}
.card-list.ib-with-list .card-row.full-width .item .item-value:nth-child(4){width: 10%;}

.card-list .card-row .item .item-value h4.break-word{white-space: normal;word-break: break-all;}
.card-list .card-row .item .item-value h4.green{color: #009130;}


.card-list.ticket-list .card-row.full-width .item .item-value{width: 14% !important;}
.card-list.ticket-list .card-row.full-width .item .item-value.status{width: 20% !important;}
.card-list.ticket-list .card-row.full-width .item .item-value.action{width: 6% !important;}
.card-list .card-row .item .item-value.status.success h4{background: #D4F8D3;}
.card-list .card-row .item .item-value.status.danger h4{background: rgba(177, 35, 24, 0.10);}
.card-list .card-row .item .item-value.status.primary h4{background: #C2D7FF;}
.card-list .card-row .item .item-value.status.warning h4{background: #fff2e1;}
.card-list .card-row .item .item-value.status.info h4{background: #d7f6fd;}
.card-list .card-row .item .item-value.status.success h4{color: #1F895D;}
.card-list .card-row .item .item-value.status.danger h4{color: #B12318;}
.card-list .card-row .item .item-value.status.primary h4{color: #0252EF;}
.card-list .card-row .item .item-value.status.warning h4{color: #ff9510;}
.card-list .card-row .item .item-value.status.info h4{color: #23ccef;}

.wallet-id-box{color: #000;}
.wallet-card{margin-bottom: 20px;gap: 15px;}
.wallet-card .amount-card{border-radius: 15px;border: 1px solid rgba(0, 32, 96, 0.10);background: #FFF;padding: 15px;width: 215px;}
.wallet-card .amount-card h4{color: #000;font-size: 20px;font-weight: 400;}
.wallet-card .amount-card p{color: rgba(0, 0, 0, 0.80);font-size: 12px;font-weight: 400;line-height: normal;}
.wallet-card .amount-card .wallet-cicon i{border: 1px solid rgba(27, 90, 253, 0.08);color: #1B5AFD !important;font-size: 20px;background: rgba(27, 90, 253, 0.10);height: 44px;width: 44px;line-height: 44px;border-radius: 50%;}
.wallet-card .amount-card:last-child .wallet-cicon i{border: 1px solid rgba(0, 187, 139, 0.08);color: #00bb8b !important;background: #ccf1e8;}
.wallet-id-box .wallet-address{margin: 0 10px;border-radius: 5px;border: 1px solid rgba(2, 82, 239, 0.10);background: #FFF;padding: 2px 7px;}

.cus-popup .modal-content{border-radius: 8px;}
.cus-popup button.close{color: #000;font-size: 24px;opacity: 1;}
.cus-popup .popup-header{border-radius: 8px 8px 0px 0px;border: 1px solid rgba(39, 40, 45, 0.10);background: #EDF3FF;}
.cus-popup .popup-footer{border-radius: 0px 0px 8px 8px;border: 1px solid rgba(39, 40, 45, 0.10);background: #EDF3FF;}
.cus-popup .popup-header h4{color: #1C1C1C;font-size: 14px;font-weight: 600;line-height: 18px;}
.cus-popup .modal-body label.control-label{font-weight: 400;}
.cus-popup .modal-body .form-group label small.text-info{color: #1C1C1C !important;font-weight: 400 !important;line-height: normal;}
.cus-popup .modal-body .file-input > button{padding: 4px 8px;border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.20);background: rgba(0, 0, 0, 0.05);padding-left: 25px;position: relative;color: #000;}
.cus-popup .modal-body .file-input > button::before{position: absolute;content: url(../img/upload-icon.svg);left: 8px;top: 5px;}
.cus-popup .modal-body .file-input .file-name-text{color: #1C1C1C;font-weight: 400;line-height: normal;}
/* Card Listing Style End */


/* FAQ Style Start */
.faq-m .faq-search-box{margin-bottom: 25px;}
.faq-m .faq-search-box .form-control{border-radius: 10px !important;border: 1px solid rgba(0, 32, 96, 0.10) !important;background: #FAFBFC !important;}
.faq-m .faq-search-box .faq-searchbtn{width: auto;}
.faq-m .nav-tabs{border-bottom: 0;}
.faq-m .nav-tabs li{margin-right: 10px;}
.faq-m .nav-tabs li:last-child{margin-right: 0px;}
.faq-m .nav-tabs li a{padding: 10px 15px;border-radius: 6px;border: 0.679px solid rgba(13, 93, 251, 0.10);background: rgba(13, 93, 251, 0.10);color: rgba(0, 0, 0, 0.20) !important;font-size: 14px;font-weight: 400;line-height: normal;}
.faq-m .nav-tabs li.active a{border-radius: 8px;border: 1px solid #2F75FF;background: #0252EF;color: #FFF !important;}
.faq-m .faq-answer-box > * {max-width: 100%;}
.faq-m .tab-content .panel{border-radius: 10px;border: 1px solid rgba(0, 32, 96, 0.10);}
.faq-m .tab-content .panel .panel-heading{background: transparent !important;}
.faq-m .tab-content .panel .panel-heading a::before{position: absolute;content: url(../img/plus-icon.svg);top: 45%;right: 15px;width: 24px;height: 24px;transform: translate(0, -50%);}
.faq-m .tab-content .panel .panel-heading.in a::before {content: url(../img/minus-icon.svg);}
.faq-m .tab-content .panel .panel-heading h4{line-height: normal;}
.faq-m .tab-content .panel .panel-heading h4 a{padding: 15px 60px 15px 20px;color: #000;font-size: 18px;font-weight: 400;line-height: normal;}
/* FAQ Style End */

.filter-form-view .filter-icon{display: none;}
.filter-form-view .filter-layout{display: none;}
.filter-form-view .filter-layout.open{display: block;transition: all 0.3s ease;}
.filter-form-view .fil-btn{background: transparent;border: 0;}

.ib-request .ib-apply{padding-right: 10px;}
.ib-request .ib-apply h4{color: #000;font-size: 14px;font-weight: 400;line-height: normal;margin: 0;margin-bottom: 18px;padding: 10px;border-radius: 4px;border: 0.8px solid rgba(2, 82, 239, 0.25);background: linear-gradient(0deg, #FAFBFC 0%, #FAFBFC 100%), rgba(13, 93, 251, 0.10);display: inline-block;}
.ib-request .ib-apply p{color: #000;font-size: 28px;font-weight: 600;line-height: 33px;margin-bottom: 20px;}
.ib-request .ib-req-cta{background: rgb(0 115 249 / 20%);padding: 10px;border-radius: 6px;}
.ib-request .ib-req-cta p{margin: 0;font-size: 14px;font-weight: 600;}
.ib-request.ib-reject .ib-req-cta{background: rgb(223 80 80 / 20%);}

.close.z-11{position: relative;z-index: 11;margin-top: 3px;font-size: 24px;opacity: 1;}

@media (min-width: 1300px) {
    .main-panel-frame .main-dashboard .depst-withdraw-card .legend .items:first-child{border-right: 1px solid rgba(2, 82, 239, 0.10);margin-right: 7%;}
}

@media (min-width: 992px) {
    .open-account-card.card, .depst-withdraw-card.card{height: 430px;}
    .depst-withdraw-card.card .img-depo-with-no-data{padding: 0;}
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .page-layout .navbar-frame .navbar .navbar-brand.w-260 {width: 195px;}
    .page-layout .navbar-frame .navbar .navbar-brand .custom-bg{padding: 10px 7px !important;}
    .page-layout .navbar-frame .navbar .navbar-brand .custom-bg .logo-img img{width: 160px;}
    .page-layout .navbar-frame .navbar .navbar-minimize .btn{margin: 10px 7px;}
    .page-layout .navbar-frame .navbar .navbar-minimize .btn img{height: 30px;width: 30px;}
    .page-layout .sidebar-frame .sidebar-menu{width: 210px;}
    .page-layout .main-panel-frame{left: 210px;width: calc(100% - 210px);}    
    .page-layout .navbar-frame .navbar .page-title{padding-left: 15px;}
    .main-panel-frame .main-dashboard .open-account-list .acc-content{padding: 15px 9px;}
    .main-panel-frame .main-dashboard .open-account-list .acc-content .acc{padding: 0 5px 0 10px;}

    .main-panel-frame .main-dashboard .depst-withdraw-card .legend{padding: 15px 6px;}
    .main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box{padding-left: 15px;}
    .main-panel-frame .main-dashboard .depst-withdraw-card .legend .chart-info-box::before{height: 10px;width: 10px;}
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
    .main-panel-frame .main-dashboard .open-account-list .acc-content .acc{padding: 0 4px 0 5px;}
}

@media (min-width: 993px) {
    .navbar-header{float: right;padding-right: 15px;}
}

@media (max-width: 1100px) {
    .mywallet-filer.card-filter .form-group label.control-label{font-size: 12px;}
}

@media (max-width: 1070px) {
    .card-list.payment-list .card-row.full-width .item .item-value:nth-child(5){width: 25% !important;}
    .card-list.wallet-list .card-row.full-width .item .item-value:nth-child(5){width: auto !important;}
}

@media (max-width: 1199px) {
    .table-sub-ib-analytic table.table-resp-cus, .table-sub-ib-transaction table.table-resp-cus, .table-sub-ib-trade table.table-resp-cus, .table-sub-ib-liveacc table.table-resp-cus{width: 1000px !important;}
    .card-filter .form-group .form-control{padding: 8px;font-size: 12px;}
    .card-filter .form-group .date::before{left: 7px;}
    .card-filter .form-group .date .form-control{padding-left: 34px;}

    .card-list .card-row.full-width .item{padding: 15px 10px;}
    .card-list .card-row.full-width .item .item-value h4{font-size: 14px;}
    .card-list .card-row.full-width .item .item-value.status h4{font-size: 13px;padding: 3px 2px;}
    .card-list .card-row.full-width .item .item-value:last-child{padding: 0;}
    .card-list .card-row.full-width .item .item-value.action button{padding: 0;}
    .card-list .card-row.full-width .item .item-value.action button img{height: 20px;}
    .card-list .card-row.full-width .item .item-value:nth-child(2){width: 16%;}
    .card-list .card-row.full-width .item .item-value:nth-child(5){width: 12%;}
    .card-list .card-row.full-width .item .item-value:nth-child(7){width: 17%;}
}


@media (max-width: 992px) {
    .page-layout .navbar-frame .navbar-toggle{margin: 10px 0;width: 36px;height: 40px;padding: 0;padding-right: 4px;float: left;}
    .navbar-header .navigation-widget{display: flex;justify-content: end;gap: 20px;}
    .navbar-header .navigation-widget .navbar-nav li{display: inline-block;vertical-align: middle;float: left;}
    .navbar-header .navigation-widget .navbar-nav li.dropdown ul.dropdown-menu.show{right: 0 !important;left: auto;}
    .navbar-header .navigation-widget .navbar-nav li.dropdown ul.dropdown-menu li{float: none;display: block;padding: 7px;} 
    .navbar-header .navigation-widget .navbar-nav li.dropdown .dropdown-menu:after, .navbar-header .navigation-widget .navbar-nav li.dropdown .dropdown-menu:before{right: 12px;left: auto;}
    
    .platform-module .page-layout .main-panel-frame .mobile-page-title{display: none;}
    .page-layout .sidebar-frame .sidebar-menu{left: 0 !important;right: auto !important;transform: translate3d(-260px, 0, 0);z-index: 12;}
    .page-layout .main-panel-frame{width: 100%;left: 0;position: relative;padding-top: 30px;}
    .nav-open .page-layout .sidebar-menu{transform: translate3d(0px, 0, 0) !important;}

    .page-layout .navbar-frame .navbar .navbar-brand{border-right: 0;}
    .page-layout .navbar-frame .navbar .navbar-minimize{display: none;}
    .page-layout .navbar-frame .navbar .page-title{display: none;}
    .page-layout .main-panel-frame .mobile-page-title{display: block;}

    .notification-list{border-radius: 0;padding: 0;z-index: 2;width: 200px !important;}
    .notification-list .notify-drop-title a.clear-all{padding: 0;color: #000;}
    .notification-list .notify-drop-title .fa.fa-info-circle{color: #000;}
    .nav-mobile-menu li:first-child .notification-list li{padding: 0 15px;}
    .nav-mobile-menu li.dropdown a.dropdown-toggle{color: #FFF;}
    .navbar-header .navigation-widget .navbar-nav li.dropdown ul.dropdown-menu.notification-menu{height: 300px;overflow-y: scroll;z-index: 9999;}
    .min-h-65, .min-h-325{height: 100%;min-height: 100%;max-height: 100%;}
    .iframe-box.moneycontrol iframe{height: 400px !important;}

    .sub_ib_live_inculde_child{margin-left: 0;}
    .faq-answer-box > * {max-width: 100%;}

    .card-filter .form-group .form-control{padding: 8px 10px;font-size: 14px;}
    .card-filter .form-group .date::before{left: 10px;}
    .card-filter .form-group .date .form-control{padding-left: 40px;}
}

@media (max-width: 768px) {
    .page-layout .sidebar-frame .sidebar-menu{z-index: 10;}
    .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav{margin: 0 0;}
    .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav > li > a{margin: 9px 3px;}
    .main-panel-frame .main-dashboard .vol-row{padding-left: 15px !important;}
    .main-panel-frame .main-dashboard .ib-apply-content p{font-size: 18px;line-height: 18px;}
    .main-panel-frame .main-dashboard .ib-apply-content .ib-apply-box{padding-right: 15px;}
    .main-dashboard .trading-detail-block{text-align: center;}
    .main-dashboard .trading-detail-block .trad-box{width: 44%;margin: 4px 5px;}
    .main-dashboard .trading-detail-block .trad-box h4, .main-dashboard .trading-detail-block .trad-box p{text-align: left;}
    .main-dashboard .trad-box .icon-box-text{text-align: left;}
    .main-dashboard .ib-info .ib-list .ib-box p{font-size: 15px;}
    .main-dashboard .ib-info .ib-list .ib-box h4{font-size: 20px;margin-top: 5px;}
    .ib-withdrawal .withdrawal-box h3{height: auto;line-height: 18px;}
    .ib-request .ib-apply p{font-size: 22px;font-weight: 600;line-height: normal;}
    .ib-request .ib-req-img img{height: auto;}

    .card-list .card-row.mobile-view .item{padding: 15px;}
}

@media (max-width: 767px) {
    .faq-m .faq-search-box .search-inp{width: calc(100% - 62px);float: left;}
    .faq-m .faq-search-box .search-btn{padding: 0;float: left;}
    .faq-m .faq-search-box .search-btn .searchbtn-text{display: none;}

    .filter-form-view .filter-icon{display: block;}
    /* .filter-form-view .filter-layout{display: none;} */
}

@media only screen and (max-width: 649px) {
    .ib-btn-lst.pull-right{float: none !important;}
    .ib-btn-lst button{width: 43%;margin: 5px;}
    .ib-btn-lst button.float-r-mob{float: right;}
}

@media (max-width: 550px) {
    .main-dashboard .trading-detail-block .trad-box{width: 100%;margin: 5px 0px;}
    .card-list.payment-list .card-row.mobile-view .item .item-value.proc-time h4{width: 200px;}
    .ib-req-flex{flex-direction: column;align-items: center;justify-content: center;}
    .ib-request .ib-apply{order: 1;text-align: center;padding: 0;}
    .ib-request .ib-req-img{order: -1;margin-bottom: 15px;}
    .ib-request .ib-req-img img{max-width: 100%;}
}

@media (min-width: 500px) {
    .dashboard-acc-modal .modal-dialog{width: 400px;margin: 25px auto;}
}

@media (max-width: 500px) {
    .page-layout .navbar-frame .navbar-header .navigation-widget{gap: 8px;}
    .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav > li > a{padding: 6px 10px;margin: 10px 5px;}
    .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav{margin: 6px 0;}
    .page-layout .navbar-frame .navbar .navbar-brand .custom-bg{padding: 10px 0 !important;}
    .page-layout .navbar-frame .navbar .navbar-brand .custom-bg .logo-img{width: 165px;}
    .page-layout .navbar-frame .navbar .navbar-brand .custom-bg .logo-img img{width: 160px;}
    .page-layout .navbar-frame .navbar .navbar-brand.w-260{width: auto;}
    .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav .photo-nav, .navbar-header .navigation-widget .navbar-nav .photo-nav:hover{height: 30px;width: 30px;line-height: 25px !important;}
    .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav .photo-nav label{font-size: 13px;}
    .page-layout .navbar-frame .navbar .navbar-nav .notification{font-size: 11px;top: -1px;left: -2px;}
    .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav .photo-nav, .page-layout .navbar-frame .navbar-header .navigation-widget .navbar-nav .photo-nav:hover{line-height: 26px !important;}
    
    .navbar-header .navigation-widget .navbar-nav li.dropdown ul.dropdown-menu.notification-menu{width: 250px !important;right: -10px !important;top: 50px;}
    .navbar-header .navigation-widget .navbar-nav li.dropdown .dropdown-menu.notification-menu:after, .navbar-header .navigation-widget .navbar-nav li.dropdown .dropdown-menu.notification-menu:before{right: 87px;}    
    
    .main-panel-frame .main-dashboard .open-account-list .acc-content{position: relative;}
    .main-panel-frame .main-dashboard .open-account-list .acc-content .content{display: flex;}
    .main-panel-frame .main-dashboard .open-account-list .acc-content .d-flex{display: block !important;width: 100% !important;}
    .main-panel-frame .main-dashboard .open-account-list .acc-content .acc{width: 50% !important;float: left !important;margin: 10px 0;padding: 0 10px 0 0;border-right: 0;}
    .main-panel-frame .main-dashboard .open-account-list{position: relative;}
    .main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc{position: absolute;right:10px;top: 15px;padding: 6px 12px 6px 27px;height: auto;}
    .main-panel-frame .main-dashboard .open-account-list .trade-buttons .typeof-acc::before{top: 9px;}
    .main-panel-frame .main-dashboard .open-account-list .trade-buttons .btn-dash-changepass{padding: 8px 13px;margin-left: 10px;}
    .main-panel-frame .main-dashboard .ib-apply-content{display: block !important;text-align: center;}
    .main-panel-frame .main-dashboard .ib-apply-content .ib-apply-box{padding: 0;padding-bottom: 15px;}
    .main-panel-frame .main-dashboard .volume-box .vol-box p{font-size: 18px;}
    .main-panel-frame .main-dashboard .volume-box{padding: 20px;}
    .main-dashboard .volume-block .total-vol-box, .main-dashboard .volume-block .open-vol-box{padding: 15px;}
    .main-panel-frame .main-dashboard .depst-withdraw-card .legend{display: block;}
    .main-panel-frame .main-dashboard .depst-withdraw-card .legend .items{width: 100%;margin-bottom: 15px;}

    .wallet-card{display: block !important;}
    .wallet-card .amount-card{width: 100%;margin: 0;margin-bottom: 10px;}
    button.create-ticket{width: 100%;float: none !important;}

    .faq-m .nav-tabs li{margin-right: 4px;}
    .faq-m .nav-tabs li a{padding: 8px 7px;font-size: 13px;}
    .faq-m .tab-content .panel .panel-heading h4 a{font-size: 16px;padding: 15px 50px 15px 15px;}
}

@media only screen and (max-width: 359px) {
    .ib-btn-lst button{width: 100%;margin: 5px 0;}
    .ib-btn-lst button.float-r-mob{float: none;}
}