.bg-principal{
    background: #000;
}
.bg-orange{
    background:#e70087 !important;
}
.bg-orange-light{
    background:#e60087 !important;
}
.bg-orange-dark{
    background:#f79420 !important;
}
.text-principal{
    color:#131921;
}
.text-orange{
    color:#fbaf15;
}
.text-orange-light{
    color:#e60087;
}
.text-orange-dark{
    color:#f79420;
}
.text-primary2 {
    color: #133253;
}
.btn-primary {
	color: #fff;
	background-color: #133253;
	border-color: #133253;
}
.btn-primary:disabled{
	color: #fff;
	background-color: #133253;
    border-color: #133253;
}
.border-primary {
	border-color: #0371e65e;
}
.btn-primary:hover {
	color: #fff;
	background-color: #00448c;
	border-color: #00448c;
}
.border-primary2 {
	border-color: #133253;
}
.border-muted {
    border-color: #e3e3e3 ;
}
.border-primary {
    border-color: #e30085 !important;
}
.text-info {
    color: #d8007e!important;
}
.mainmenu__menu .navbar-nav > li > a {
	/* color:#c5c5c6; */
    color: #e6e6e6;
}
.mainmenu__menu .navbar-nav > li:hover > a {
	color: #ff82cb;
}
.dropdowns.dropdown--author ul li a,
.dropdown--author .lnr,
.custom_dropdown li a,
#menuCompact ul li a ,
.contMenuCompact .mainmenu__menu .navbar-nav > li > a

{
	color: #1f3046;
}
.dropdowns.dropdown--author ul li a:hover,
.custom_dropdown li a:hover,
#menuCompact ul li a:hover,
.contMenuCompact .mainmenu__menu .navbar-nav > li > a:hover,
option:hover {
    background: #c304760d;
    color: #c30476;
}
.product__title h2 {
	color: #6f6f6f;
    font-weight: 100
}
.navSliderProducto span:hover {
	color: #00448c;
	transition: 0.3s ease;
}
.cursor-pointer{
    cursor: pointer;
}

ul, ol, menu {
	counter-reset: list-item;
	-moz-list-reversed: false;
}
.msgValidacion{
    padding-left: 10px;
 }
 .msgValidacion .swal2-title{
    color: #333 !important;
 }
 .msgValidacion ul{
    margin-top: 5px;
    margin-bottom: .2rem !important;
    padding-inline-start: 40px;
    color: #ea0000;
 }
 .msgValidacion ul li{
    color: #e82d2d;
    text-align: left;
    font-weight: 500 !important;
    list-style: disc !important;
    margin-bottom: 7px;
 }


.oculto{ display: none;}

.alertFooterError{
    font-size: 12px;
    color: #8c8b8b;
}
.alertLoading .ball-clip-rotate-multiple > div:last-child {
    border: 3px solid #fff;
    background:rgba(186, 185, 213, 0.31);
    top: -5px;
    left: -4px;
    width: 20px;
    height: 20px;
}

.datepicker { z-index: 20000 !important;}

