.zoom {
  transition: transform .2s; / Animation /
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1);
   /*/ (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) /*/
}

.log_err {
    position: relative;
    padding: 4.75rem 10.25rem;
    bottom: 2px;
    right: 20px;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}
i.icon_move.fa.fa-plus{
    position: relative;
    margin-left: 5px;
}

i.fa-minus.fa{
    position: relative;
    margin-left: 5px;
}

.log_alert {
    color: #FFFFFF;
    background-color: #302E2E;
    border-color: #302E2E;
}
.exit:hover {
  color: #000;
  text-decoration: none;
}

.exit:not(:disabled):not(.disabled):hover,
.exit:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
.exit {

  top: -100px;
    position: relative;
    left: 270px;
    width: 22px;

}
div#id01 {
    position: fixed;
    z-index: 300;
    margin: 36%;
}

.fa-frown-open:before {
    content: "\f57a";
    position: relative;
    top:-25px;
    left: 19px;
}

$white: #FCFCFC;
$gray: #CBCDD3;
$dark: #777777;
$error: #EF8D9C;
$orange: #FFC39E;
$success: #B0DB7D;
$secondary: #99DBB4;

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

$font: 'Lato', sans-serif;



.shadow {
  position: absolute;
  width: 21%;
  height: 3%;
  opacity: .5;
  background: $dark;
  left: 40%;
  top: 43%;
  border-radius: 50%;
  z-index: 1;
}

.scale {
  animation: scale 1s ease-in infinite;
}
.move {
  animation: move 3s ease-in-out infinite;
}


@keyframes bounce {
  50% {
     transform: translateY(-10px);
  }
}

@keyframes scale {
  50% {
    transform: scale(0.9);
  }
}


@keyframes move {
  0% {
    left: 25%;
  }
  50% {
    left: 60%;
  }
  100% {
    left: 25%;
  }
}


@media(max-width: 768px){

 div#id01 {
  
    margin: 11%;
}

.log_err {
    position: relative;
    padding: 77px 164px;
    bottom: 617px;
    right: 54px;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}


}

@media(max-width: 375px){

  div#id01 {
    margin: -24%;
}


  .log_err {
    position: relative;
    padding: 47px 88px;
    bottom: 633px;
    right: 100px
    border: 0px solid transparent;
    border-radius: 0.25rem;
  }

.exit {
    top: -73px;
    position: relative;
    left: 195px;
    width: 22px;
}

}

@media(max-width: 414px){

  div#id01 {
    margin: -27%;
}

.log_err {
    position: relative;
    padding: 45px 84px;
    bottom: 532px;
    right: 138px;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}



.exit {
    top: -71px;
    position: relative;
    left: 193px;
    width: 22px;
}




}

@media (max-width: 320px){
.log_err {
    position: relative;
    padding: 45px 84px;
    bottom: 416px;
    right: 95px;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}
}

@media (min-width: 1024px) and (max-width: 1366px){

  div#id01 {
    margin: 23%;
}
.log_err {
    position: relative;
    padding: 4.75rem 10.25rem;
    bottom: 794px;
    right: 17px;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}


}

.pl-p-logo:hover{
    background:#343333;
    box-shadow: 2px 2px 15px 0 rgba(135,135,135, 0.4);
    transition: all 0.5s ease 0s;

}




/*.hlight {
  position: absolute;
  bottom: 20px;
  right: 5px;
  background: rgb(0, 0, 0); 
  background: rgba(0, 0, 0, 0.5); 
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}*/

._box_container_:hover {
  background: #000716;
  box-shadow: 2px 2px 0px 4px rgb(232 222 222 / 97%);
  transition: all 0.5s ease 0s;
}


._submit_button_ button:hover {
    background: #000716;
    box-shadow: -6px 7px 15px 0 rgba(135,135,135, 0.4);
    transition: all 0.5s ease 0s;
}


._footer {
    position: relative;
    /*left: 44px;*/
}

.overlay{

  position: absolute;
    bottom: 0;
    background: rgb(226 40 40);
    background: rgb(72 69 69 / 50%);
    color: #ffffff;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #f5f9f5;
    font-size: 15px;
    padding: 2px;
    width: 74px;
    right: 317px;
    text-align: center;


}

