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

		#myModal .list-group{
		    border: 1px solid #0336e8;
		    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: #0336e8;*/
		    border: 0px;
		    border-bottom: 1px solid #0336e8!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 #0336e8!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: #0336e8;
		    padding: 6px;
		    text-align: -webkit-center;
		}

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

		#myDlgCarrito .btn-carrito{
		    color: #0336e8;
		    background-color: #ffffff;
		    border-color: #0336e8;

		}

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

		.modal-footer .btn-secondary{
		    color: #0336e8;
		    background-color: #fff;
		    border-color: #0336e8;
		}

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

		#myDlgCarrito .btn-action{
		    color: #0336e8!important;
		    background-color: #ffffff!important;
		    border-color: #0336e8!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: #0336e8!important;
		}

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



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

		#vCardConsultora h4.text-primary{
		    margin-top: 0px!important;
		    color: #0336e8!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: rgb(170,170,170);
		    top: 5px;
			padding-left: 2px;
		}

		#dlgProdAgregado .modal-body{
		    color: white;
		    background-color: #0336e8;
		    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: #0336e8!important;
		    border-color: #0336e8!important;
		}

		#buscarConsultora{
		    color: #0336e8;
		    background-color: #ffffff!important;
		    border-color: #0336e8!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: #0336e8;
		  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:#0336e8;
		}

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

		#legalNameConsult{
		    color:#0336e8!important;
		    font-weight: bold;
		}

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

		.list-group-item .modal-title{
			font-size: 1.2rem;
			font-weight: bold;
		}

		#myDlgCarrito .fa-trash{
			color: #000000!important;
		}

		#myDlgCarrito .btn-remove{
			border: 1px solid #000000!important;
			font-size: larger;
		}