@media screen and (max-width: 464px) {
    .confirmation-message {
        left: 30%;
        padding: 5px;
    }
}

.sweet-alert.showSweetAlert.visible {
    margin-top: -145px !important;
}

.text-desc {
    color: #29b6d8 !important;
    font-weight: bold;
}

.text-lot {
    font-weight: bold;
}

@media screen and (max-width:414px) {
    #divProducto {
        width: 54%;
        padding: 0;
    }

    .gustavo-popUp-mobile {
        right: 50px;
        top: -80px;
        position: absolute;
        /* left: 0; */
        margin-left: 10px !important;
        width: 26px;
    }
}

.title-popUp-gus {
    font-size: 15pt !important;
    margin-bottom: 10px;
}

.text-popUp-gus {
    font-size: 10pt;
}

@media (min-width: 465px) and (max-width: 644px) {
    .confirmation-message {
        left: 20%;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5PX;
        padding-bottom: 5px;
    }
}

@media (min-width:645px) and (max-width: 768px) {
    .confirmation-message {
        left: 130px;
        padding: 3px !important;
    }
}

/*****************************/
/* Responsive Carousel Visor*/

@media screen and (min-width:992px) {

    .category-element-container {
        margin: 0 10px;
    }

    a.btn-up-20gb {
        background-color: #5bc0de !important;
        margin-top: 2px !important;
        margin-bottom: 5px !important;
        margin-right: 5px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 45px !important;
        padding-left: 45px !important;
        box-shadow: 0px 2px 2px !important;
        color: white !important;
        font-weight: bold !important;
        border-radius: 5px !important;
        cursor: pointer;
    }

    .divVeil {
        height: 108px;
        background-color: #bfbfbf;
        opacity: 0.6;
    }

    .logo-responsive {
        width: 50px;
        height: 50px;
        margin-top: 3px;
    }

    .imgEmpresa {
        width: 200px;
        /*height: 57px;*/
        max-height: 57px !important;
    }

    .line-text {
        line-height: 1.85em !important;
    }

    .imgPhone {
        display: none;
    }

    .showNavBar {
        display: none;
    }

    .marginCarousel {
        margin-right: 15px;
    }

    .navBarCarritoMobile {
        display: none;
    }

    .mensaje-carousel {
        left: 2%;
        position: absolute !important;
        top: 38%;
    }

    .banda-carousel {
        position: absolute !important;
        right: 5%;
    }

    .carouseldivheight {
        min-height: 110px;
    }

    .carousel-2 {
        display: none;
    }

    .carousel-inner .height {
        height: 100px;
    }

    .boxCategoryImg {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 100% !important;
        height: 100px !important;
        cursor: pointer;
        padding: 0px !important;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .boxCategory {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 100% !important;
        height: 100px !important;
        border: 1px solid black !important;
        text-align: center !important;
        font-size: 8pt !important;
        word-wrap: break-word !important;
        font-weight: bold !important;
        padding-top: 25px !important;
        cursor: pointer;
        background-color: #f4f4f48c !important;
    }

    .boxCategoryImg2 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 100% !important;
        height: 100px !important;
        padding: 0px !important;
        cursor: pointer;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .media-carousel .carousel-control.left {
        left: -12px;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 30px
    }

    .media-carousel .carousel-control.right {
        right: -12px !important;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 30px
    }

    /*zona producto*/

    .boxCategoryProduct {
        word-warp: break-word;
        padding-top: 24% !important;
        width: 100% !important;
        height: 100px !important;
        border: 1px solid black;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin: 0 !important
    }

    .dropdownProducto-cinta {
        height: 3em;
        max-width: 60% !important;
        margin-top: 25px
    }

    .btn-responsive-producto {
        width: 170px;
    }

    .imgProduct {
        height: 100px;
    }



    /* fin zona producto*/
}

@media (min-width:768px) and (max-width: 991px) {
    .category-element-container {
        margin: 0 10px;
    }

    a.btn-up-20gb {
        background-color: #5bc0de !important;
        margin-top: 2px !important;
        margin-bottom: 5px !important;
        margin-right: 5px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 45px !important;
        padding-left: 45px !important;
        box-shadow: 0px 2px 2px !important;
        color: white !important;
        font-weight: bold !important;
        border-radius: 5px !important;
        cursor: pointer;
    }

    .divVeil {
        height: 80px;
        background-color: #bfbfbf;
        opacity: 0.6;
    }

    .imgEmpresa {
        width: 150px;
        height: 47px;
    }

    .logo-responsive {
        width: 40px;
        height: 40px;
        margin-top: 3px;
    }

    .line-text {
        line-height: 1em !important;
        font-size: 13px;
    }

    .imgPhone {
        display: none;
    }

    .showNavBar {
        display: none;
    }

    .navBarCarritoMobile {
        display: none;
    }

    .mensaje-carousel {
        left: 2%;
        position: absolute !important;
        top: 30%;
    }

    .banda-carousel {
        position: absolute !important;
        right: 0;
    }

    .carouseldivheight {
        min-height: 80px;
    }

    .carousel-2 {
        display: none;
    }

    .carousel-inner .height {
        height: 8px;
    }


    .boxCategoryImg {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 70px !important;
        height: 70px !important;
        cursor: pointer;
        padding: 0px !important;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .boxCategory {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 70px !important;
        height: 70px !important;
        border: 1px solid black !important;
        text-align: center !important;
        font-size: 7pt !important;
        word-wrap: break-word !important;
        font-weight: bold !important;
        padding-top: 10px !important;
        cursor: pointer;
        background-color: #f4f4f48c !important;
    }

    .boxCategoryImg2 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 70px !important;
        height: 70px !important;
        padding: 0px !important;
        cursor: pointer;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .media-carousel .carousel-control.left {
        left: -12px;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 10px
    }

    .media-carousel .carousel-control.right {
        right: -12px !important;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 10px
    }


    /*zona producto*/

    .boxCategoryProduct {
        margin-left: auto;
        margin-right: auto;
        display: block;
        word-break: break-word;
        padding-top: 11px;
        width: 70px !important;
        height: 70px !important;
        border: 1px solid black;
        text-align: center;
        font-size: 10pt;
        font-weight: bold;
        margin: 0 !important
    }

    .dropdownProducto-cinta {
        height: 3em;
        max-width: 60% !important;
        margin-top: 20px
    }

    .btn-responsive-producto {
        width: 100%;
        word-break: break-word;
        font-size: 10px !important;
    }

    .imgProduct {
        margin-left: auto;
        margin-right: auto;
        display: block;
        height: 80px !important;
    }

    /* fin zona producto*/
}

@media (min-width:600px) and (max-width: 769px) {
    .category-element-container {
        margin: 0 5px;
    }

    a.btn-up-20gb {
        background-color: #5bc0de !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
        box-shadow: 0px 2px 2px !important;
        color: white !important;
        font-weight: bold !important;
        border-radius: 5px !important;
        cursor: pointer;
        margin-left: 30px;
    }

    /*.max-container-height{
		max-height:102px
	}*/

    .divVeil {
        height: 102px;
        background-color: #bfbfbf;
        opacity: 0.6;
        position: relative;
        top: -102px;
    }

    .showImgProfile {
        display: none;
    }

    .backgroundNav {
        /*background-color: #eeeeee !important;*/
        background-color: #dcdada61 !important;
        border-bottom: 1px solid white !important;
    }

    .bg-dropdown-white {
        width: 100% !important;
    }


    .showHeader {
        display: none;
    }

    .imgPhone {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .carouseldivheight {
        min-height: 80px;
    }

    .carousel-2 {
        display: none;
    }

    .mensaje-carousel {
        text-align: center;
    }


    .size-responsive-category {
        width: 65px !important;
        height: 65px !important;
    }

    .boxCategoryImg {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 65px !important;
        height: 65px !important;
        cursor: pointer;
        padding: 0px !important;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .boxCategory {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 65px !important;
        height: 65px !important;
        border: 1px solid black !important;
        text-align: center !important;
        font-size: 8pt !important;
        word-wrap: break-word !important;
        font-weight: bold !important;
        padding-top: 10px !important;
        cursor: pointer;
        background-color: #f4f4f48c !important;
    }

    .boxCategoryImg2 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 65px !important;
        height: 65px !important;
        padding: 0px !important;
        cursor: pointer;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .media-carousel .carousel-control.left {
        left: -12px;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 10px
    }

    /* Next button  */
    .media-carousel .carousel-control.right {
        right: -12px !important;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 10px
    }

    /*zona producto*/

    .boxCategoryProduct {
        word-break: break-word;
        padding-top: 18px !important;
        width: 70px !important;
        height: 70px !important;
        border: 1px solid black;
        text-align: center;
        font-size: 9pt;
        font-weight: bold;
        margin: 0 !important;
    }

    .dropdownProducto-cinta {
        height: 3em !important;
        max-width: 100% !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .btn-responsive-producto {
        width: 100%;
        font-size: 10px !important;
    }

    .imgProduct {
        height: 80px;
    }


    /* fin zona producto*/
}

@media (min-width:376px) and (max-width: 600px) {

    .category-element-container {
        margin: 0 10px;
    }

    a.btn-up-20gb {
        background-color: #5bc0de !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
        box-shadow: 0px 2px 2px !important;
        color: white !important;
        font-weight: bold !important;
        border-radius: 5px !important;
        cursor: pointer;
        margin-left: 30px;
    }

    .max-container-height {
        max-height: 132px;
    }

    .divVeil {
        height: 132px;
        background-color: #bfbfbf;
        opacity: 0.6;
        position: relative;
        top: -132px;
    }


    .showImgProfile {
        display: none;
    }

    .backgroundNav {
        /*background-color: #eeeeee !important;*/
        background-color: #dcdada61 !important;
        border-bottom: 1px solid white !important;
    }

    .imgPhone {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .showHeader {
        display: none;
    }

    .carousel-6 {
        display: none;
    }

    .carouseldivheight {
        min-height: 70px;
    }

    .mensaje-carousel {
        text-align: center;
    }


    .size-responsive-category {
        width: 75px !important;
        height: 75px !important;
    }

    .boxCategoryImg {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 75px !important;
        height: 75px !important;
        cursor: pointer;
        padding: 0px !important;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .boxCategory {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 75px !important;
        height: 75px !important;
        border: 1px solid black !important;
        text-align: center !important;
        font-size: 8pt !important;
        word-wrap: break-word !important;
        font-weight: bold !important;
        padding-top: 25px !important;
        cursor: pointer;
        background-color: #f4f4f48c !important;
    }

    .boxCategoryImg2 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 75px !important;
        height: 75px !important;
        padding: 0px !important;
        cursor: pointer;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .media-carousel .carousel-control.left {
        left: -12px;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 15px
    }

    /* Next button  */
    .media-carousel .carousel-control.right {
        right: -12px !important;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 15px
    }

    /*zona producto*/

    .boxCategoryProduct {
        word-break: break-word;
        padding-top: 18px !important;
        width: 75px !important;
        height: 75px !important;
        border: 1px solid black;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        margin: 0 !important;
    }

    .dropdownProducto-cinta {
        height: 3em !important;
        width: 100% !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .btn-responsive-producto {
        width: 100%;
        font-size: 10px !important;
        margin-left: -2px !important;
    }

    .imgProduct {
        height: 80px;
    }

    .marginCarousel {
        margin-top: 3px;
    }

    /* fin zona producto*/

}

@media (max-width:376px) {

    .category-element-container {
        margin: 0 10px;
    }

    a.btn-up-20gb {
        background-color: #5bc0de !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
        box-shadow: 0px 2px 2px !important;
        color: white !important;
        font-weight: bold !important;
        border-radius: 5px !important;
        cursor: pointer;
        margin-left: 30px;
    }

    .max-container-height {
        max-height: 132px;
    }

    .divVeil {
        height: 132px;
        background-color: #bfbfbf;
        opacity: 0.6;
        position: relative;
        top: -132px;
    }


    .showImgProfile {
        display: none;
    }

    .backgroundNav {
        /*background-color: #eeeeee !important;*/
        background-color: #dcdada61 !important;
        border-bottom: 1px solid white !important;
    }

    .imgPhone {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .showHeader {
        display: none;
    }

    .carousel-6 {
        display: none;
    }

    .mensaje-carousel {
        text-align: center;
    }

    .size-responsive-category {
        width: 70px !important;
        height: 70px !important;
    }

    .boxCategoryImg {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 70px !important;
        height: 70px !important;
        cursor: pointer;
        padding: 0px !important;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .boxCategory {
        margin-bottom: 0 !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 70px !important;
        height: 70px !important;
        border: 1px solid black !important;
        text-align: center !important;
        font-size: 8pt !important;
        word-wrap: break-word !important;
        font-weight: bold !important;
        padding-top: 25px !important;
        cursor: pointer;
        background-color: #f4f4f48c !important;
    }

    .boxCategoryImg2 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 70px !important;
        height: 70px !important;
        padding: 0px !important;
        cursor: pointer;
        border: 1px solid black !important;
        background-color: #f4f4f48c !important;
    }

    .media-carousel .carousel-control.left {
        left: -12px;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 15px
    }

    /* Next button  */
    .media-carousel .carousel-control.right {
        right: -12px !important;
        background-image: none;
        background: none repeat scroll 0 0 #222222;
        border: 4px solid #FFFFFF;
        border-radius: 23px 23px 23px 23px;
        height: 40px;
        width: 40px;
        margin-top: 15px
    }

    .boxCategoryProduct {
        word-break: break-word;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
        padding-top: 12px !important;
        width: 70px !important;
        height: 70px !important;
        border: 1px solid black;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        margin: 0 !important;
    }

    .dropdownProducto-cinta {
        height: 3em !important;
        width: 100% !important;
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 10px !important;
    }

    .btn-responsive-producto {
        width: 100%;
        font-size: 10px !important;
        margin-left: -2px !important;
    }

    .marginCarousel {
        margin-top: 3px;
    }

    .imgProduct {
        height: 80px;
    }
}

/* Fin de responsive carousel*/
/*****************************/


@media screen and (max-width: 464px) {
    .confirmation-message {
        left: 30%;
        padding: 5px;
    }
}

@media (min-width: 465px) and (max-width: 644px) {
    .confirmation-message {
        left: 20%;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 5PX;
        padding-bottom: 5px;
    }
}

@media (min-width:645px) and (max-width: 768px) {
    .confirmation-message {
        left: 130px;
        padding: 3px !important;
    }
}

@media screen and (max-width: 600px) {}

.text-project {
    text-align: center !important;
}

.confirmation-message {
    font-size: 9pt;
}

.pricel .plist li {
    padding: 8px 0px !important;
}

.phead-top .b-orange {
    margin-top: 22px !important;
}

.pricel .phead-top {
    padding: 8px !important;
}

.addProjectBtn {
    padding-top: 10% !important;
}

.header-product {
    font-size: 30px !important;
}

.nameClientInfo {
    font-size: xx-large;
    text-align: center;
    /*color:blue;*/
    font-weight: bold;
    margin-top: 1%;
    margin-bottom: 1%;
    overflow: hidden;
    /*Se intenta conservar el tamanio a pesar del nombre largo*/
}

.newClient-advice {
    font-size: 20PX;
    padding: 3PX;
    border: 1px solid;
}

.min-width-308 {
    min-width: 308px;
}

.imgPaymentType {
    margin-left: 20px;
    /*width:80%;*/
    height: 70px;
    margin-top: 3px;
    cursor: pointer;
    min-width: 70px;
    max-width: 70px;
}

.boxPaymentType {
    background: white;
    border: 1px solid white;
    border-radius: 10px 10px 10px 10px !important;
    height: 80px;
    margin-bottom: 10px;
}

.boxPaymentType:hover {
    opacity: 0.8;
    border: 1px solid orange;
}

.detailPaymentResume {
    color: #adadad;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.boxPaymentResume {
    border: 1px solid orange;
    border-radius: 10px !important;
    background-color: white;
}

.paymentText {
    line-height: 3.5;
    font-weight: bold;
    color: #666666;
    font-size: 22px;
}

.itemShowNavBar>a:hover,
.itemShowNavBar>a:active {
    border-bottom: 2px solid #ffffff;
}

.textCheckDescription {
    font-size: 14px;
    margin-top: 5px;
    padding: 0;
}

.boxBtnModif {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
}

.mPagoLogo {
    position: absolute;
    height: 66px;
    width: 75px;
    top: 31px;
    left: 62px;
}

.rowDescriptMedioPago {
    margin-bottom: 15px;
    padding-left: 25px;
}

@media screen and (max-width:400px) {
    .textCheckDescription {
        width: 80% !important;
    }
}

@media screen and (max-width:345px) {

    .paymentText {
        margin-top: 5px !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width:371px) {

    .rowPredefMedioPago {
        margin-left: 16.66666667% !important;
        width: 83.33333333% !important;
    }
}

@media (min-width:371px) and (max-width:550px) {
    .rowPredefMedioPago {
        margin-left: 25%;
    }
}

@media screen and (max-width:550px) {

    .imgPaymentType,
    .imgPaymentTypeTodoPago {
        display: none !important;
    }

    .paymentText {
        width: 100% !important;
        text-align: center;
    }

    .textCheckDescription {
        font-size: 11pt !important;
        padding-right: 0 !important;
        padding-left: 0px !important;
    }
}

/*COL XS - hasta 767 inc */
/*ROJO*/
@media screen and (max-width:768px) {

    .text-popUp-gus,
    .title-popUp-gus {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #prueba {
        width: 50px;
        height: 50px;
        background-color: red;
        position: absolute;
        top: 0;
        right: 0;
    }

    .mTodoPago {
        height: 40px !important;
        top: -5px !important;
    }

    .rowDescriptMedioPago {
        margin-top: 50px !important;
        padding-left: 20px !important;
    }

    .checkMedPago {
        width: 25px !important;
        height: 25px !important;
        position: absolute !important;
        top: -2px !important;
    }


    .mPagoLogo {
        position: absolute;
        height: 66px;
        width: 75px;
        top: -15px;
        left: 62px;
    }

    .prefClass {
        color: grey;
        position: absolute;
        top: 0;
        /*font-size: 15pt;*/
        font-weight: bold;
        margin-left: 130PX;
    }


    .alignCheck {
        padding-left: 15px;
    }


    .boxPaymentType {
        margin: 10px 0px !important;
    }

    #col-separator-payment {
        display: none;
    }

    .boxPaymentResume {
        border: 1px solid orange;
        border-radius: 10px !important;
        background-color: white;
        margin: 0px 15px;
    }
}

/*COL SM - Mayor a 768 inc */
/*AMARILLO*/
@media (min-width:768px) and (max-width:992px) {
    #prueba {
        width: 50px;
        height: 50px;
        background-color: yellow;
        position: absolute;
        top: 0;
        right: 0;
    }

    .rowDescriptMedioPago {
        padding-left: 20px !important;
        margin-top: 50px !important;
    }

    .mTodoPago {
        height: 40px !important;
        top: -5px !important;
    }


    .mPagoLogo {
        position: absolute;
        height: 66px;
        width: 75px;
        top: -15px;
        left: 62px;
    }


    .checkMedPago {
        width: 25px !important;
        height: 25px !important;
        position: absolute !important;
        top: -2px !important;
    }

    .prefClass {
        color: grey;
        position: absolute;
        top: 0;
        /*font-size: 15pt;*/
        font-weight: bold;
        margin-left: 130PX;
    }


    .alignCheck {
        padding-left: 15px;
    }

    #navbar-op>div.container {
        margin: 0 !important;
        width: 100%;
    }

    .nameProyectNavBar {
        max-width: 96px !important;
        overflow: hidden;
    }

    .imgPaymentType {
        margin-left: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    /*HASTA 991px*/
    .text-project {
        text-align: center !important;
    }

    .confirmation-message {
        left: 150px;
        padding: 3px !important;
        font-size: 9pt;
    }

    .pricel .plist li {
        padding: 8px 0px !important;
    }

    .phead-top .b-orange {
        /*margin-top: 12px !important;*/
    }

    .pricel .phead-top {
        padding: 8px !important;
    }

    .addProjectBtn {
        padding-top: 8% !important;
    }

    .nameClientInfo {
        font-size: xx-large;
        text-align: left;
        /*color:greenyellow;*/
        font-weight: bold;
        margin-top: 3%;
    }

    .clientInfo {
        padding-left: 20%;
    }

    .icon-client {
        padding-left: 60%;
    }

    .newClient-advice {
        font-size: 20PX;
        padding: 3PX;
        border: 1px solid;
    }
}

@media screen and (min-width: 991px) {
    .height-responsive {
        max-height: 310px;
    }

    .height-responsive-ped {
        /*Altura maxima especifica para pedidos*/
        max-height: 390px;
    }
}

@media screen and (max-width: 1199px) {
    .titleBox-product {
        font-size: 20px;
    }

    #nav_container.container {
        margin: 0px;
    }
}

@media screen and (max-width: 1200px) {

    .title-project-box {
        font-size: 20px;
    }
}

/*COL MD - MAYOR  a 992 inc */
/*VERDE*/
@media (min-width: 992px) and (max-width: 1200px) {


    .box-option {
        font-size: 5pt !important;
    }

    #prueba {
        width: 50px;
        height: 50px;
        background-color: green;
        position: absolute;
        top: 0;
        right: 0;
    }

    .prefClass {
        color: grey;
        position: absolute;
        top: 0;
        left: 55%;
        font-weight: bold;
    }

    .mTodoPago {
        height: 45px !important;
        left: 45px !important;
    }

    .checkMedPago {
        width: 25px !important;
        height: 25px !important;
        position: absolute !important;
        top: -2px !important;
        right: 90px !important;
    }

    .rowPredefMedioPago {
        padding-left: 55px;
        padding-right: 0;
        position: relative;
        height: 50px;
    }

    .alignCheck {
        padding-left: 50px;
    }

    .nameClientInfo {
        font-size: 10pt;
        /*color:red;*/
        font-weight: bold;
        margin-top: 5%;
        margin-bottom: 5%;
        max-width: 198px;
    }

    .newClient-advice {
        margin-top: 5PX;
        margin-right: 3px;
    }

    .titleBox-product {
        font-size: 20px !important;
    }

    .confirmation-message {
        padding: 3px !important;
        font-size: 9pt;
    }
}

/*COL LG - MAYOR a  1200 inc */
/*AZUL*/
@media screen and (min-width: 1200px) {

    #prueba {
        width: 50px;
        height: 50px;
        background-color: blue;
        position: absolute;
        top: 0;
        right: 0;
    }

    .prefClass {
        color: grey;
        position: absolute;
        top: 0;
        left: 55%;
        font-weight: bold;
    }

    .mTodoPago {
        height: 45px !important;
        left: 67px !important;
    }


    .checkMedPago {
        width: 25px !important;
        height: 25px !important;
        position: absolute !important;
        top: -2px !important;
        right: 90px !important;
    }

    .rowPredefMedioPago {
        padding-left: 55px !important;
        padding-right: 0 !important;
        position: relative !important;
        height: 50px !important;
    }


    .alignCheck {
        padding-left: 50px;
    }

    .clientInfo

    /*En pantalla grande*/
        {
        max-height: 79px;
    }

    .nameClientInfo {
        font-size: large;
        /*Poner en X-large y sacar el de abajo si quiere nombres grandes.*/
        text-align: left;
        font-weight: bold;
        /*color:yellow;*/
        margin-bottom: 0 !important;
        max-height: 50px !important;
        margin-top: 7%;
        max-width: 198px;
        /*margin-bottom: 5%;
            Correccion para nombre largo
        */
    }

    .newClient-advice {
        margin-top: -2px;
        /*margin-top: 5PX;*/
    }

    .confirmation-message {
        padding: 5px !important;
    }
}


body {
    padding-top: 0px;
    padding-bottom: 0px;
    /* C-10: Sticky footer — el footer siempre queda pegado al fondo del viewport */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

html {
    height: 100%;
    margin: 0;
}

#bg-project-panel {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.imagenFondo1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://wetf.s3.amazonaws.com/static/img/Premium_2.webp");
    background-size: cover;
    max-width: 1024px;
    max-height: 768px;
    max-width: 90%;
    max-height: 90%;
}

.fondoAyuda {
    /*background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("https://wetf.s3.amazonaws.com/static/img/Premium_2.webp");
    background-size: cover;*/
    background-color: rgba(0, 0, 0, 0.5);
    /*max-width: 1024px; 
    max-height: 768px;
    max-width:90%;
    max-height:90%;*/
    height: 100% !important;
    width: 100%;
}

.bg-help-btn {
    background: #ffffff96;
    /*background: transparent;*/
    BORDER-RADIUS: 50%;
    border-radius: 4px !important;
    padding: 10px;
    max-width: 95px !important;
}

.bg-help-btn:active,
.bg-help-btn.hover {
    background: white;
}

@media screen and (max-width:768px) {
    .imagenFondoAyuda {
        display: none;
    }

    .imagenFondoAyudaMobile {
        display: block;
    }

    .bloqueAyuda-desk {
        display: none !important;
    }

    .bloqueAyuda-mobile {
        display: block !important;
    }

    #precioDiv {
        font-size: 15pt !important;
    }

    #descuentoDiv {
        margin-top: -5px !important;
        font-size: 20pt !important;
        margin-left: 10px !important;
    }
}


@media screen and (min-width:768px) {

    .text-popUp-gus,
    .title-popUp-gus {
        padding-right: 20px !important;
    }

    .imagenFondoAyuda {
        display: block;
    }

    .imagenFondoAyudaMobile {
        display: none;
    }

    .bloqueAyuda-mobile {
        display: none !important;
    }

    .bloqueAyuda-desk {
        display: block !important;
    }

    .date-input-product {
        padding-left: 4px !important;
    }
}

.indicator-coin {
    padding: 0;
    margin-top: 10px;
    font-size: 10pt;
    position: absolute;
    padding-left: 3px;
    right: 15px;
    top: 0;
    text-align: left;
    background: white;
    font-weight: bold;
}

.imagenFondoAyuda {
    background-image: url("../../Content/img/PopUpHelp - Desk.jpg");
    background-size: contain;
    background-position: center CENTER;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.78);
    height: 100% !important;
    position: relative;
}

.imagenFondoAyudaMobile {
    /*background-size: contain;
    background-position: center CENTER;*/
    /*background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.78);*/
    height: 100% !important;
    position: relative;
    height: 100%;
    background: white;
    padding: 0 !important;
}



.headerPopUpHelp {
    height: 50px;
    width: 100%;
    /*background: #009de0;*/
    /*position:absolute;*/
    z-index: 1100;
}

.headerText {
    right: 50%;
    margin-top: 10%;
}

.conteinerPopUpHelp {
    /*height: 70%;*/
    overflow-x: scroll;
    overflow-y: hidden;
    /*padding-top:25%;*/
}

.close.custom-close.help {
    z-index: 2000;
}

.icon-back-help {
    margin-right: 5px;
    color: #009de0;
    font-size: 15pt !important;
}

.fa.fa-arrow-right.icon-back-help {
    right: 10%;
    font-size: 30pt !important;
    opacity: 0.2;
    /*position:absolute;*/
}

.fa.fa-arrow-left.icon-back-help {
    left: 10%;
    font-size: 30pt !important;
    opacity: 0.2;
    /*position:absolute;*/
}

.rowsIndicator {
    position: absolute !important;
    Z-INDEX: 99;
    WIDTH: 95%;
    margin-left: 5%;
    margin-top: 70%;
}

.footerPopUpHelp {
    height: 15%;
    background: #009de0;
}

.btn-popup-ayuda-continuar {
    background-color: transparent;
    border: 0;
    width: 100%;
    HEIGHT: 100%;
}

.btn-popup-ayuda-entendido {}


.imagenFondo2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://wetf.s3.amazonaws.com/static/img/Premium_1.webp");
    background-size: cover;
    max-width: 1024px;
    max-height: 768px;
    max-width: 90%;
    max-height: 90%;
}

.imagenFondo3 {
    /*background-color:rgba(255, 255, 255, 0.5);*/
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("https://wetf.s3.amazonaws.com/static/img/Premium_3.webp");
    background-size: cover;
    max-width: 1024px;
    max-height: 768px;
    max-width: 90%;
    max-height: 90%;
}

.h-100 {
    height: 100% !important;
}


.swype-effect {
    position: absolute;
    width: 100%;
    opacity: .8;
}

.slide-block {
    float: left !important;
    width: 450%;
    /*max-height: 412px;
    max-width: 1845px;*/
    background-color: white;
    /*margin-left: 3%;
    margin-right: 6%;*/
    /*margin-left: 11%;*/
    margin-left: 5%;
    padding-right: 11%;
}

.imgs-foots {
    height: 100%;
    /*margin-left: 5%;*/
    margin-left: 30%;
}

.modal-body {
    height: auto;
    padding: 0px !important;
}

.transparencia {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    background-size: cover;
    opacity: 0.7;
    filter: alpha(opacity=50);
    overflow: auto;
}

.custom-close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    margin: 2px;
}