.d_hover:hover .overlay{
  opacity: 1;
}
.d_hover:hover {

  background: #02145e;
  box-shadow: 2px 2px 15px 0 rgba(135,135,135, 0.4);
  transition: all 0.5s ease 0s;
  
}




.overlay2{

  position: absolute;
    bottom: 0;
    background: rgb(226 40 40);
    background: rgb(72 69 69 / 50%);
    color: #ffffff;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #f5f9f5;
    font-size: 15px;
    padding: 2px;
    width: 74px;
    right: 260px;
    text-align: center;


}
.d_hover:hover .overlay2{
  opacity: 1;
}

.overlay0{

  position: absolute;
    bottom: 0;
    background: rgb(226 40 40);
    background: rgb(72 69 69 / 50%);
    color: #ffffff;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #f5f9f5;
    font-size: 15px;
    padding: 2px;
    width: 74px;
    right: 367px;
    text-align: center;


}
.d_hover:hover .overlay0{
  opacity: 1;
}

.d_hover:hover .overlay3{
  opacity: 1;
}
.overlay3{

  position: absolute;
    bottom: 0;
    background: rgb(226 40 40);
    background: rgb(72 69 69 / 50%);
    color: #ffffff;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #f5f9f5;
    font-size: 15px;
    padding: 2px;
    width: 74px;
    right: 206px;
    text-align: center;


}

.d_header {

    width: 100%;
    background-color: #000716;
    height: 90px;
    border-radius: -1px;
    position: relative;
    box-shadow: 0px 1px 8px #000000;
    max-width: 466px;
    left: 2px;
    bottom: -1px;

}
.ebanc_logo img {

    width: 125px;
    margin: 0 auto;
    position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.jcb_logo img {

    width: 125px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}


._logo_footer img{
        width: 193px;
    margin: 0 auto;
    position: absolute;
    top: 92%;
    right: 0;
    left: 64%;
    /* opacity: 0.5; */
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
._first_row1{

  margin-bottom: -20px;
  position: relative;
    left: 20px;
}


/* ._first_row input[type=text]:focus {
  border: 1px solid #0F7085;
  outline:0;
} */
/* ._first_row input[type=number]:focus {
  border: 0px solid #0F7085;
  outline:0;
} */

/* ._second_row input[type=number]:focus {
  border: 0px solid #087C95;
  outline:0;
} */
/* ._second_row input[type=text]:focus {
  border: 0px solid #087C95;
  outline:0;
} */

._first_row input[type=text] {
    width: 100%;
    padding: 12px 4px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #757070;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    
}
._first_row input[type=number] {
  width: 100%;
    padding: 12px 4px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #666a6b;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    
}

._second_row input[type=text] {
  width: 100%;
    padding: 12px 4px;
    margin: 8px 2px;
    box-sizing: border-box;
    border: 1px solid #666a6b;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  
}

._second_row input[type=number] {
  width: 100%;
  padding: 12px 4px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

._second_row select{

  width: 100%;
    padding: 6px 4px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #666a6b;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    

}

._second_row select:focus{

   border: 3px solid #0F7085;


}
._form_box_content_success {
    width: 536px;
    background-color: #f5fdff;
    height: 404px;
    border-radius: 3px;
    position: relative;
    box-shadow: 0px 1px 8px #177777;
    top: 7px;
}
._form_box_content_success img {
    position: relative; 
    width: 18%; 
    float: right; 
    margin: 17px 42%;
}
/*
._close-container{
  position: relative;
  width: 0px;
  height: 0px;
  cursor: pointer;
    left: 490px;
    bottom: 131px;
}

._leftright{
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #F4A259;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: all .3s ease-in;
}

._rightleft{
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #F4A259;
  border-radius: 2px;
  transform: rotate(-45deg);
  transition: all .3s ease-in;
}

 label{
  color: white;
  font-family: Helvetica, Arial, sans-serif; 
  font-size: .6em;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all .3s ease-in;
  opacity: 0;
}
.extra_close{
  margin: 60px 0 0 5px;
  position: absolute;
}

._close-container:hover ._leftright{
  transform: rotate(-45deg);
  background-color: #F25C66;
}
._close-container:hover ._rightleft{
  transform: rotate(45deg);
  background-color: #F25C66;
}
._close-container:hover label{
  opacity: 1;
}*/

._logo_container.b2b_logo img {
    width: 90px;
}

._frm_{

  top: 2px;
  left: 2px;

}
.lyr{

  position: relative;
  right: 12%;
  
}



div#filter-from {
  position: relative;
  /* left: -155px; */
  right: 8%;
}

div#filter-to {
  position: relative;
  right: 33%;
}
.view-button input#allview {
  font-size: 12px;
  width: 147px;
  height: 39px;
  position: relative;
  right: 208%;
}

