.container-general {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #FFF;
}

.container-deposit {
    font-size: 14px;
    background-color: #FFF;
    padding-top: 0;
}

.container-deposit img {
    width: 130px;
    margin: 0 auto;
}

#btn-importe,
#bloc,
#div-importe,
#datos-pago,
#datos-retirada {
    padding: 5px 0;
}

.butts,
#btn-importe button {
    width: 32.4%;
    border: 0;
    padding: 5px 0;
    margin-bottom: 3px;
    font-weight: 700;
    /*text-align: center;*/
    cursor: pointer;
    /*text-decoration: none;*/
    /*display: inline-block;*/
    background-color: #f8c3da;
}

.butts:hover,
#btn-importe button:hover,
#btn-importe button:focus {
}

#div-importe input[type="text"],
#datos-retirada input[type="text"],
#datos-retirada select {
    font-size: 18px;
    margin-bottom: 0px !important;
    border: 1px solid #000;
}

#div-importe span {
    font-size: 12px;
    margin-bottom: 15px;
}

.txt-info {
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #000;
    padding: 10px;
    margin: 15px 0 30px 0;
}

.txt-info a,
#txt-depositar a,
#transfer-visible a,
.cashmachine {
    color: #e60881;
    font-weight: 700;
    text-decoration: none;
}

.txt-info a:hover,
#txt-depositar a:hover
#transfer-visible a:hover,
.cashmachine:hover {
    color: #f08cb9;
    font-weight: 900;
}

#btn-in {
    display: none;
}

.paddings {
    width: 90% !important;
    margin: 0 auto;
}

.depositar {
    margin: 6px 0 !important;
    background-color: #FFF;
}

#txt-depositar {
    width: 65% !important;
    display: none;
    font-size: 12px;
}

.img-depositar {
    width: 48% !important;
    background: #FFF;
    display:flex;
    justify-content:center;	
}

.metodos-depositar .img-depositar{
    margin: 2% 0;
}

.img-verificar {
    width: 30%;
    height: auto;
    max-width: 130px;
    margin-bottom: 20px;
}

.img-deposit-head{
    width: 96%;
    margin: 0 auto 10px auto;
}

.arrow-depositar {
    width: 15% !important;
}

.img-depositar img {
    width: 145px;
}

.arrow-depositar img {
    width: 10px;
}

.title-depositar {
    color: #FFF;
    text-align: left;
    font-size: 16px;
}

.metodos-depositar{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*** transferencia bancaria ***/

.separator{
    background-color: #E40090;
    width: 100%;
    height: 2px;
    margin: 20px 0 30px 0;
}

.titular-iban-separator{
    margin: 20px 0;
}

.txt-info-transferencia{
    margin: 0 30px 30px 0px;
}

.txt-info-transferencia p {
    margin-bottom: 0;
}
/*** deposito aprobado ***/
.txt-pink {
    color: #e60881;
    font-weight: 900;
}

.txt-bold {
    font-weight: 700;
}

.margen {
    padding: 10px 0;
}

.margen img {
    max-width: 50px;
}

.check-pink {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#datos-transferencia-gp{
	text-align: start;
}
/******************************/

/********* tabla retiradas ****/
#tablita,
#tablita-nom {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    margin-bottom: 15px;
}

.tablita-bg,
.tablita-bg-nom {
    height: 30px;
    padding-left: 10px;
    background-color: #CCC;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.tablita-bg {
    width: 70%;
}
.tablita-bg-nom {
    width: 30%;
}

.tablita-dt,
.tablita-dt-nom {
    height: 30px;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.tablita-dt {
    width: 30%;
}
.tablita-dt-nom {
    width: 70%;
}
/*******************************/









.rojo {
   float: left;
   width: 30pt;
   height: 15pt;
   cursor: pointer;
   background-color: red;
   text-align: center;
   color: white;
}
.amarillo {
   float: left;
   width: 30pt;
   height: 15pt;
   cursor: pointer;
   background-color: yellow;
   text-align: center;
   color: black;
}
.verde {
   float: left;
   width: 30pt;
   height: 15pt;
   cursor: pointer;
   background-color: green;
   text-align: center;
   color: white;
}
.rojo:hover, .amarillo:hover, .verde:hover {
   background-color: #0000FF;
   color: white;
}


#btnVerificar{
padding: 0.5% 1.5%;
}