.button-premium {
    /*border: 3px solid black;*/
    border-radius: 5px 5px 5px 5px;
    background-color: black;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    width: 152px;
    height: 152px;
    margin-left: 10px;
}

.iconsPremium {
    position: absolute;
    top: 19px;
    right: 50%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

.innerpadding {
    padding: 30px 30px 30px 30px;
}

.borderbottom {
    border-bottom: 1px solid #f2eeed;
}

.img-name-container {
    position: absolute;
    bottom: 20%;
    width: 100%;
}

.img-name {
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: white;
    display: inline;
    padding: 5px 10px;
}

.addProjectBtn {
    /*width: 336px !important;*/
    width: 100%;
    color: #ff7c2a !important;
    font-size: 18pt !important;
    font-weight: 500 !important;
    border: 2px solid #ff7c2a !important;
    border-style: dashed !important;
    background-color: #fcfcfc !important;
    font-family: sans-serif !important;
    padding-top: 15% !important;
    margin-top: 9px !IMPORTANT;
    margin-right: 15px;
}

.h-proy {
    /*height: 310px!important;*/
    height: 315px !important;
}


.h-ped {
    height: 249px !important;
    /*height: 236px!important;*/
    /*height: 224px!important;*/
}

.font-size-55 {
    font-size: 55pt;
    margin-bottom: auto;
    margin-top: auto;
}

.font-size-20 {
    font-size: 20pt;
    margin-bottom: auto;
    margin-top: auto;
}

.bg-project-panel-gray {
    background-color: #f2f2f2;
}

#bg-project-panel {
    padding-top: 5px !important;
}