div#filter-pay-sol {
  position: relative;
  right: 0%;
  width: 120px;
}

div#filter-pay-type {
  position: relative;
  right: 0%;
}
@media (max-width: 414px){

  .view-button input#allview {
   
    position: relative;
    right: 29%;
}
div#filter-from {
  position: relative;
  /* left: -155px; */
  right: 1%;
}

div#filter-to {
  position: relative;
  right: 1%;
}

div#filter-pay-sol {
  
  width: 100%;
}

._menus_header {
  
  margin-top: 2px;
}

}

@media (max-width: 360px){

  .view-button input#allview {
   
    position: relative;
    right: 23%;
}
div#filter-pay-sol {
  
  width: 100%;
}
._menus_header {
  margin-top: -47px;
}

}

@media(max-device-width: 320px){

  ._menus_header {
    margin-top: -30px;
}
}


/* Ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

  .view-button input#allview {
   
    position: relative;
    right: -14%;
    width: 98px;
}

div#filter-to {
  position: relative;
  right: -6%;
}

div#filter-from {
  position: relative;
  right: 6%;
}

div#filter-provider {
  width: 100px;
}

select#games_id {
  width: 117px;
}
div#filter-games {
  width: 100px;
}

._menus_header {

  margin-top: 30px;
}




 }



/* @media (max-width: 1024px){


  div#filter-from {
    position: relative;
    
    right: 3%;
}
div#filter-to {
  position: relative;
  right: 5%;
}

.view-button input#allview {

  position: relative;
  right: 31%;
}
} */

@media only screen
and (min-device-width: 540px)
and (max-device-width: 720px)
and (orientation: portrait)

{

  .view-button input#allview {
    position: relative;
    right: -20%;
    width: 87px;

}


  div#filter-to {
    position: relative;
    right: -5%;
}

div#filter-from {
  position: relative;
 
  right: 1%;
}

div#filter-pay-sol {
  width: 75px;
}
div#filter-pay-type {
  width: 16%;
}
}

@media (max-width: 280px){

  .view-button input#allview {
    position: relative;
    right: 13%;
}

}

@media only screen 
and (max-device-width: 640px)
and (min-device-width: 360px)
and (orientation: landscape)
{

  .view-button input#allview {

    position: relative;
    right: -13%;
}
div#filter-to {
  position: relative;
  right: -5%;
}

div#filter-from {
  position: relative;
  /* left: -155px; */
  right: -4%;
}

div#filter-provider {
  position: relative;
  right: -1%;
}
div#filter-pay-sol {
  position: relative;
  right: -2%;
  
}
div#filter-pay-type {
  position: relative;
  right: -2%;
}


}

@media only screen 
and (max-device-width: 731px)
and (min-device-width: 411px)
and (orientation: landscape)
{

  .view-button input#allview {
    position: relative;
    right: -19%;
}

div#filter-to {
  position: relative;
  right: -3%;
}
div#filter-from {
  position: relative;
  right: 3%;
}
div#filter-provider {
  width: 100px;
}
select#games_id {
  width: 100px;
}
select#filter {
  width: 100px;
}
}

@media only screen 
and (max-device-width: 823px)
and (min-device-width: 411px)
and (orientation: landscape)
{

  .view-button input#allview {
    position: relative;
    right: -17%;
}

div#filter-to {
  position: relative;
  right: -9%;
}
div#filter-from {
  position: relative;
  right: -3%;
}
select#games_id {
  width: 100px;
}
.from-to-fltr {

  position: relative;
  right: 10px;
}
select#filter {
  width: 100px;
}



}


