div.dataTables_info {

  color: #ffffff !important;

}



div.dataTables_info a{

  color: #000; !important;

}



#busd_form_box,

#alert_box,

#alert_box_add_modal,

#alert_box_delete_modal,

#alert_box_update_modal,

#alert_box_setting,

#alert_box_password,

#alert_box_pin,

#alert_box_deposit,

#alert_box_withdraw,

#alert_box_swap,

#login_box,

#register_box,

#forgot_box,

#reset_box,

#loader,

#loader_s {

  display: none;

}



.box {

  float: left;

  height: 40px;

  width: 40px;

  margin: 10px;

  border: 1px solid black;

  clear: both;

}



[data-title]:hover:after {

    opacity: 1;

    transition: all 0.1s ease 0.5s;

    visibility: visible;

}

[data-title]:after {

    content: attr(data-title);

    background-color: #111;

    color: #ffffff;

    font-size: 120%;

    border-radius: 10px;

    position: absolute;

    padding: 1px 5px 2px 5px;

    bottom: -2em;

    left: 0%;

    white-space: nowrap;

    box-shadow: 1px 1px 3px #222222;

    opacity: 0;

    border: 1px solid #111111;

    z-index: 99999;

    visibility: hidden;

}

[data-title] {

    position: relative;

}



.beginner {

  background-color: yellowgreen;

}



.star {

  background-color: blueviolet;

}



.ruby {

  background-color: darkcyan;

}



.emerald {

  background-color: green;

}



.crown {

  background-color: limegreen;

}



.ambassador {

  background-color: slateblue;

}



.inactive {

  background-color: black;

}