.bg-project-panel-white {
    background-color: white !important;
}

/*Correccion de cajas de proyectos para que aparezcan una al lado de otra.*/
.pricel .plist ul {
    padding-left: 0px !important;
}


.margin-sides-10 {
    margin-left: 10px;
    margin-right: 10px;
}

a.btn-up-20gb:hover {
    background-color: #328aa4 !important;
}

.padding-sides-50 {
    padding-right: 50px;
    padding-left: 50px;
}

.btn-see-more {
    text-decoration: none;
}

/*Icono de flechita*/
.glyphicon {
    font-size: 14px;
    margin-left: 7px;
}

.navbar-optional *,
.nav-collapse * {
    border-radius: 5px !important;
}

.navbar-optional {
    padding-bottom: 4px;
    padding-top: 4px;
    background-color: white !important;
    border-bottom: 0px solid transparent !important;
    border-top: 1px solid #ececec;
}


/*Tamaño del tooltip*/
div.tooltip-inner {
    max-width: 220px !important;
    /* If max-width does not work, try using width instead */
}

/*Le da espacios a las opciones de Mi perfil*/
.spaces li {
    margin-top: 10px;
    margin-bottom: 10px;
    list-style-type: none;
}

.spaces {
    padding: 0px;
}

/*Estilos del boton premium*/
.tooltip-fixed,
.tooltip-fixed:active {
    /*width: 220px;*/
    pointer-events: auto !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    background-color: rgba(0, 0, 0, 0.82) !important;
    color: white !important;
    margin-left: 10px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.tooltip-fixed:hover,
.tooltip-fixed:active {
    background-color: black;
}


/*Efecto disabled*/
.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.8;
}



