.background_outline_btn{
            border-radius: 50px ;
   padding: 15px 40px;
   border: 1px solid var(--light);
   color: var(--light);
}
.background_outline_btn:hover{
background-color:var(--light) ;
color: var(--dark2);
}
 

.crm_body_bg{
  background-image:
            linear-gradient(to bottom right,
              rgba(0, 0, 0, .950),
              rgba(0, 0, 0, .950)), url('../img/bg.png');
         background-size: 100%;
         background-position: center;
         background-repeat: repeat;
  color:#ffffff !important;
}
 .text_dark{
  color: var(--white);
 }
 /*index page start*/
 .white_box_model{
  border-radius: 14px;
  border:1px solid var(--gray);
  padding: 10px;  
  background-color: var(--dark);
}
.white_box{
  border-radius: 14px;
  background-color: var(--dark);
  border:1px solid var(--gray);
}
.svg-stork {
    stroke: var(--white);
}

.svg-fill {
    fill: var(--white);
}
.svg-stork:hover {
    stroke: var(--color_light_brown);
}
.svg-fill:hover {
    fill: var(--color_light_brown);
}
.btn-outline-dark {
      border-color: var(--white);;
    color: var(--white);;
}
.black-logo {
    display: none;
}
 /*index page end*/
.h6-clr{
  color: white;
}
.font-text{
  color:#fff !important;
}
.model-bg{
  background-color: black !important;
}
.darkbg{
  background-color: #000 !important;
}
.bg-header{
  background:#181818 !important;

}
.sidebar{
  background:#181818 !important;
   /* background-image: url("../img/candle1.png") !important; */
  background-size: 40px  !important;
  background-attachment: scroll  !important;
         background-position: 210px 520px  !important;
         background-repeat: no-repeat  !important;


}
.bg-image{
    background-image: url('../dark-img/trade.png') !important;
       background-size: cover !important;

         background-position: center !important;
         background-repeat: no-repeat !important;
}
.font-light-brown{
  color: #C68D37 !important;
}
.font-light{
  color: white !important;
}
.bg-border{
  border-color: gray;
}
.bg-svg{
  fill: #C68D37 !important;
}

.font-arrow{
  color:white !important;

}
.btn-outline{
  border-color:  #fff ;
  color: #fff;
}
.faq-bg{
  background-color:#000 !important;
  border-radius: 2px !important;
}
.faq-body{
  background:#000 !important;

}
.background_outline_btn_dark{
  border: 1px solid white !important; 
}
.bg_dark{
  background-color: var(--dark);
}
.bg_white{
  background-color: rgb(234 234 232/5%);
  backdrop-filter: blur(5px);
}
.brd-setting{
  border-radius: 14px;
    border: 1px solid lightgray;
    box-shadow: rgb(110 110 110 / 20%) 0px 7px 29px 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--light);
  
}
table.dataTable thead th,
table.dataTable thead td {
  
    color: var(--light);
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 16px 25px;
  font-size: 15px;
  color: var(--white);
  font-weight: 600;
}
table.dataTable.table-striped>tbody>tr.odd>* {
    color: var(--white_2) ;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  font-size: 16px;
  color: var(--white);
  font-weight: bold;
   

}
div.dataTables_wrapper div.dataTables_length label{
  font-size: 16px;
  color: var(--white);

}

.dropdown-header .dropdown-header-menu {
     
    border: 1px solid rgb(77 79 92/50%);
    padding: 20px;
    background-color: rgb(77 79 92/50%);
    backdrop-filter: blur(5px);
    border-radius: 8px;
         margin-top: 20px !important;
}
.dropdown-header .dropdown-header-menu::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    top: -20px;
    right: 10px;
    border-width: 0 15px 20px;
    border-color: transparent transparent rgb(77 79 92/50%) transparent;}
    .dropdown-header .dropdown-header-menu .dropdown-item{
      color: var(--light);
    }
    .dropdown-header .dropdown-header-menu .dropdown-item:hover{
      color: var(--color_light_brown);
    }

    /* Chart Dashboard */

    #SvgjsText1355 {
    fill: white !important;
}
    /* Chart Dashboard */
.border_setting {
  border: 1px solid var(--white); /* Initial white border */
  box-sizing: border-box;
  transition: border-color 0.3s ease; /* Smooth transition */
}

.border_setting:hover {
  border-color: var(--color_dark_brown); /* Change border color on hover */
}