html, body, .wrapper{position: unset;height: 100% !important;}
.modal-open .modal{padding: 0 !important;}
.modal-backdrop{z-index: 11;}
.modal button.close, .modal .ticket-download{position: relative;z-index: 2;margin-top: 1px;font-size: 24px;opacity: 1;}
.navbar-toggle .icon-bar{outline: none !important;}
.open .form-control{border-radius: 4px !important;border-bottom-color: #E3E3E3 !important;}
.open form select.form-control, form select.form-control{border-bottom-color: #888 !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;}

.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;}

.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;}
/* .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 .navbar-frame .navbar{border-bottom: 1px solid #eaeff9;}

.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(98 98 98);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;}
.header-banner.marketing-banner{transform: translate(-25%, -50%);}
.lang-icon{display: none;}
.footer-social-media-link{position: unset;margin-top: 40px;}

.main-dashboard .trading-detail-block .card{height: auto;margin-bottom: 10px;}
.main-dashboard .trading-detail-block .trad-box h4{display: block;}
.main-dashboard .trading-detail-block .trad-box p{width: auto;}
.main-dashboard .ib-info .ib-list .ib-box{display: inline-block;padding: 0 15px;border-right: 1px solid #eaeff9;width: 27%;vertical-align: top;}
.main-dashboard .ib-info .ib-list .ib-box:first-child{padding-left: 0;margin-left: 10px;padding-right: 14px;}
.main-dashboard .ib-info .ib-list .ib-box:nth-child(2){width: 40%;}
.main-dashboard .ib-info .ib-list .ib-box:nth-child(3){width: 29%;}
.main-dashboard .ib-info .ib-list .ib-box:last-child {border: none;padding-right: 0;padding-left: 13px;}
.table-ib-statistic table.table-resp-cus{width: 1200px !important;}

/* 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 rgb(1 23 66 / 30%) !important;background: #FAFBFC;color: rgba(0, 0, 0, 0.70) !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-filter .multiselect-dropdown .dropdown-btn{border-radius: 10px !important;border: 1px solid rgba(0, 32, 96, 0.10) !important;background: #FAFBFC;}
.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;}

.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.action-btn button img{padding-top: 2px;}
.card-list.payment-list .card-row.full-width .item .item-value{width: 15% !important;}
.card-list.payment-list .card-row.full-width .item .item-value.currency{width: 12% !important;}
.card-list.payment-list .card-row.full-width .item .item-value.proc-time{width: 21% !important;}
.card-list.payment-list .card-row.full-width .item .item-value.pay-img{width: 14% !important;}
.card-list.payment-list .card-row.full-width .item .item-value.action-btn{width: 16% !important;}
.card-list.payment-list .card-row.full-width .item .item-value.pay-img .list-image{max-width: 130px;}

.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: #1F895D;}
.card-list .card-row .item .item-value h4.primary{color: #0252EF;}
.card-list .card-row .item .item-value h4.danger{color: #B12318;}
.card-list .card-row .item .item-value h4.info{color: #23ccef;}

.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;}
.card-list.kyc-list .card-row.full-width .item .item-value{width: 23%;}
.card-list.kyc-list .card-row.full-width .item .item-value.date{width: 13%;}
.card-list.kyc-list .card-row.full-width .item .item-value.status{width: 16%;}
.card-list.kyc-list .card-row.full-width .item .item-value.action{width: 9%;}
.card-list.demo-list .card-row.full-width .item .item-value.account_no{width: 10% !important;}
.card-list.demo-list .card-row.full-width .item .item-value.acc_type{width: 12% !important;}
.card-list.demo-list .card-row.full-width .item .item-value.platform{width: 9% !important;}
.card-list.demo-list .card-row.full-width .item .item-value.currency{width: 9% !important;}
.card-list.demo-list .card-row.full-width .item .item-value.leverage{width: 9% !important;}
.card-list.demo-list .card-row.full-width .item .item-value.balance{width: 10% !important;}
.card-list.demo-list .card-row.full-width .item .item-value.date{width: 12% !important;}
.card-list.live-list .card-row.full-width .item .item-value{width: 17% !important;}
.card-list.live-list .card-row.full-width .item .item-value.acc_type{width: 20% !important;}
.card-list.live-list .card-row.full-width .item .item-value.action{width: 11% !important;}
.card-list.leverage-list .card-row.full-width .item .item-value:nth-child(5){width: 18% !important;}
.card-list.acc-trans-list .card-row.full-width .item .item-value{width: auto !important;}
.card-list.acc-trans-list .card-row.full-width .item .item-value:last-child{width: 22% !important;}
.download-modal .title-icons{position: absolute;right: 15px;display: inline-block;top: 17px;}
.download-modal .title-icons button.close{position: unset;display: inline-block;margin-top: -1px;}
.download-modal .download-image{display: inline-block;vertical-align: middle;}
.card-list .card-row .item .item-value .tooltip-box{margin: -4px -5px;padding: 4px 5px;}
.card-list .card-row .item .item-value .tooltip-box label{position: absolute;color: #fff;background-color: #2a2a2a;border: 1px solid #fff;border-radius: 0;font-size: 12px;padding: 8px 15px;left: -100px;bottom: 23px;opacity: 0.8;min-width: 225px;text-align: center;line-height: normal;display: none;}
.card-list .card-row .item .item-value .tooltip-box:hover label{display: block;}
.card-list .card-row .item .item-value .tooltip-box:hover .arrow-dwn {display: block;}
.card-list .card-row .item .item-value.action-dropdown .dropdown-menu{right: 28px !important;left: auto !important;transform: none !important;top: 32px !important;}
.card-list .card-row .item .item-value.action-dropdown .dropdown-menu::after, .card-list .card-row .item .item-value.action-dropdown .dropdown-menu::before{right: 12px !important;left: auto !important;}
.card-list .card-row .item .item-value.action-dropdown button.dropdown-menu-right{background-color: transparent;font-weight: 400;opacity: 0.8;padding: 5px 10px;border: 1px solid #888888;color: #888888;font-size: 14px;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;border-radius: 4px;transition: all 60ms ease-in;}
.card-list .card-row .item .item-value.action-dropdown button.dropdown-menu-right:hover{opacity: 1;outline: 0 !important;color: #797979;border-color: #797979;text-decoration: none;}
.card-list .card-row .item .dropdown-menu > li > a{padding: 4px 14px !important;}

.card.ib-card{border: 0;}
.card.ib-card .content{padding: 0;}
.card-list.ib-widget .card-row.full-width .item{padding: 10px 8px;}
.card-list.ib-widget .card-row.full-width .item .item-value h4{font-size: 14px;margin-bottom: 5px !important;}
.card-list.ib-widget .card-row.full-width .item .item-value h4.name{font-size: 14px;font-weight: 500;}
.card-list.ib-widget .card-row.full-width .item .item-value h5{font-size: 14px;}
.card-list.ib-widget .card-row.full-width .item .item-value label{font-size: 12px;}
.card-list.ib-widget .card-row .item .item-value.level h4 span{background: #cfd1d7;padding: 2px 4px 1px 4px;border-radius: 4px;} 

.card-list.ib-performance .card-row.full-width .item .item-value.name-email{width: 46% !important;}
.card-list.ib-performance .card-row.full-width .item .item-value.level{width: 10% !important;}
.card-list.ib-performance .card-row.full-width .item .item-value.volume{width: 13% !important;}
.card-list.ib-performance .card-row.full-width .item .item-value.amount{width: 28% !important;}

.card-list.ib-team-performance .card-row.full-width .item .item-value.name{width: 44% !important;}
.card-list.ib-team-performance .card-row.full-width .item .item-value.code{width: 20% !important;}
.card-list.ib-team-performance .card-row.full-width .item .item-value.amount{width: 19% !important;}
.card-list.ib-team-performance .card-row.full-width .item .item-value.volume{width: 16% !important;}

.card-list.top-5-earning .card-row.full-width .item .item-value.name{width: 24% !important;}
.card-list.top-5-earning .card-row.full-width .item .item-value.level{width: 8% !important;}
.card-list.top-5-earning .card-row.full-width .item .item-value.email{width: 36% !important;}
.card-list.top-5-earning .card-row.full-width .item .item-value.volume{width: 11% !important;}
.card-list.top-5-earning .card-row.full-width .item .item-value.amount{width: 21% !important;}

.card-list.ib-links-card .card-row .item .item-value h4{font-size: 14px;}
.card-list.ib-links-card .card-row.full-width .item .item-value.title{width: 12% !important;}
.card-list.ib-links-card .card-row.full-width .item .item-value.page_link{width: 25% !important;}
.card-list.ib-links-card .card-row.full-width .item .item-value.short_link{width: 25% !important;}
.card-list.ib-links-card .card-row.full-width .item .item-value.count{width: 9% !important;}
.card-list.ib-links-card .card-row.full-width .item .item-value.ibstatus{width: 7% !important;}
.card-list.ib-links-card .card-row.full-width .item .item-value.date{width: 12% !important;}
.card-list.ib-links-card .card-row.full-width .item .item-value.action-dropdown{width: 11% !important;}
.card-list.ib-links-card .ib-market-links{padding-right: 0;}
.card-list.ib-links-card .ib-market-links .tooltip-box{position: absolute;left: 0;top: 0;}
.card-list.ib-links-card .ib-market-links .ib-link{width: auto;}
.card-list.ib-links-card .btn-tooltip-box{display: none;}
.card-list.ib-links-card .btn-tooltip-box label{font-size: 13px;font-weight: 400;display: block;bottom: 10px !important;padding: 5px 10px;width: 180px !important;left: 0 !important;}
.card-list.ib-links-card .btn-tooltip-box span{display: block;bottom: 4px !important;left: 60px !important;}


/* 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 */


