//Css que incluye los colores del carito de compras
#myModal .modal-body{
    padding:  0px 25px 25px 25px!important;
}

#myModal .list-group{
    border: 1px solid #0071BC;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    border-bottom-left-radius: 10px!important;

    margin-top: 0px!important;
    margin-bottom: 0px!important;
    margin-block-start: 0px!important;
    padding-inline-start: 0px!important;
    margin-block-end: 0px!important;
    /*margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 25px;*/
}

#myModal .list-group-item{
    /*color: #0071BC;*/
    border: 0px;
    border-bottom: 1px solid #0071BC!important;
    margin-left: 10px;
    margin-right: 10px;
    background-color: transparent;
    padding-left: 0px;
}




#myModal .list-group-item:first-child{
    border-top: 0px;

   /* border-top-left-radius: 30px!important;
    border-top-right-radius: 30px!important;*/
}

/**/
#myModal .list-group-item:last-child {
    border-bottom: 0px solid #0071BC!important;
    padding-bottom: 25px;
}


#myModal .list-group-item:hover{
    cursor:pointer;
}

#myModal .modal-header{
    border-bottom: 0px;
}

/********************************************************/

#myDlgCarrito .modal-header{
    border-bottom: 0px;
    /*padding: 15px 30px;*/
}

#myDlgCarrito .modal-body{
    padding: 0px 15px;
}


#myDlgCarrito .productslist .list-group-item{
    border: 0px solid #ddd!important;
    border-top: 1px solid #ddd!important;
    padding: 0px;
}

#myDlgCarrito .modal-footer{
    padding: 0px 15px 15px 15px;
    border-top: 0px;
    background-color: #F6F6F6;
    display: block;
}

#myDlgCarrito .total .list-group-item{
    border: 0px solid #ddd!important;
    border-top: 1px solid #ddd!important;
    background-color: transparent;;
}


#myDlgCarrito .numcantidad {
    font-size: x-large;
    color: #0071BC;
    padding: 6px;
    text-align: -webkit-center;
}

#myDlgCarrito .col-xs-3{
    padding: 10px;
}

#myDlgCarrito .btn-carrito{
    color: #0071BC;
    background-color: #ffffff;
    border-color: ;

}

.modal-header .modal-title {
    font-weight: bold;
    margin: 0;
    line-height: 1.42857143;
    font-size: 14px;
}

.modal-footer .btn-secondary{
    color: #0071BC;
    background-color: #fff;
    border-color: ;
}

.vertical-align {
    display: flex;
    align-items: center;
}

#myDlgCarrito .btn-action{
    color: #0071BC!important;
    background-color: #ffffff!important;
    border-color: !important;
    /*padding: 6px 0px;*/
}

#myDlgCarrito .close, #myModal .close, .modal-dialog .close{
    color: black!important;
    padding: 0px!important;
    margin: inherit!important;
}

.modal-dialog h3{
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.modal-dialog .text-primary{
    color: #0071BC!important;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 600px!important;
    }
}



#myDlgCarrito h4.text-primary, #myModal h4.text-primary{
    margin-top: 3px!important;
    color: #0071BC!important;
}

#vCardConsultora h4.text-primary{
    margin-top: 0px!important;
    color: #0071BC!important;
}
#vCardConsultora p{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#myDlgCarrito .col-xs-8{
    padding-top: 5px;
}

.vertical-align {
    display: flex;
    align-items: center;
}



.divcarrito{
    display: block;
    position: relative;
    width: 19px;
    height: 19px;
    margin-top: 0px;
    /*margin-top: -3.5px;*/
}
.divcarrito img{
    /*position: absolute;*/
    float: inherit;
    /*width: 100%;*/
    height: 100%;
}
#numcarrito{
    float: left;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 8px;
    color: white;
    top: -3px;
}


#dlgProdAgregado .modal-body{
    color: white;
    background-color: #0071BC;
    border-radius: 30px;
}

#dlgProdAgregado .modal-content{
    background-color: transparent;
    width: 200px;
    box-shadow: inherit;
    border: 0px;
}

#dlgProdAgregado .modal-dialog{
    background-color: transparent;
    width: 200px;
    margin: 30px auto;
}

#dlgProdAgregado.modal{
    top:40%!important;
    z-index: 99999!important;
}




.btn-primary{
    background-color: #0071BC!important;
    border-color: #0071BC!important;
}

#buscarConsultora{
    color: #0071BC;
    background-color: #ffffff!important;
    border-color: #0071BC!important;
    margin-top: 10px;
    margin-right: 0px!important; 
    margin-left: 0px!important; 
}

/*@media (max-width: 576px) {
    .col-sm-2,.col-md-2,.col-lg-2,.col-xl-2 {
        width: 16.66666667%;
    }

    .col-10,.col-sm-10 ,.col-md-10 ,.col-lg-10 ,.col-xl-10{
            width: 83.33333333%;
    }
}
*/
.d-flex{
    display: flex;
}


.col-botons{
    width: 140px!important;
}

.row h4{
    font-size: 14px;
    margin-top: 0px;
}


.row .text-muted{
    font-size: 12px!important;
    color: #555759;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px!important;
}


.col-2:last-child {
  padding-right: 3%!important;
}

.divcolor{
    border-radius: 25px;
    width:  50px;
    height: 50px;
    position: relative;
    left: 10%;
    top: 20%;
}




@media (max-width: 576px) {
    .divcolor{
        height: 50px;
        width: 50px;
    }
}

@media (max-width: 415px) {
   .divcolor{
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 375px) {
     .divcolor{
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 360px) {
    .divcolor{
        width: 33px;
        height: 33px;
    }
}

@media (max-width: 320px) {
    .divcolor{
        width: 25px;
        height: 25px;
    }
    #myDlgCarrito .btn-action {
        padding: 6px 6px;
    }

    
}



.modal-footer .col.text-left, .modal-footer .col.text-right{
    padding-right: 0px;
    padding-left: 0px;
}



.hidden_v01{
    display: none!important;
}


.modal{
    z-index: 99900!important;
}

#myDlgCarrito .modal-header{
    display: block;
}

#myDlgCarrito .modal-header h3{
    margin-top: inherit!important;
    margin-bottom: 5px!important;
}

#myDlgCarrito .media-body{
    margin-left: 10px;
}


#legal{
    margin-top: 1rem;
}




/** SPINNER CREATION **/

#loadMe .loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .8);
  border-radius: 50%;
  border-top-color: #0071BC;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}


/** MODAL STYLING **/
#loadMe{
    z-index: 99901!important;
    width: 100%;
    height: 100%
}
#loadMe .modal-dialog{

}

#loadMe .modal-content {
  /*border-radius: 0px;*/
  /*box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);*/
  background-color: transparent;
  /*width: fit-content;*/
  border: 0px;
}



.carousel-item.active{
    margin: 0 auto;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #80808054!important;
    border-color: #007bff;
}

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

#vaciarCarrito{
    color:#6c757d;
}
#vaciarCarrito:hover{
    color:#0071BC;
}

#legal p{
    font-size: 12px;    
}

#legalNameConsult{
    color:#0071BC!important;
    font-weight: bold;
}

#vCardConsultora .text-primary{
    color: #0071BC!important;
    font-weight: bold;
}