.drop-description {
    width: 100%;
    color: #4e4e4e;
    margin: 0px;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}


.row-client-base:hover {
    cursor: pointer;
}

.pricel {
    margin-bottom: 10px;
}

.text-project {
    text-align: left;
    line-height: 11pX;
}

.title-project-box {
    font-size: 25px;
    line-height: 30px;
}


.confirmation-message {
    position: absolute !important;
    /*Este position rompe el aviso de notificacion al cliente, sacar el width forzado del div  y mejorarlo.*/
    background-color: #14a161 !important;
    border-color: #badbcc;
    /*width: 100% !important;*/
    text-align: center !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    color: #fafafa !important;
    z-index: 999;
    display: none;
}

.position-absolute {
    position: absolute !important;
}

.background-notification-client {
    background-color: #acecff5c !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}


.box-project {
    margin-top: 18px !important;
}




.orange-tooltip+.tooltip>.tooltip-inner {
    background-color: #fe781e;
}

.orange-tooltip+.tooltip>.tooltip-arrow {
    border-bottom-color: #fe781e;
}


hr {
    border-top: 1px solid #dcdcdc !important;
}

.titleBox-product {
    /*font-size: 25px;*/
    line-height: 30px;
    /*max-height: 30px !important;*/
    overflow: hidden;
}

.titleBox-description-product {
    font-size: 20px;
    text-align: center;
}

.titleBox-medidas-product {
    font-size: 20px;
    text-align: left;
}

.header-product {
    font-size: 40px;
    line-height: 45px;
}


.newClient-advice {
    line-height: 1.2;
    background: #f21919;
    color: white;
    position: absolute;
    right: 7%;
    padding: 2px;
    z-index: 1;
    box-shadow: 2px 2px 2px #0000004f;
}

.icon-client {
    /*padding-left: 20px;*/
}

/*#guardarCont{
    font-weight: 600;
}

#guardarCont:hover{
    color: WHITE;
    background-color: #fe781e85;
}*/

.expiration-project-message {
    font-size: 10px;
    line-height: 13px;
}



.subtitle-create-client {
    font-weight: bold !important;
    color: #564e3e;
}

.mt-1 {
    margin-top: 1%;
}

.mb-1 {
    margin-bottom: 1%;
}

.edit-email-btn {
    margin-top: 5px;
    font-weight: bold;
    color: #9b9a9a;
    padding-left: 0;
    cursor: pointer;
}

.edit-email-btn:hover {
    color: #585555;
}

.padding-vertical-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-vertical-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}