.contenedorFormLogin{
    margin: auto;
    /* margin-top: 60px; */
    border-radius: 4px;
    background: #fff;
    /* opacity: .7; */
    -webkit-box-shadow: 0px 0px 5px 0px rgba(153, 152, 152, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(153, 152, 152, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(153, 152, 152, 0.5);
}

.v-middle{
    vertical-align: middle;
    vertical-align:-webkit-middle-with-baseline;
    vertical-align:-moz-middle-with-baseline;
    display: inline-block;
}

.a-link{
    cursor: pointer !important;
    transition: .2s linear  !important;
}

.a-link:hover{
    color: #e70087 !important
}
.formLogin input {
	border: none;
	border-bottom: solid 1px #d2d2d2;
	border-radius: 0;
    padding-left: 5px;
    transition: .2s ease !important;
}
hr{
    border-top: 1px solid #e4eaec;
}
.mv100{ min-height: 100vh;}
.pt-50vh{padding-top: 50vh};
#contenidoComponentApp{ display: none;}

.swal2-popup.swal2-toast {
	box-shadow: 0 0 .625em #868686 !important;
}

.form-control:focus {
	box-shadow: none !important;
}
.btn {
    padding: .375rem .75rem;
    text-transform: none;
    font-weight: 500;
}
.btn-muted {
    color: #717070;
    background-color: #e3e3e3;
    border-color: #e3e3e3 ;
}

.cursor-default{
    cursor: default;
}
.opacity-1{ opacity:1}
.inline-block{
    display: inline-block;
}
.text-black2{
    color:#2a2d2f !important
}
.swal2-popup.swal2-toast {
    padding: .5em 1.5em;
    box-shadow: none !important;

}
.sectionContent{
    padding: 50px 0;
    background: #eff1f5;
}
.text_field {
	line-height: 50px;
	background: #f4f5f8;
	border: solid 1px #eee;
}
input {
	color: #133253;
}
.text-italic{ font-style: italic;}
.capaSup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
    background: #1319212b;
    transition: all linear .2s;
}

.slide-enter-active {
  transition: all .3s ease;
}
.slide-leave-active {
  transition: all .0s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-enter, .slide-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
  transform: translateX(100px);
  opacity: 0;
}

.move-enter-active,
.move-leave-active{
    transform: translateX(0);
    transition:  .3s linear;
}
.move-enter{
    transform: translateX(100%);
}
.move-leave-to{
    transform: translateX(-100%);
}
.badge-status0{ background: #6c757d99 !important; }
.badge-status1{ background: #27c24c!important; }
.badge-status2{ background: #520575!important; }

.badgeComision-status0{ background: #6c757d99 !important; }
.badgeComision-status1{ background: #03a9f4 !important; }
.badgeComision-status2{ background: #ff9800 !important; }
.badgeComision-status3{ background: #27c24c !important; }
.badgeComision-status4{ background: #009688 !important; }
.badgeComision-status5{ background: #520575 !important; }
.badgeComision{
    padding: 5px 6px;
    WIDTH: auto;
 }

.font-weight-100{ font-weight: 100;}
.font-weight-400{ font-weight: 400;}
.font-weight-500{ font-weight: 500;}
.font-weight-600{ font-weight: 600;}
.font-size-12{ font-size: 12px;}
.font-size-14{ font-size: 14px;}

.vertical-text-top{ vertical-align: text-top;}

.asideCat div > div {
    padding-bottom: 15px !important;
}

.asideCat div > div> ul {
    max-height: 500px;
    overflow: auto;
    margin-top: 15px;
    padding-top: 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: #054ba0 #032a40 !important;
}


.asideCat div > div> ul::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

   /* Estilos barra (thumb) de scroll */
.asideCat div > div> ul::-webkit-scrollbar-thumb {
    background: #d4d4d4c7 !important;
    border-radius: 1px !important;
}

.asideCat div > div> ul::-webkit-scrollbar-thumb:active {
    background-color: #d4d4d4c7 !important;
}

.asideCat div > div> ul::-webkit-scrollbar-thumb:hover {
    background: #d4d4d4c7 !important;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important;
}

   /* Estilos track de scroll */
.asideCat div > div> ul::-webkit-scrollbar-track {
    background: #dfdfdfc7 !important;
    border-radius: 0px !important;
}

.asideCat div > div> ul::-webkit-scrollbar-track:hover, 
.asideCat div > div> ul::-webkit-scrollbar-track:active {
    background: #dfdfdfc7 !important;
}

.dropdowns:before { content: none;}

.rating ul li span.fa-star{
    font-size: 12px;
}
.rating ul li span.fa-star-half-o {
    font-size: 14px;
    vertical-align: middle;
}

.card-title h4{
    color: #6f6f6f;
    font-weight: 400;
}
.lnr-chevron-right, .lnr-chevron-left{
    /* color: #bf0271 !important; */

}
.product_title:hover {
    color: unset !important;
}
.custom_dropdown {
    border-top: 1px solid #e70087;
}