@media all and (min-width: 640px) {
    #tablita,
    #tablita-nom {
        flex-direction: row;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        border-right: 0;
    }
    #tablita div,
    #tablita-nom div {
        flex-direction: column;
        justify-content: center;
            
    }
    .tablita-bg,
    .tablita-bg-nom {
        width: 100%;
        padding-left: 0;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    .tablita-dt,
    .tablita-dt-nom {
        width: 100%;
        border-right: 1px solid #000;
    }
}

@media all and (min-width: 640px) and (orientation: landscape) {
    .txt-info {
        display: none;
    }
    #btn-importe,
    #bloc {
        flex-direction: row;
    }
    #btn-importe div,
    #div-importe,
    #datos-pago,
    #datos-retirada {
        width: 50%;
    }
    #div-importe {
        padding-right: 20px;
    }
    #div-importe input[type="text"] {
        width: 100%;
    }
    #btn-in {
        display: block;
        margin-top: 20px;
    }
    #btn-out {
        display: none;
    }
 
    .info-paypal {
        display: block;
        margin-top: 0;
    }
    .bonos {
        padding-top: 8px;
    }
    .transfer {
        width: 80%;
        display: block;
    }
    #btn-importe button {
        width: 32.2%;
    }
}

@media all and (min-width: 768px)  and (orientation: portrait) {
    #div-importe input[type="text"] {
        width: 50%;
    }
    #btn-importe,
    #div-importe,
    #datos-pago,
    #datos-retirada,
    .bonos {
        padding: 15px;
    }
}

@media all and (min-width: 768px) {
    .container-general {
        width: 90%;
    }
    .container-deposit {
        width: 85%;
    }
    .container-deposit img {
        width: 180px;
    }
    
    .txt-info {
        margin: 15px 15px 30px 15px;
    }
    #datos-pago input[type="text"],
    #datos-retirada input[type="text"] {
        width: 75%;
    }
    #cardStored {
        width: 100%;
    }
    .txt-info {
        padding: 15px;
    }
    #tablita,
    #tablita-nom {
        /*width: 90%;*/
    }
    #row1,
    #row2,
    #row2b,
    #row3b {
        width: 28%;
    }
    #row3,
    #row1b {
        width: 44%;
    }

     #datos-transferencia-gp{
	text-align: center !important;
     }
}



@media all and (max-width 800px){

   .img-depositar img {
    width: 100%;
    }

}

@media all and (min-width: 800px) and (orientation: landscape) {
    #btn-importe button {
        width: 31.6%;
    }
}

@media all and (min-width: 938px) {
    #div-importe input[type="text"],
    #datos-pago input[type="text"],
    #datos-retirada input[type="text"],
    #datos-retirada select {
        width: 100%;
    }
    #datos-pago {
        padding: 5px 15px;
    }
}

@media all and (min-width: 1024px) {
    #btn-importe button {
        width: 32.15%;
    }
    #btn-in {
        display: none;
    }
    .txt-info,
    #btn-out {
        display: block;
    }
    .dp-visa {
        /*padding-top: 100px;*/
    }
    #tablita,
    #tablita-nom {
        width: 80%;
    }
    #transfer-visible {
        display: none;
    }
}

@media all and (min-width: 1025px) {
    .img-depositar {
        width: 30% !important;
    }
    #txt-depositar {
        display: block;
    }
    .arrow-depositar {
        width: 5% !important;
    }
}

@media all and (min-width: 1030px) {
    #datos-pago {
        padding: 5px 0;
    }
}

@media all and (min-width: 1440px) {
    #btn-importe button {
        width: 32.4%;
    }
}