.padding-vertical-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.padding-vertical-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.padding-vertical-19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
}

.padding-top-6-bottom-0 {
    padding-top: 6px !important;
    padding-bottom: 0 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.col-md-3 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.addProductBtn,
.buyProductBtn {
    width: 100%;
    color: #ff7c2a !important;
    font-size: 18pt !important;
    font-weight: 500 !important;
    border: 2px solid #ff7c2a !important;
    border-style: dashed !important;
    background-color: #fcfcfc !important;
    font-family: sans-serif !important;
    padding-top: 40px !important;
    margin-top: 9px !IMPORTANT;
    margin-right: 15px;
}

.transparent-btn {
    background: transparent;
    border: 0px;
}

.transparent-btn:active {
    opacity: 0.5 !important;
}

.copy-number {
    border: 1px solid #8c6f6f00 !important;
    margin-top: 0;
    font-size: 30pt;
    width: 55%;
    text-align: center;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}

.padding-sides-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.title-copy {
    font-weight: 600;
}

.title-popUp {
    font-size: 20px;
}

.sub-title-popUp {
    padding: 3px;
    font-size: 9pt;
}



.accountLabel {
    font-weight: bold !important;
    font-size: 16px !important;
}

.rectanguloGris {
    padding-top: 15px;
    background-color: #f2f2f2;
    border: 1px solid grey;
    border-radius: 10px !important;
    margin-bottom: 10px
}

.boton-celeste-largo {
    width: 50% !important;
    background-color: white !important;
    border: 1px solid #29b6d8 !important;
    border-radius: 5px !important;
    color: #29b6d8 !important;
    font-weight: bold !important;
}

.btn-lightblue {
    width: 100% !important;
    background-color: #29b6d8 !important;
    border: 1px solid #29b6d8 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.btn-white {
    margin-top: 6px !important;
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #29b6d8 !important;
    border-radius: 5px !important;
    color: #29b6d8 !important;
    font-weight: bold !important;
}


.p-r-5 {
    padding-right: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.hoverLi:hover {
    background: #f5f5f5;
    border-radius: 5px 5px 5px 5px;
}

.hoverLi {
    border-radius: 10px 10px 10px 10px !important;
}

.completeHeightPedido {
    min-height: 146px;
}

.pointer {
    cursor: pointer;
}

tr[role="row"].even:hover,
tr[role="row"].odd:hover {
    background-color: #38383840 !IMPORTANT;
    color: black !important;
    cursor: pointer !important;
    border-left: 3px solid black !important;
}

.disablerow {
    color: #bfc0c8 !important;
}


.colorIconRow {
    color: #bfbfbf;
}


.disablerowGradient {
    color: #bfc0c8 !important;
}

.dataTable.no-footer {
    /*Obligo al width de 756 que se le clava al subtable, ser de 100. Borrar en caso de error responsive.*/
    width: 100% !important;
}

#visorSelector>li {
    cursor: pointer !important;
}


/* PopUp selector */
.dropStylePopUp {
    height: 30px;
    width: 100%;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px !IMPORTANT;
}

.dropStylePopUp:hover {
    background-color: #fe781e0d;
}

.btnStylePopUp {
    font-size: 18px;
    border-radius: 5px !important;
    height: 50px;
    box-shadow: none !important;
    min-width: 117px;
    text-align: center;
}

.headerBoxPopUp {
    color: #494949;
    font-size: 15pt;
    /*padding-left: 15px;*/
    text-align: center;
    margin-top: 6%;
    margin-bottom: 4%;
}

.boxDrops {
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
}

.backPopUp {
    position: fixed;
    top: 15%;
    /*left:28%;*/
    background-color: white;
    border-radius: 10px !important;
    height: 250px;
}

#seleccionProy {
    position: fixed;
    right: 40%;
    bottom: 6%;
}

