* {
    margin: 0%;
    padding: 0%;
    outline: none!important;
}

body {
    padding-top: 60px;
    color: #bdd8eb;
    background-image: url(../img/banner_background1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
textarea.form-control{
    min-height: calc(1.5em + 0.75rem + 2px)!important;
    max-height: 130px!important;
}
.jumbotron {
    box-shadow: 0 15px 15px 3px rgba(0, 0, 0, .5);
    background: none!important;
    backdrop-filter: blur(15px);
}

.precionum {
    font-size: 20px;
    color: rgb(35, 35, 35);
    font-weight: bold;
}
.tBGPrice {
    font-size: 13px;
    color: rgb(226, 75, 75)!important;
    font-weight: bold;
}
.tBG {
    font-size: 13px;
    color: rgb(99, 99, 99)!important;
    font-weight: bold;
}

.oferta {
    font-size: 15px!important;
}

.bg-tr {
    background: none!important;
    backdrop-filter: blur(15px);
}

.bg-tr-black {
    background: rgba(0, 0, 0, 0.3)!important;
}

.bg-none {
    background: none!important;
    backdrop-filter: blur(15px);
    box-shadow: 0 9px 15px -6px rgba(0, 0, 0, .5);
}

.hover:hover {
    cursor: pointer!important;
}

.navHeader {
    box-shadow: 0 9px 15px -6px rgba(0, 0, 0, .5);
    background: rgb(64, 55, 132);
    background: linear-gradient(135deg, #0e8ce4 15%, #e9eef0 73%);
}

.fixed-bottom {
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .5);
    background: rgb(64, 55, 132);
    background: linear-gradient(235deg, #0e8ce4 15%, #e9eef0 73%);
}

.icon-cross,
.marcarInac {
    color: rgba(186, 51, 51, 0.905);
}

.icon-checkmark,
.icon-checkmark2,
.marcarAc {
    color: rgba(28, 146, 71, 0.905);
}

.icon-warning,
.marcarW {
    color: rgba(218, 179, 52, 0.905);
}

.iconT {
    font-size: 20px;
}

.iconT16 {
    font-size: 16px;
}

.iconT18 {
    font-size: 18px;
}

.iconT22 {
    font-size: 22px;
}

.imgLogoHeader {
    width: 30px;
}

.bg-gradient {
    background: none!important;
    backdrop-filter: blur(15px);
    color: rgb(140, 139, 139)!important;
    outline: none;
}

.bg-gradient::placeholder {
    color: rgb(140, 139, 139)!important;
}


/* btn carrito de compras */

.btn-flotante {
    position: fixed;
    left: 15px;
    bottom: 60px;
    z-index: 1100000;
}


/* btn copiar enlace producto detalle */

.btn-clipboard {
    bottom: 120px!important;
}

.btn-flotante>.badge-pill {
    position: absolute;
    right: 0;
    top: -8px;
    cursor: pointer;
}

.border-circle {
    border-radius: 50%!important;
    padding: 10px;
}


/* btn carrito de compras */

.btn-carrito {
    background: #008585;
    color: rgb(255, 255, 255);
    border: none;
    cursor: pointer;
    font-size: 20px;
    text-decoration: none;
    box-shadow: 0 4px 7px 3px rgba(0, 0, 0, .5);
}

.btn-carrito:hover {
    color: #008585;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 7px 7px 3px rgba(0, 0, 0, .5);
}


/* btn plus de herramientas en detalles*/

.btn-clipboard-detalle {
    background: #20a8dd!important;
    color: rgb(255, 255, 255)!important;
    border: none;
    cursor: pointer;
    font-size: 20px;
    text-decoration: none;
    box-shadow: 0 4px 7px 3px rgba(0, 0, 0, .5);
}

.btn-clipboard-detalle:hover {
    color: #20a8dd!important;
    background: rgba(255, 255, 255, 0.8)!important;
    box-shadow: 0 7px 7px 3px rgba(0, 0, 0, .5);
}

.message-clipboard {
    background: #37a851;
    font-size: 14px;
    border-radius: 2px;
}

.mensaje-clipboard {
    padding: 10px;
}
.bg-vistas{
    background: #73a57f;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

.h-textarea{
    min-height: 50px;
    max-height: 100px;
}

.text-black{
    color: #000!important;
}

.text-white{
    color: #fff!important;
}

.imgGrande{
    height: 100%;
    width: 100%;
    max-width: 500px;
    max-height: 700px;
    overflow: hidden;
}

@media (max-width:1100px) {
    .margin-md-x {
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .padding-md-auto {
        display: table-cell!important;
        vertical-align: middle!important;
    }
}

@media (max-width:692px) {
    body {
        background-size: 110% 100%;
    }
}

@media (max-width:575px) {
    .border-left {
        border-left: 0!important;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
}

@media (max-width:530px) {
    .tablePeq {
        margin-left: -5px;
    }
    body {
        background-size: 120% 100%;
    }
}

@media (max-width:500px) {
    .tablePeq {
        margin-left: -7px;
    }
    body {
        background-size: 130% 100%;
    }
}

@media (max-width:490px) {
    .tablePeq {
        margin-left: -10px;
    }
    body {
        background-size: 140% 100%;
    }
}

@media (max-width:480px) {
    .tablePeq {
        margin-left: -20px;
    }
    body {
        background-size: 150% 100%;
    }
}

@media (max-width:460px) {
    .tablePeq {
        margin-left: -25px;
    }
}

@media (max-width:440px) {
    .tablePeq {
        margin-left: -30px;
    }
    body {
        background-size: 160% 100%;
    }
}

@media (max-width:420px) {
    .tablePeq {
        margin-left: -35px;
    }
}

@media (max-width:410px) {
    .tablePeq {
        margin-left: -40px;
    }
}

@media (max-width:400px) {
    .tablePeq {
        margin-left: -45px;
    }
    body {
        background-size: 170% 100%;
    }
}

@media (max-width:390px) {
    .tablePeq {
        margin-left: -50px;
    }
}

@media (max-width:380px) {
    .tablePeq {
        margin-left: -55px;
    }
}

@media (max-width:370px) {
    .tablePeq {
        margin-left: -60px;
    }
    body {
        background-size: 180% 100%;
    }
}

@media (max-width:360px) {
    .tablePeq {
        margin-left: -65px;
    }
    .mPer {
        margin-bottom: 5px;
    }
    body {
        background-size: 190% 100%;
    }
}

@media (max-width:350px) {
    .tablePeq {
        margin-left: -70px;
    }
    body {
        background-size: 200% 100%;
    }
}

.cursor{
    cursor: pointer!important;
}