.web-terminal .terminal-icon{display: none;}
.modal.ib-banner-view button.close{margin-top: -10px;}
.otp-form .otp-container{text-align: center;}

.table-button .border-0{border: none;}
.table-button .trans{background: transparent;}
.table-page-list select{padding: 2px 6px;border-radius: 4px;border: 1px solid #cecece;background: transparent;outline: none;text-decoration: none;}

.total-volume-box{position: absolute;bottom: 50px;right: 30px;}

.platform-module .page-layout .main-panel-frame{padding: 0;}
.terminal-iframe{display: flex;align-items: stretch;height: calc(100vh - 131px) !important;}

.platform-module .page-layout .main-panel-frame{padding: 0;}
.terminal-iframe{display: flex;align-items: stretch;height: calc(100vh - 131px) !important;}


@media only screen and (min-width: 1600px) {
    .table-responsive{overflow: hidden !important;}
}

@media only screen and (max-width: 1600px) {
    .total-trade-box{width: 1250px !important;float: none !important;}
}

@media only screen and (max-width: 1500px) {
    .table-mytrades .custom-datatable{width: 1200px !important;}
}

@media only screen and (min-width: 1500px) {
    .table-ib-statistic table.table-resp-cus{width: 100% !important;}
    .table-ib-statistic.table-responsive{overflow: hidden !important;}
    .table-mytrades .table-responsive{overflow: hidden !important;}
}

@media only screen and (min-width: 1400px) {
    .card-list.ib-links-card .card-row.full-width .item .item-value.action-dropdown{width: 10% !important;}
    .card-list.ib-links-card .ib-market-links .ib-link{width: 250px;font-size: 14px;}
}

@media (min-width: 1366px) {
    .main-dashboard .ib-info .ib-list .ib-box{padding: 0 20px;}
    .main-dashboard .ib-info .ib-list .ib-box:first-child{margin-left: 15px;padding-right: 20px;}
    .main-dashboard .ib-info .ib-list .ib-box:last-child{padding-left: 20px;}
    .main-dashboard .ib-info .ib-cta p{font-size: 16px;}
    .main-dashboard .ib-info .ib-cta a{padding: 5px 18px;}
    .main-dashboard .wlt-summ .bal-box p{font-size: 13px;}
}

@media (min-width: 1200px) {
    .main-dashboard .acinf-col1.col-100{width: 46%;}
    .main-dashboard .acinf-col2.col-100{width: 23%;}
    .main-dashboard .acinf-col3.col-100{width: 31% !important;}
    .card-list.demo-list .card-row.full-width .item .item-value.acc_type{width: 24% !important;}
    .table-sub-ib-analytic, .table-sub-ib-transaction, .table-sub-ib-trade, .table-sub-ib-liveacc, .table-sub-ib-comm{overflow: hidden !important;}
    .card-list.ib-links-card .ib-market-links .ib-link{width: 200px;font-size: 13px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .card-list.ib-links-card .card-row .item{padding: 15px 8px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1490px) {
    .page-layout .navbar-frame .navbar .page-title{font-size: 20px;padding: 16px 15px;padding-left: 14px;}
    .marketing-banner img{width: 250px;}
    .header-banner.marketing-banner{transform: translate(-20%, -50%);}
}

@media (max-width: 1199px) {
    .no-data-box img{position: unset;transform: none;}
    .card-list.acc-trans-list .card-row.full-width .item .item-value:last-child{width: 20% !important;}
    .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;}
}

@media (max-width: 1100px) {
    .mywallet-filer.card-filter .form-group label.control-label{font-size: 12px;}
    .quick-links .quick-link-box{padding: 20px;text-align: center;}
    .quick-links .d-flex{display: block !important;}
    .quick-links .quick-link-box h3{margin: 15px 0;}
    .quick-links .d-flex.padding-left-15{padding: 0 !important;}
    .quick-links .quick-link-box .button-box a{margin: 9px;}
}

@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:not(.dropdown-menu-right){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%;}

    .live-dashboard .side-widget-block .icon-box-text-live{display: inline-block;vertical-align: top;}
    .icon-box-text-live .media-body h4{font-size: 20px;}
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .page-layout .navbar-frame .navbar .page-title{font-size: 18px;padding: 16px 15px;padding-left: 10px;}
    .marketing-banner img{width: 200px;}
    .header-banner.marketing-banner{transform: translate(-15%, -50%);}
    .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);}    
}

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