#seleccionProy:hover {
    background-color: #d96619 !important;
    color: white;
}

#seleccionProy:focus {
    color: white;
}


.boxButtonPopUp {
    /*height: 70%;*/
    width: 100%;
}

.separator {
    border: 1px solid #eeeeee;
}


.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.close.custom-close {
    right: 2%;
    font-size: 35pt;
    color: #52bad5;
}

.close.custom-close.help {
    right: 7%;
    font-size: 30pt;
    color: #52bad5;
}

/*PopUp selector*/



.tooltip {
    display: block !important;
}

.coverImgDescription {
    position: absolute;
    background-color: #00000070 !important;
    display: none;
    color: white;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    z-index: 999 !important;
    cursor: pointer;
    top: 69px;
    height: 30px;
    width: 100;
}



.block {
    display: block !important;
}


#paypal-button {
    width: 100 !important;
}

.box-pedido-carrito {
    background: white;
    border: 2px solid #eeeeee;
    border-radius: 10px 10px 10px 10px !important;
    height: 110px;
}

.cross-carrito {
    right: 8px;
    position: absolute;
    top: 4px;
    font-size: 20px !important;
}

.detail-box {
    background-color: #fffefe !important;
    height: 110px !important;
    border-bottom: #eeeeee !important;
    border: 2px solid #eeeeee !important;
    border-radius: 5px !important;
}

.font-r-25 {
    font-size: 25pt;
}

.font-r-13 {
    font-size: 13pt;
}

.font-r-10 {
    font-size: 10pt;
}

.box-precio-pedido {
    padding-right: 20px;
}

.detail-btn {
    background-color: #fe781e;
    color: WHITE;
    border-radius: 5px !IMPORTANT;
    font-size: 9pt;
    /*height: 20px;
  position: absolute;
  bottom: 25px;*/
    display: none;
    width: 100%;
}

.detail-btn:focus,
detail-btn:active,
detail-btn:hover {
    background-color: red;
}

@media screen and (max-width:426px) {
    .font-r-25 {
        font-size: 12pt;
    }

    .font-r-13 {
        font-size: 10pt;
    }

    .font-r-10 {
        font-size: 8pt;
    }

    .box-precio-pedido {
        padding-right: 5% !important;
        padding-left: 1% !important;
    }

    .detail-btn {
        display: block;
    }

    .detail-btn-txt {
        display: none;
    }
}

