body{
    background: #172123;
}



/*title color general*/



body,
.box .box-header .title,
.page-header h1,
h1,h2,h3,h4,h5,h6{
    color: #fff!important;
}




hr{

     border-top: 0px!important;
    border-bottom: 1px solid #26d07c!important;
     
}


/*title color general*/






/*start header*/




.contrast-fb header nav.navbar.navbar-default {
    background: #172123;
        min-height: 60px!important;
    height: 60px!important;
    padding: 10px 15px;
}


.contrast-fb header .navbar > .nav > li.dark > a,
.contrast-fb header .navbar > .nav > li.dark > a:hover,
.contrast-fb header .navbar > .nav > li.dark > a:focus{
    background-color: transparent;
}


header .navbar .custom-header-links{
    float:left;
}




header .navbar .custom-header-links .navbar-brand{
    float:right;
}


 .contrast-fb header .navbar .toggle-nav,
 .contrast-fb header .navbar .toggle-nav:hover{
    background-color: #2f3c48;
    border-radius:8px!important;
    box-shadow:unset!important;
}



@media (min-width: 768px) {
    header .navbar .toggle-nav {
        margin-left: 0px;
          margin-right: 15px;
    }
}





.dropdown-menu{
    border-radius:8px!important;
    background:#213336;
    padding:8px!important;
}


.contrast-fb ul.dropdown-menu > li{
    margin-bottom:8px;
}




.dropdown-menu > li > a{
    color:#fff;
     background: transparent;
     padding: 6px 20px;;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    color:#fff;
    border:unset;
    border-radius:8px;
    background: linear-gradient(297deg, rgba(79, 210, 152, 0.2) 0.04%, rgba(79, 210, 152, 0.2) 8.51%, rgba(79, 210, 152, 0) 37%), 
                linear-gradient(141deg, #84FFA4 -76.25%, #4FD298 -48.32%, rgba(79, 210, 152, 0) 40.52%), 
                rgba(167, 197, 231, 0.03) !important;
}

.contrast-fb ul.dropdown-menu > li > a:hover{
    background-color:transparent!important;
}



.dropdown-menu .divider{
    display:none;
}
/*end header*/



/*start sidebar*/


.main-nav-opened .navigation {
  overflow-y: auto;
}




#wrapper #main-nav.main-nav-fixed.affix-top {
    top: 60px !important;
}





#wrapper #main-nav .navigation > .nav {
    border-bottom: unset;
    background: #2f3c48!important ;
    height:100vh;
}


#wrapper #main-nav-bg{
    background: #2f3c48!important ;
      border:unset!important;
}


.main-nav-opened #wrapper #main-nav .navigation > .nav > li > a{
    margin: 10px!important;
}


#wrapper #main-nav .navigation > .nav > li > a{
    border:unset!important;
    background: transparent ;
}





#wrapper #main-nav .navigation > .nav > li.active > a,
#wrapper #main-nav .navigation > .nav > li > a.dropdown-collapse.in,
#wrapper #main-nav .navigation > .nav > li:hover > a{
    background: linear-gradient(297deg, rgba(79, 210, 152, 0.2) 0.04%, rgba(79, 210, 152, 0.2) 8.51%, rgba(79, 210, 152, 0) 37%), 
                linear-gradient(141deg, #84FFA4 -76.25%, #4FD298 -48.32%, rgba(79, 210, 152, 0) 40.52%), 
                rgba(167, 197, 231, 0.03) !important;
    color: #4FD298 !important;
    color:#fff;
    border-radius:8px;
}






#wrapper #main-nav .navigation > .nav > li > a span{
    color: #fff ;
    text-shadow:unset;
}

#wrapper #main-nav .navigation > .nav > li > a [class^="icon-"],
#wrapper .contrast-fb #main-nav .navigation > .nav > li:hover > a [class^="icon-"],
#wrapper #main-nav .navigation > .nav > li:hover > a span,
#main-nav .navigation > .nav > li.active > a span{
    color:#fff!important;
    
}



/*drop down*/



.main-nav-opened #main-nav .navigation > .nav > li .nav {
    margin:0px 16px 16px 16px;
       border-radius:8px;
}

