.content-auto {
margin: 10px auto;
padding: 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgb(17, 194, 17);
-webkit-box-shadow: 0px 0px 20px 0px rgb(17, 194, 17);
-moz-box-shadow: 0px 0px 20px 0px rgb(17, 194, 17);
}

.wp-100 {
width: 100%;
}

.wp-90 {
width: 90%;
}

.wp-80 {
width: 80%;
}

.wp-50 {
width: 50%;
}

.wp-45 {
width: 45%;
}

.wp-40 {
width: 40%;
}

.w-200 {
width: 200px;
}

.w-300 {
width: 300px;
}

.w-350 {
width: 350px;
}

.w-400 {
width: 400px;
}

.w-450 {
width: 450px;
}

.w-500 {
width: 500px;
}

.w-550 {
width: 550px;
}

.w-600 {
width: 600px;
}

.Pdd-3 {
padding: 3px;
}

.Pdd-5 {
padding: 5px;
}

.Pdd-10 {
padding: 10px;
}

.Pdd-20 {
padding: 20px;
}

.Pdd-T-10 {
padding-top: 10px;
}

.Pdd-b-5 {
padding-bottom: 5px;
}

.Pdd-b-10 {
padding-bottom: 10px;
}

.Mrg-5 {
margin: 5px;
}

.Mrg-10 {
margin: 10px;
}

.Mrg-20 {
margin: 20px;
}

.MrgB-5 {
margin-bottom: 5px;
}

.MrgB-10 {
margin-bottom: 10px;
}

.MrgB-20 {
margin-bottom: 20px;
}

.MrgB-30 {
margin-bottom: 30px;
}

.MrgT-5 {
    margin-top: 5px; 
    }

.MrgT-10 {
    margin-top: 10px; 
    }

.MrgT-20 {
margin-top: 20px; 
}

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

.b-white {
background: white;
}

.B-grisT {
background: rgba(182, 166, 166, 0.336);
}

.B-greenT {
background: rgba(5, 56, 18, 0.822);
}

.B-green {
background: green;
}

.b-radius-5 {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.b-radius-10 {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}  

.b-radius-20 {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.b-c-green-5 {
box-shadow: 0px 0px 5px 0px rgb(5, 95, 5);
-webkit-box-shadow: 0px 0px 5px 0px rgb(5, 95, 5);
-moz-box-shadow: 0px 0px 5px 0px rgb(5, 95, 5);
}

.b-c-green-10 {
box-shadow: 0px 0px 10px 0px rgb(17, 194, 17);
-webkit-box-shadow: 0px 0px 10px 0px rgb(17, 194, 17);
-moz-box-shadow: 0px 0px 10px 0px rgb(17, 194, 17);
}

.b-c-green-20 {
box-shadow: 0px 0px 20px 0px rgb(17, 194, 17);
-webkit-box-shadow: 0px 0px 20px 0px rgb(17, 194, 17);
-moz-box-shadow: 0px 0px 20px 0px rgb(17, 194, 17);
}

.TxA-Center {
text-align: center;
}

.TxA-Right {
text-align: right;
}

.TxA-Left {
text-align: left;
}

.Ds-block {
display: block;
}

.Ds-inlineb {
display: inline-block;
}

.Ds-none {
display: none;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.clear-both{
clear:both;
}

.SpP {
    font-size:16px; 
    padding: 10px; 
    display:block;
    font-weight: bold;
}

.SpT{
    font-size:22px; 
    padding: 15px 0px 5px 0px; 
    display:block;
    font-weight: bold; 
}

/* .imgMQ {
    width: 100%;
    height: auto;
    } */

.font-s12{
font-size: 12px;
}

.font-s13{
font-size: 13px;
}

.font-s14{
font-size: 14px;
}

.font-s15{
font-size: 15px;
}

.bold{
font-weight: bold;
}

.input {
text-align: center;
background: rgba(6, 207, 6, 0.349);
border: 1px solid rgb(53, 247, 101);
padding: 5px 0px 5px 12px;
outline:0px;
color: rgba(255, 255, 255, 0.836);
font-size: 14px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.input:focus {
background: rgb(51, 161, 18);
}

.c-white{
color: white;
}

.c-whiteG{
color: rgba(255, 255, 255, 0.747);
}

.c-yellow {
color: yellow;
}

.c-blue {
color: blue;
}

.c-brown {
color: brown;
}

.c-yellowG {
color: rgba(255, 255, 0, 0.733);
}

.c-red {
color: red;
}

.c-orange{
    color: orange;
}

.c-green {
color: rgb(24, 236, 24);
}

.c-greenT {
color: green;
}

.hov-green:hover {
color: rgb(24, 236, 24);
}

.act-yellow:active{
color: yellow;
}

.c-blueviolet {
color: blueviolet;
}

.btn {
float: right;
font-size: 15px;
margin-right: -21px;
outline:0px;
padding: 8px 15px 8px 15px;
color: rgb(255, 255, 255);
border: 1px solid rgb(53, 247, 101);
background: rgb(10, 110, 10);
background: linear-gradient(rgb(10, 110, 10), rgb(102, 255, 0));
transition: all 2s;
-webkit-transition: all 1s; 
cursor: pointer;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.btn:active,
.btn:hover {
background: rgb(10, 73, 26);
background: linear-gradient(rgb(102, 255, 0), rgb(10, 110, 10));
transition: all 2s;
-webkit-transition: all 1s; 
}

::placeholder {
color: rgba(255, 255, 255, 0.8);
opacity: 5; 
}

#imgPagoP {
width: 180px;
height: auto;
cursor: pointer;
}

#Eliminar {
cursor: pointer;
color: red;
}

#reloadimg{
    font-size: 20px;
    display:inline-block;
    color: rgb(17, 184, 17);
}

@media screen and (max-width: 550px) {
.content {
width: 100%;
}

.SpP {
    font-size:13px; 
    padding: 5px; 
}

.SpT{
    font-size:18px; 
    padding: 5px;  
}
}

@media screen and (max-width: 450px) {
    .imgMQ {
        width: 75%;
        }
}

@media screen and (max-width: 360px) {
.content-auto {
width: 100%;
}

.input {
width: 100%;
}
}