.btn-popup-negro {
    border-radius: 50px !important;
    color: white;
    font-size: 24px;
    font-weight: bold;
    background-color: BLACK;
    padding: 10px 25px 10px 25px;
}



.btn-popup-naranja {
    border-radius: 50px !important;
    color: white;
    font-size: 24px;
    font-weight: bold;
    background-color: #e95d0f;
    padding: 10px 25px 10px 25px;
}

.btn-popup-verde {
    border-radius: 50px !important;
    color: white;
    font-size: 24px;
    font-weight: bold;
    background-color: #43aa58;
    padding: 10px 25px 10px 25px;
}

.box-precio-premium {
    height: 288px;
    width: 207px;
    border-radius: 10px !IMPORTANT;
    background-color: #0288d1;
    color: white;
}

#btnAddToPedido {
    height: 63px;
}

.icons-box {
    width: 40px !important;
}

.icon-box-font {
    font-size: 40px !important;
}

.box-option {
    height: 60px !important;
    color: #666666ab;
}

.box-option:hover {
    background: #f8f8f847;
    border-radius: 5px !IMPORTANT;
}

/*.btn-xs, .btn-group-xs>.btn{
    font-size:8pt !important;
}*/


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

.m-10 {
    margin: 10px !important;
}

#navCarrito {
    margin-right: 0px !important;
}

.pedidoventaon {
    border: 2px solid #2ab4d6;
    color: #2ab4d6;
    font-weight: bold;
    text-align: center;
    font-size: 15pt;
    border-radius: 5px !important;
    background-color: white;
}

.pedidoventaoff {
    background-color: #d1d1d1;
    border: 2px solid #eeeeee;
    color: #b9b9b9;
    font-weight: bold;
    text-align: center;
    font-size: 15pt;
    border-radius: 5px !important;
}