#main-nav .navigation > .nav > li .nav {
    background: #273541;
    border-bottom: unset;
    padding:8px 8px 8px 8px;
}

#main-nav .navigation > .nav > li > .nav > li{
    margin-bottom:8px;
}


#main-nav .navigation > .nav > li .nav > li.active > a  {
    background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
    border-top: unset!important;
    color:#fff;
    border-radius:8px;
}

#main-nav .navigation > .nav > li .nav > li > a{
    border-top: unset!important;
    padding: 10px 10px;
}


#main-nav .navigation ul.nav li.active ul.nav li.active > a [class^="icon-"],
#main-nav .navigation ul.nav li.active ul.nav li > a,
#main-nav .navigation ul.nav li.active ul.nav li > a [class^="icon-"],
.main-nav-opened #main-nav .navigation > .nav > li span,
#main-nav .navigation > .nav > li .nav > li > a [class^="icon-"],
.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:hover [class^="icon-"],
.contrast-fb #main-nav .navigation > .nav > li .nav > li > a:focus [class^="icon-"],
.contrast-fb #main-nav .navigation > .nav > li .nav > li.active > a [class^="icon-"],
.lead .icon-github.text-contrast,

.box .text-muted a{
    color:#fff!important;
}


#main-nav .navigation > .nav > li .nav > li > a:focus{
    background:transparent!important;
}



#main-nav .navigation > .nav > li .nav > li > a:hover{
     background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
     border-radius:8px;
}





/*nav closed*/

#main-nav.main-nav-fixed {
    top: 60px;
}






.main-nav-closed #main-nav .navigation > .nav > li{
    margin-bottom:8px;
}



@media (min-width: 992px) {
    .main-nav-closed #main-nav .navigation > .nav > li:hover > a > span {
    background:#2f3c48;
    border-radius:8px 8px 0px 0px;
    padding-left: 20px !important;
    border: unset;
        
}
}

@media (min-width: 992px) {
    .main-nav-closed #main-nav .navigation > .nav > li:hover > ul {
    background:#273541;
    border-radius:0px 0px 8px 8px;
    border: unset;
    }
    
}


@media (min-width: 992px) {
    .main-nav-closed #main-nav .navigation > .nav > li:hover > ul li a span {
       color:#fff;
    }
}



/*nav closed*/





/*end sidebar*/







/*start sec content*/

#wrapper #content{
    background: #172123!important;
}



#wrapper #content .container #content-wrapper .page-header{
    padding-top:30px;
      background: #151717!important;
          border-bottom-color: #26d07c;
      
}


/*end sec content*/



/*dashboard*/

#content-wrapper .page-header.page-header-with-buttons{
    color:#fff;
}

#content-wrapper .page-header-with-buttons h1 + a {
    color:#26d07c!important;
}



.container .pull-right .btn-group .btn.btn-white{
    background-color: #26d07c;
 }

.container .pull-right .btn-group .btn.btn-white:first-child{
    border-radius:8px 0px 0px 0px!important;
 }
.container .pull-right .btn-group .btn.btn-white:last-child{
    border-radius:0px 8px 0px 0px!important;
 }

@media (min-width: 768px) {
    #content .container .col-sm-2 {
        width: 23%;
    }
}
.box-statistic [class*="icon-"].align-right {
    right: 20px!important;
}

.box-statistic [class*="icon-"] {
    top: 20px!important;
}







.box .box-content{
    padding: 60px 24px;
    border: unset;
    background: #213336;
    border-radius:16px;
}




/*dashboard*/




/*start table*/

table thead tr{
    background:#24443c;
}

.dataTables_wrapper .datatables-bottom{
    background:#24443c;
}



.table-bordered > thead > tr > th{
    border: 1px solid #213336!important;
}


.table-bordered > tfoot > tr > th{
      border: unset!important;
}



.table-striped > tbody > tr:nth-child(odd) > td{
    background-color: #213336;
}






.table-bordered {
    border: unset!important;
}

.table-bordered > tbody > tr > td{
    border: 2px solid #213336!important;
}




/*banner table*/

.purple-background
 {
      background:#24443c!important;
       border-radius: 16px 16px 0px 0px!important;
}




#content-wrapper .box.bordered-box.orange-border .responsive-table{
        border-radius: 0px 0px 16px 16px!important;
}