@media only screen 
and (max-device-width: 568px)
and (min-device-width: 320px)
and (orientation: landscape)
{

  .view-button input#allview {
    position: relative;
    right: -16%;
}

div#filter-to {
  position: relative;
  right: -9%;
}
div#filter-from {
  position: relative;
  right: -6%;
}


}

@media only screen 
and (max-device-width: 667px)
and (min-device-width: 375px)
and (orientation: landscape)
{

  .view-button input#allview {
    position: relative;
    right: -27%;
    width: 100px;
}

div#filter-to {
  position: relative;
  right: -10%;

}
div#filter-from {
  position: relative;
  right: -16%;
}

div#filter-provider {
  width: 100px;
  position: relative;
  right: -3%;
}

div#filter-games {
  position: relative;
  right: -10px;
}
div#filter-pay-type {
  position: relative;
  right: -1%;
}

div#filter-pay-sol {
  position: relative;
  right: -2%;
  
}

.tr-to {
  position: relative;
  right: -32px;
}
}


}

@media only screen 
and (max-device-width: 1024px)
and (min-device-width: 768px)
and (orientation: landscape)
{

  .view-button input#allview {
    position: relative;
    right: -2%;
}

div#filter-to {
  position: relative;
  right: -6%;
}
div#filter-from {
  position: relative;
  right: -5%;
}




}

@media only screen 
and (max-device-width: 1366px)
and (min-device-width: 1024px)
and (orientation: landscape)
{

  .view-button input#allview {
    position: relative;
    right: 53%;
}

div#filter-to {
  position: relative;
  right: 13%;
}
div#filter-from {
  position: relative;
  /* left: -155px; */
  right: 4%;
}




}

@media only screen 
and (max-device-width: 720px)
and (min-device-width: 540px)
and (orientation: portrait)
{

  ._frm_ {
    top: 2px;
    left: 2px;
}



}

@media only screen 
and (max-device-width: 653px)
and (min-device-width: 280px)
and (orientation: portrait)
{
  .form_fl {
    left: -2px;
    position: relative;
}

}

@media only screen 
and (max-device-width: 640px)
and (min-device-width: 360px)
and (orientation: portrait)
{
  .form_fl {
    left: -15px;
    position: relative;
}

}

@media only screen 
and (max-device-width: 667px)
and (min-device-width: 375px)
and (orientation: portrait)
{
  .form_fl {
    left: -8px;
    position: relative;
}

}

@media only screen 
and (max-device-width: 568px)
and (min-device-width: 320px)
and (orientation: landscape)
{

  ._frm_ {
    top: -3px;
    left: 2px;
}
}

@media only screen 
and (max-width: 1860px)
and (min-width: 886px)
and (orientation: landscape)
{

  .view-button input#allview  {
  
  position: relative;
  right: 108%;
}

div#filter-to {
  position: relative;
  right: 24%;
}

}

@media only screen 
and (max-width: 1459px)
and (min-width: 886px)
and (orientation: landscape)
{

  .view-button input#allview  {
  
    position: relative;
    right: 90%;
}
div#filter-to {
  position: relative;
  right: 19%;
}

}

@media only screen 
and (max-width: 1435px)
and (min-width: 886px)
and (orientation: landscape)
{

  .view-button input#allview  {
  
    position: relative;
    right: 60%;
}
div#filter-to {
  position: relative;
  right: 15%;
}


}

@media only screen 
and (max-width: 1280px)
and (min-width: 886px)
and (orientation: landscape)
{

  .view-button input#allview  {
  
    position: relative;
    right: -20%;
}
div#filter-to {
  position: relative;
  right: -4%;
}
div#filter-from {
  position: relative;
  
  right: -2%;
}
._menus_header {
  margin-top: 5%;
}

}

@media only screen 
and (max-width: 1157px)
and (min-width: 886px)
and (orientation: landscape)
{
  div#filter-provider {
    width: 100px;
}
.view-button input#allview {
  position: relative;
  right: -8%;
}

select#games_id {
  width: 100px;
}


div#filter-to {
  position: relative;
  right: 6%;
  width: 100px;
}