@media screen and (max-width: 320px) {
    .pedidoventaon {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .pedidoventaoff {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .align-checkpedido {
        left: 34%;
    }
}

@media (max-width: 1200px) and (min-width:992px) {

    .btn-xs,
    .btn-group-xs>.btn {
        font-size: 7pt !important;
    }
}

@media screen and (max-width:992px) {

    .btn-xs,
    .btn-group-xs>.btn {
        font-size: 8pt !important;
    }

    .titleBox-description-product,
    .titleBox-medidas-product {
        font-size: 25px;
    }
}

/*Pulsos de arreglo y datos bancarios*/
/*@media screen and (max-width:992px)
{
        .pulse-responsive-venta{
        right:35% !important;
    }
}*/
/*@media (min-width:665px) and (max-width:992px)
{
        .pulse-responsive-venta{
        right:87% !important;
    }
}


@media (min-width:550px) and (max-width:665px)
{
        .pulse-responsive-venta{
        right:85% !important;
    }
}

@media (min-width:450px) and (max-width:550px)
{
        .pulse-responsive-venta{
        right:80% !important;
    }
}

@media (min-width:350px) and (max-width:450px)
{
        .pulse-responsive-venta{
        right:75% !important;
    }
}

@media screen and (max-width:350px)
{
        .pulse-responsive-venta{
        right:60% !important;
    }
}*/

/*END Pulsos de arreglo y datos bancarios*/
@media screen and (min-width:1200px) {

    .btn-xs,
    .btn-group-xs>.btn {
        font-size: 8pt !important;
    }
}

@media (max-width: 400px) and (min-width: 351px) {
    .pedidoventaon {
        width: 82% !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .pedidoventaoff {
        width: 82% !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .align-checkpedido {
        left: 25%;
    }
}


@media (max-width: 600px) and (min-width: 401px) {
    .pedidoventaon {
        width: 71% !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .pedidoventaoff {
        width: 71% !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .align-checkpedido {
        left: 23.5%;
    }
}

@media (max-width: 769px) and (min-width: 601px) {
    .pedidoventaon {
        width: 39% !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .pedidoventaoff {
        width: 39% !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .align-checkpedido {
        left: 12.5%;
    }
}




.btn-endsend {
    margin-top: 0;
    background-color: #0bacd3;
    padding: 0px 10px !important;
    position: relative;
}

/*-------------- START PULSOS ----------------*/
.pulse,
.pulse2,
.pulseb,
.pulseb2,
.pulseg,
.pulseg2 {
    position: absolute;
    /*TOP: 20%;
    RIGHT: 30%;*/
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: #ffffff17;
    cursor: pointer;
    box-shadow: 0 0 0 rgb(255, 255, 255);
    z-index: 100;
}

.pulse {
    animation: pulse 1s infinite;
}

.pulse2 {
    animation: pulse 2s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(159, 232, 250, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 100px rgba(159, 232, 250, 5);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(159, 232, 250, 8);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(237, 251, 255, 0.8);
        box-shadow: 0 0 0 0 rgba(237, 251, 255, 0.8);
    }

    70% {
        -moz-box-shadow: 0 0 0 30px rgba(237, 251, 255, 0);
        box-shadow: 0 0 0 30px rgba(237, 251, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(237, 251, 255, 0);
        box-shadow: 0 0 0 0 rgba(237, 251, 255, 0);
    }
}

/*.pulseb, .pulseb2{
    outline: none !important;
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 rgb(91,192,222);
    z-index: 100;
}*/

.pulseb {
    animation: pulseb 1s infinite;
}

.pulseb2 {
    animation: pulseb 2s infinite;
}

.pulseb:hover {
    animation: none;
}

@-webkit-keyframes pulseb {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(91, 192, 222, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 100px rgba(91, 192, 222, 5);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(91, 192, 222, 8);
    }
}

@keyframes pulseb {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(91, 192, 222, 0.8);
        box-shadow: 0 0 0 0 rgba(91, 192, 222, 0.8);
    }

    70% {
        -moz-box-shadow: 0 0 0 30px rgba(91, 192, 222, 0);
        box-shadow: 0 0 0 30px rgba(91, 192, 222, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(91, 192, 222, 0);
        box-shadow: 0 0 0 0 rgba(91, 192, 222, 0);
    }
}

.pulseg {
    animation: pulseg 1s infinite;
}

.pulseg2 {
    animation: pulseg 2s infinite;
}

.pulseg:hover {
    animation: none;
}

@-webkit-keyframes pulseg {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(38, 175, 85, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 100px rgba(38, 175, 85, 2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(38, 175, 85, 4);
    }
}

@keyframes pulseg {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(38, 175, 85, 0.5);
        box-shadow: 0 0 0 0 rgba(38, 175, 85, 0.5);
    }

    70% {
        -moz-box-shadow: 0 0 0 30px rgba(38, 175, 85, 0);
        box-shadow: 0 0 0 30px rgba(38, 175, 85, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(38, 175, 85, 0);
        box-shadow: 0 0 0 0 rgba(38, 175, 85, 0);
    }
}


/*--------------------END PULSOS-------------------*/

.product-state {
    font-weight: bold;
    overflow: hidden;
}

.p-0 {
    padding: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.ptb-5 {
    padding: 5px 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.hand-ajax {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.8;
    margin-top: 40%;
}


.alert-order {
    width: 100%;
    background: #fe781e;
    padding: 5px;
    /* border-radius: 5px !important; */
    color: white;
    font-weight: 600;
    font-variant: small-caps;
    text-align: center;
    margin-top: 8px;
}

.img-etf-pass {
    width: 330px !important;
    height: 100px !important;
}

#config-btn-products.dropdown-menu li a {
    background-color: white !important;
    color: #29b6d8 !important;
    font-weight: bold !important;
    text-align: center;
    box-shadow: 0 5px 3px #0000000d;
}

#config-btn-products.dropdown-menu li a:hover {
    background-color: #f8feff !important;
}

#zonaPrecios {
    background-color: #eeeeee;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.msgDescuento {
    width: 100%;
    margin: auto;
}

.msgPromo {
    width: 100%;
    margin: auto;
}

.colDescuento {
    width: 30%;
    float: left;
    margin-left: 10px;
    box-sizing: border-box;
}

.colPromo {
    width: 30%;
    float: left;
    margin-left: 10px;
    box-sizing: border-box;
}

.m-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

#precioDiv {
    font-size: 10px;
    text-decoration: line-through;
    margin-top: -4px;
}

#descuentoDiv {
    color: #31b0d5;
    font-weight: bold;
    margin-top: -12px;
}

.add-item-btn {
    float: left;
    margin-left: 5px;
    width: 30px;
    height: 33px;
    background-color: #5bc0de;
    border: 1px solid #7a7a7aad;
    color: white;
    font-weight: bolder !important;
    font-size: 25pt !important;
    text-align: center !important;
    line-height: 29px !important;
    border-radius: 15% !important;
    cursor: pointer;
    margin-top: 0px;
    text-shadow: 1px 1px 2px #00000066;
    /* box-shadow: 3px 0px 2px #3e3c3c5e; */
}

.add-item-btn:active {
    -moz-box-shadow: inset 0 0 10px #3c3c3cbf;
    -webkit-box-shadow: inset 0 0 10px #3c3c3cbf;
    box-shadow: inset 0 0 10px #3c3c3cbf;
}

.add-item-btn:hover {
    background-color: #31b0d5;
}

.dropdown-default-style {
    background-color: white;
    float: left;
    width: 90%;
    max-width: 245px;
    cursor: pointer;
}

.row-icon-place {
    padding-left: 45px !important;
    position: relative;
}

.row-icon-category {
    position: absolute;
    width: -5px !IMPORTANT;
    left: 0;
    top: 0;
    margin-top: 3px;
    margin-left: 3px;
}

.info-category-container {
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    line-height: 30px;
    BACKGROUND: #99cae10f;
    /* COLOR: #5bc0de; */
    border-radius: 10PX !important;
    position: relative;
    border-top: 3px solid #99cae1;
    border-bottom: 3px solid #99cae1;
    margin-top: 50px;
}

.info-category-number {
    margin-right: 0PX;
    font-weight: bold;
    font-size: 10pt;
    /* background: #5bc0de; */
    height: 25px;
    width: 25PX;
    float: left;
    line-height: 30px;
    text-align: center;
    border-radius: 50% !IMPORTANT;
    color: #5bc0de;
}

.info-category-row {
    border-bottom: 2px solid #5bc0de;
}

.info-category-close {
    position: absolute;
    top: 12px;
    right: 15px;
    background: #b5b5b51a;
    width: 30px;
    color: #b5b5b5;
    height: 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px !IMPORTANT;
    cursor: pointer;
}

.info-category-close:hover {
    background: #00000054;
    color: white;
}


.info-category-close:active {
    background: #0000001f;
    color: white;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000cc;
}

.disabled-btn,
.disabled-btn:active,
.disabled-btn:hover {
    background: #e2e2e2 !important;
    COLOR: #9c9c9c29 !important;
    text-shadow: 0 0 0 !important;
    -moz-box-shadow: inset 0 0 0px #3c3c3cbf !important;
    -webkit-box-shadow: inset 0 0 0px #3c3c3cbf !important;
    box-shadow: inset 0 0 0px #3c3c3cbf !important;
    border: 1px solid #bfbfbf !important;
}

.btn-white-orange {
    background-color: white;
    color: orange;
    border-radius: 2px !important;
}

.category-element-container {
    float: left;
    max-width: 100px;
    box-shadow: 1px 2px 3px #00000045;
}

#carouselCategoria {
    overflow: hidden !important;
}

.mlr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.btn-pedido-container:hover,
.btn-endsend:hover {
    box-shadow: 0px 0px 5px white !important;
    border: 1px solid white !important;
}

.btn-pedido-container .btn-fresh,
.btn-pedido-container .btn-sky {
    margin: 0 !important;
}

.position-relative {
    position: relative !important;
}

/* VER EFECTO PARA LLAMAR LA ATENCION EN HOVER*/
/*.btn-pedido-container .btn-fresh:hover{

    background-color: #8bdab2  !important;
    color: black !important;
}
    
.btn-pedido-container .btn-sky:hover {
    background-color: #55cfed !important;
    color: black !important;
}*/

.font-8 {
    font-size: 8pt !important;
}

.sweet-alert-title {
    color: #575757;
    font-size: 10PT;
    text-align: left;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: -20px 0 !important;
    padding: 0;
    line-height: 40px;
    display: block;
}

.color-black {
    color: black !important;
}

.text-area-copyPopUp {
    width: 100% !important;
    max-width: 1000px;
}

.title-copyPopUp {
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

.copy-format-clipboard-popUp {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    float: left;
    font-weight: bold;
}

.copy-format-clipboard-popUp:hover {
    color: #ff6a07;
}

.copy-format-clipboard-popUp:active {
    color: #803c0f;
}

.confirmed-msg {
    background-color: #434343;
    color: white !important;
    font-weight: bold;
    font-size: 12pt;
    padding: 5px 10px;
    border-radius: 5px !IMPORTANT;
    font-variant: all-small-caps;
    position: absolute;
    TOP: 68px;
    RIGHT: 0;
}

.subtitle-copy {
    position: absolute;
    font-weight: bold;
    font-variant: all-petite-caps;
    background: #62626254;
    border-radius: 5px 5px 0 0 !important;
    height: 15px;
    line-height: 12px;
    color: white;
    font-size: 10pt;
    width: 100%;
    text-align: center;
}

.sombra-active:active {
    -moz-box-shadow: inset 0 0 10px #000000 !important;
    -webkit-box-shadow: inset 0 0 10px #000000 !important;
    box-shadow: inset 0 0 10px #000000 !important;
}

.sombra-active:hover {
    opacity: .8 !important;
}