#content-wrapper .box.bordered-box.orange-border .box-content{
    border-radius:unset!important;
}





.btn.btn-primary{
    
     background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
     border-radius:8px!important;
     box-shadow:unset;
}



/*banner table*/


.pagination .prev a,
.pagination .next a,
.pagination .prev a:hover,
.pagination .next a:hover{
      background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
      border:unset;
      color:#fff;
}

.pagination > .active > a,
.pagination > .active > a:hover{
        background-color: #25347f;
    border: unset;
    color: #ffff;
}


/*end table*/


/*IB Hierarchy*/

.box.bordered-box.orange-border .box-content .dd.dd-nestable .dd-handle{
       background: #2B4448 !important;
    border: unset !important;
    color: #fff !important;
    border-radius: 10px !important;
}




/*IB Hierarchy*/





/*Withdrawal Request*/

.contrast-fb h1 [class^="icon-"] {
    color: #fff;
}

.form-control{
    border-radius: 10px !important;
}



.form-actions{
    background: transparent !important;
    border:unset;
}

/*Withdrawal Request*/




/*My Links*/

#content-wrapper .box.bordered-box.blue-border .box-content.box-double-padding .lead a{
    color:#26d07c;
    font-size:16px;
}



#content-wrapper .box.bordered-box.blue-border .box-content.box-double-padding .lead .icon-github:before{
    font-size:24px;
    padding-right:5px;
}



/*My Links*/







/*start login*/


#login .login-container-header-new #logo-img {
    content: url('https://ixbroker.com/wp-content/uploads/2025/04/iXbroker_Logo2-1.svg');
    width:200px;
    
}





#login .btn.btn-white.dropdown-toggle{
    background:#213336;
    box-shadow:unset;
    color:#fff;
    border-radius:8px;
}

#login .btn.btn-white.dropdown-toggle .caret{
    border-top: 4px solid #fff;
}



#login ul.dropdown-menu{
    background:#213336;
}






#login #changeColorLogin{
   background: linear-gradient(297deg, rgba(79, 210, 152, 0.2) 0.04%, rgba(79, 210, 152, 0.2) 8.51%, rgba(79, 210, 152, 0) 37%), 
                linear-gradient(141deg, #84FFA4 -76.25%, #4FD298 -48.32%, rgba(79, 210, 152, 0) 40.52%), 
                rgba(167, 197, 231, 0.03) !important; 
}





#login .btn-lightgrey{
          background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
     border-radius:8px!important;
     box-shadow:unset;
     color:#fff!important;
     
}

#login .btn-lightgrey:hover{
  background: linear-gradient(to right, #141B4D, #1E2A6F, #1E2A6F, #141B4D)!important;
}








/*end login*/











/*start register*/


#register .login-container-header-new #logo-img {
    content: url('https://ixbroker.com/wp-content/uploads/2025/04/iXbroker_Logo2-1.svg');
    width:200px;
    
}





#register .btn.btn-white.dropdown-toggle{
    background:#213336;
    box-shadow:unset;
    color:#fff;
    border-radius:8px;
}

#register .btn.btn-white.dropdown-toggle .caret{
    border-top: 4px solid #fff;
}



#register ul.dropdown-menu{
    background:#213336;
}

.btn-group.open .dropdown-menu.pull-right li a img{
    margin-right:6px;
}


.contrast-fb ul.dropdown-menu > li > a:focus{
    background:transparent!important;
}




#register #changeColorLogin{
   background: linear-gradient(297deg, rgba(79, 210, 152, 0.2) 0.04%, rgba(79, 210, 152, 0.2) 8.51%, rgba(79, 210, 152, 0) 37%), 
                linear-gradient(141deg, #84FFA4 -76.25%, #4FD298 -48.32%, rgba(79, 210, 152, 0) 40.52%), 
                rgba(167, 197, 231, 0.03) !important; 
}

body .container .form-color-select{
    height: 35px!important;
}