@media (max-width: 992px) {
    .header-banner.marketing-banner{transform: translate(-40%, -50%);}
    .marketing-banner img{width: 210px;}
    .lang-icon{display: block;}
    .lang-label{display: none;}
    .lang-dropdown a.dropdown-toggle{margin: 6px 4px !important;}
    .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 15px;} 
    .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;}
    .profile-menu ul.dropdown-menu li a{padding-right: 0 !important;}
    .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%;}
    .profile-page .form-group.timezone .dropdown-menu li a{padding: 8px 16px !important;}
    .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;}
    .modal-dialog{display: flex;align-items: center;min-height: calc(100% - 1rem);transform: none;transition: transform .3s ease-out;}
    .modal-dialog .modal-content{width: 100%;}
    .card-list.ib-links-card .card-row .item .item-value h4{font-size: 13px;}
    .total-volume-box{position: relative;bottom: 0;right: 0;margin-top: 45px !important;}
}

@media only screen and (max-width: 991px) {
    .faq-search-box .btn-faq-close{right: 30px;}
    .nav-tabs .tab-content .analytics-widget.calendar{width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .live-dashboard .side-widget-block .icon-box-text-live{width: 33%;}
    .card-list.payment-list .card-row.full-width .item .item-value, .card-list.payment-list .card-row.full-width .item .item-value.item-value.currency{width: 17% !important;}
    .card-list.payment-list .card-row.full-width .item .item-value.comm{display: none;}
    .card-list.payment-list .card-row.full-width .item .item-value.action-btn{width: 16% !important;}
    .card-list.payment-list .card-row.full-width .item .item-value.action-btn button{padding: 5px !important;}
    .card-list.payment-list .card-row.full-width .item .item-value.proc-time{width: 25% !important;}
    .card-list.payment-list .card-row.full-width .item .item-value.pay-img{width: 13% !important;}
    .card-list.payment-list .card-row.full-width .item .item-value.pay-img .list-image{max-width: 80px;}
}

@media (min-width: 768px) {
    .card-list.ib-links-card .btn-tooltip-box span{bottom: 10px !important;}
}

@media (max-width: 768px) {
    .header-banner.marketing-banner{display: none;}
    .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;}
    .footer .copyright{text-align: center;float: none !important;margin: 40px 0 0 !important;}
    .footer-banner.marketing-banner{top: 25%;}
    .card-list .card-row.mobile-view .item{padding: 15px;}
    .font-icon-list.my-wallet-tiles{width: 29%;}
    .my-wallet-tiles .media h4{font-size: 16px !important;}
    .my-wallet-tiles .media p{font-size: 13px !important;}
        
    .live-dashboard .top-trade-symbol .symbol-block .symbol-box{border: 1px solid #dedede !important;border-radius: 9px;padding: 15px 15px !important;width: 48%;display: inline-block;margin: 0 auto;margin-bottom: 10px !important;}    
    .live-dashboard .top-trade-symbol .symbol-block{width: 100%;font-size: 0;}
    .live-dashboard .top-trade-symbol .symbol-block .symbol-box:nth-child(odd){margin-right: 19px;}
    .live-dashboard .side-widget-block .icon-box-text-live{width: 50%;}

    .web-terminal .nav-tabs .custom-tabs .tab{display: flex;align-items: center;justify-content: center;width: 20%;background-color: #dbdbdb !important;}
    .web-terminal .nav-tabs .custom-tabs .tab.active{background-color: #c7c7c7 !important;}
    .web-terminal .terminal-icon{display: block;}
    .web-terminal .terminal-label{display: none;}

    .ib-dashboard .filter-layout{display: none;}
    .card-list.ib-widget .card-row .item .item-value h4{font-size: 14px;}
    .card-list.ib-links-card .card-row .item .item-value h4.break-word{width: 210px;}
}

@media (max-width: 767px) {
    .filter-form-view .filter-icon{display: block;}
    .payment-form .change-psp-btn{text-align: center !important;margin: 10px 0;}
    .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;}
    .social-trading-parent .soci-grp{text-align: center;}
    .social-trading-parent .soci-grp button{margin: 5px 10px;width: 42%;}
    .card-filter .form-group select.form-control{height: 38px !important;}
    .card-filter.sub-analytic .form-group select.form-control{height: 40px !important;}
}

@media only screen and (max-width: 679px) {
    .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;}
    .mobile-res-chart.ib-dashboard{overflow-x: scroll;overflow-y: hidden;}
    .mobile-res-chart.ib-dashboard .ib-graph{width: 750px;}
    .mobile-res-chart.ib-dashboard .ib-graph .ct-chart svg.ct-chart-bar{touch-action: auto;}
}

@media only screen and (max-width: 599px) {
    .main-dashboard .ib-info .ib-list .ib-box{padding-left: 0 !important;padding-right: 0 !important;margin: 0 !important;margin-bottom: 15px !important;}
    .font-icon-list.my-wallet-tiles{width: 100%;}
    .mobile-res-chart.livedashboard{overflow-x: scroll;overflow-y: hidden;}
    .mobile-res-chart.livedashboard .ct-chart{width: 600px;}
    .mobile-res-chart.livedashboard .ct-chart svg.ct-chart-bar{touch-action: auto;}
}

@media (max-width: 550px) {
    .card-list.payment-list .card-row.mobile-view .item .item-value.proc-time h4{width: 200px;}
    .live-dashboard .side-widget-block .icon-box-text-live{width: 100%;}
    .live-dashboard .top-trade-symbol .symbol-block .symbol-box{width: 100%;margin-right: 0;}
    .social-trading-parent .soci-grp button{margin: 0;margin-bottom: 5px;width: 100%;}
    .web-terminal .terminal-icon img{width: 25px;}
}

@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 4px;margin: 8px 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: 135px;}
    .page-layout .navbar-frame .navbar .navbar-brand .custom-bg .logo-img img{width: 125px;}
    .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: 270px !important;right: -50px !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;}
    .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;}
    .mobile-res-chart.dashboard{overflow-x: scroll;overflow-y: hidden;}
    .mobile-res-chart.dashboard .ct-chart{width: 500px;}
    .mobile-res-chart.dashboard .ct-chart svg.ct-chart-bar{touch-action: auto;}
}

@media (max-width: 450px) {
    .card-list.acc-trans-list .card-row .item .item-value h4.break-word{width: 150px;text-align: right;}
    .payment-form .nav.tab-panel li a{font-size: 13px;padding: 10px 7px;}
}

@media (max-width: 400px) {
    .main-dashboard .open-acc-box .media{width: 100%;margin-bottom: 15px;}
    .main-dashboard .wlt-summ .bal-box h4{font-size: 13px;}
    .card-list .card-row .item .item-value h4.break-word{width: 140px !important;text-align: right;}
}

@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;}
}