div#filter-from {
  position: relative;
  right: -6%;
  width: 100px;
}

}

/* 
@media only screen 
and (max-width: 886px)

and (orientation: portrait)
{
  div#filter-provider {
    width: 100px;
}
.view-button input#allview {
  position: relative;
  right: -11%;
}
select#games_id {
  width: 100px;
}


div#filter-to {
  position: relative;
  right: 6%;
  width: 100px;
}

div#filter-from {
  position: relative;
  right: -6%;
  width: 100px;
}

}

@media only screen 
and (max-width: 850px)

and (orientation: portrait)
{


div#filter-to {
  position: relative;
  right: -9%;
  width: 100px;
}



}

@media only screen 
and (max-width: 689px)

and (orientation: portrait)
{

  div#filter-from {
    position: relative;
    right: 3%;
    width: 100px;
}
.view-button input#allview {
  position: relative;
  right: -18%;
}



} */



/* @media only screen 
and (min-width: 608px)

{

  .view-button input#allview  {
  
    position: relative;
    right: -4%;
}

div#filter-to {
  position: relative;
  right: -3%;
}

div#filter-from {
  position: relative;
  
  right: 1%;
}

} */

h5.wal-balance {
  font-size: 40px;
  position: relative;
  top: -18px;
}
.ahc-bal-wal {
  position: relative;
  right: 0%;
}

h6.walhistory {
  font-size: 20px;
  color: orange;
  
}

h6.wal-bl {
  color: #ffa50073;
  font-size: 17px;
}

label.s-wal {
  position: relative;
  left: 78%;
}
._form_box_content_wallet {
  width: 208px;
  background-color: #fdffff;
  height: 135px;
  border-radius: 1px;
  position: relative;
  right: -141px;
}

._box_containe_wallet{

  
    width: 141px;
    height: 135px;
    background: #23648a;
    padding: 29px;
    float: left;
    margin-bottom: 19px;
    position: relative;
    border: unset;
    border-radius: unset;

}

img.bet-icn {
  width: 81px;
}

img.bet-dollar{
  width: 60px;
}

h6.wal-title {
  position: absolute;
  font-size: 17px;
  color: #000000c4;
  bottom: 89px;
  right: 89px;
}

h5.total-wal {
  color: black;
  position: relative;
  right: 67px;
  bottom: 49px;
  font-size: 0px;
}

._box_containe_win{

  width: 141px;
    height: 135px;
    background: #2f9437;
    padding: 29px;
    float: left;
    margin-bottom: 19px;
    position: relative;
    border: unset;
    border-radius: unset;
    right: -180px;
}

._form_box_content_win {
  width: 208px;
  background-color: #fdffff;
  height: 135px;
  border-radius: 1px;
  position: relative;
  right: -321px;
}

._form_box_content_depo {
  width: 208px;
  background-color: #fdffff;
  height: 135px;
  border-radius: 1px;
  position: relative;
  right: -500px;
}

._box_containe_depo {
  width: 141px;
  height: 135px;
  background: #d40e0e;
  padding: 29px;
  float: left;
  margin-bottom: 19px;
  position: relative;
  border: unset;
  border-radius: unset;
  right: -359px;
}

h6.depo-title {
  position: absolute;
  font-size: 18px;
  color: #000000c4;
  bottom: 90px;
  right: 45px;
}


._form_box_content_withs {
  width: 208px;
  background-color: #fdffff;
  height: 135px;
  border-radius: 1px;
  position: relative;
  right: -681px;
}

._box_containe_withs {
  width: 141px;
  height: 135px;
  background: #f0a10f;
  padding: 29px;
  float: left;
  margin-bottom: 19px;
  position: relative;
  border: unset;
  border-radius: unset;
  right: -540px;
}


h6.withs-title {
  position: absolute;
  font-size: 18px;
  color: #000000c4;
  bottom: 90px;
  right: 24px;
}

strong.amt_wal {
  font-size: 18px;
}
._form_content_1{

  position: relative;
    width: 266px;
    top: 104px;
    left: -64px;
}

img.rbutton {
    max-width: 20px;
    position: relative;
    top: -10px;
}

img.rbutton1 {
    max-width: 50px;
    position: relative;
    top: -10px;
}