#register .buttons .btn.border{
      background: linear-gradient(297deg, rgba(79, 210, 152, 0.2) 0.04%, rgba(79, 210, 152, 0.2) 8.51%, rgba(79, 210, 152, 0) 37%), 
                linear-gradient(141deg, #84FFA4 -76.25%, #4FD298 -48.32%, rgba(79, 210, 152, 0) 40.52%), 
                rgba(167, 197, 231, 0.03) !important; 
     border-radius:8px!important;
     box-shadow:unset;
     color:#fff;
     border:unset!important;
}

#register .buttons .btn.border:hover{
     background: linear-gradient(297deg, rgba(79, 210, 152, 0.2) 0.04%, rgba(79, 210, 152, 0.2) 8.51%, rgba(79, 210, 152, 0) 37%), 
                linear-gradient(141deg, #84FFA4 -76.25%, #4FD298 -48.32%, rgba(79, 210, 152, 0) 40.52%), 
                rgba(167, 197, 231, 0.03) !important; 
}






#register .btn-lightgrey{
          background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
     border-radius:8px!important;
     box-shadow:unset;
     color:#fff!important;
     
}

#register .btn-lightgrey:hover{
  background: linear-gradient(to right, #141B4D, #1E2A6F, #1E2A6F, #141B4D)!important;
}


/*end register*/



/*forgot-password*/



#forgot-password .login-container-header-new #logo-img {
    content: url('https://ixbroker.com/wp-content/uploads/2025/04/iXbroker_Logo2-1.svg');
    width:200px;
    
}





#forgot-password .btn.btn-white.dropdown-toggle{
    background:#213336;
    box-shadow:unset;
    color:#fff;
    border-radius:8px;
}

#forgot-password .btn.btn-white.dropdown-toggle .caret{
    border-top: 4px solid #fff;
}



#forgot-password ul.dropdown-menu{
    background:#213336;
}






#forgot-password #changeColorLogin{
   background: linear-gradient(297deg, rgba(79, 210, 152, 0.2) 0.04%, rgba(79, 210, 152, 0.2) 8.51%, rgba(79, 210, 152, 0) 37%), 
                linear-gradient(141deg, #84FFA4 -76.25%, #4FD298 -48.32%, rgba(79, 210, 152, 0) 40.52%), 
                rgba(167, 197, 231, 0.03) !important; 
}





#forgot-password .btn-lightgrey{
          background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
     border-radius:8px!important;
     box-shadow:unset;
     color:#fff!important;
     
}

#forgot-password .btn-lightgrey:hover{
  background: linear-gradient(to right, #141B4D, #1E2A6F, #1E2A6F, #141B4D)!important;
}


/*forgot-password*/





/*input*/

.dataTables_wrapper .filter_column input[type="text"],
input[type="text"],
select
,
input[type="number"],
body .form-color{
    
    background: #2B4448 !important;
    border: unset !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding:4px 8px;
}

input[type="text"]:focus,
input[type="number"]:focus,
.form-control:focus,
body .form-color:focus{
    box-shadow:unset!important;
}



input[type="button"]{
    background: linear-gradient(to right, #141B4D, #1b275d, #222d62, #141B4D) !important;
        border: unset !important;
    color: #fff !important;
    border-radius: 8px !important;
    box-shadow:unset;
    padding: 7px 18px;
}

/*input*/





/*autofill & placeholder*/

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

input:-webkit-autofill:focus {
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
}

input:-webkit-autofill:hover {
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
}


input::placeholder {
  color: #fff!important; 
  opacity: 1!important; 
}

input::-webkit-input-placeholder {
  color: #ffff!important;
  opacity: 1!important;
}

input::-moz-placeholder {
  color: #ffff!important;
  opacity: 1!important;
}

input:-ms-input-placeholder {
  color: #ffff!important;
  opacity: 1!important;
}

input:-moz-placeholder {
  color: #ffff!important;
  opacity: 1!important;
}

.form-control::placeholder {
  color: #ffff!important;
  opacity: 1!important;
}



input.promocode::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}


input.promocode[type="text"]::placeholder {
  color: #fff !important;
  opacity: 1 !important;
}

 


/*autofill & placeholder*/












::-webkit-scrollbar-track {
  background: #213336 !important;
}

::-webkit-scrollbar-thumb {
  background-color: #24443c !important;
}


* {
  scrollbar-width: thin;
  scrollbar-color: #24443c #213336;
}