body{ 
    font-weight: 400;
    color: #212529;
    text-align: left;
    background-color: #fff;
	 
	 }
 
 .md-form.md-outline label {
    font-size: 14px;
    font-weight: 300;
}
.md-form.md-outline .form-control {
    padding: 14px 10px;
}
.md-form.md-outline input[type=date].form-control.invalid+label:after, .md-form.md-outline input[type=date].form-control.valid+label:after, .md-form.md-outline input[type=date].form-control:focus.invalid+label:after, .md-form.md-outline input[type=date].form-control:focus.valid+label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid+label:after, .md-form.md-outline input[type=datetime-local].form-control.valid+label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid+label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid+label:after, .md-form.md-outline input[type=email].form-control.invalid+label:after, .md-form.md-outline input[type=email].form-control.valid+label:after, .md-form.md-outline input[type=email].form-control:focus.invalid+label:after, .md-form.md-outline input[type=email].form-control:focus.valid+label:after, .md-form.md-outline input[type=number].form-control.invalid+label:after, .md-form.md-outline input[type=number].form-control.valid+label:after, .md-form.md-outline input[type=number].form-control:focus.invalid+label:after, .md-form.md-outline input[type=number].form-control:focus.valid+label:after, .md-form.md-outline input[type=password].form-control.invalid+label:after, .md-form.md-outline input[type=password].form-control.valid+label:after, .md-form.md-outline input[type=password].form-control:focus.invalid+label:after, .md-form.md-outline input[type=password].form-control:focus.valid+label:after, .md-form.md-outline input[type=search-md].form-control.invalid+label:after, .md-form.md-outline input[type=search-md].form-control.valid+label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid+label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid+label:after, .md-form.md-outline input[type=search].form-control.invalid+label:after, .md-form.md-outline input[type=search].form-control.valid+label:after, .md-form.md-outline input[type=search].form-control:focus.invalid+label:after, .md-form.md-outline input[type=search].form-control:focus.valid+label:after, .md-form.md-outline input[type=tel].form-control.invalid+label:after, .md-form.md-outline input[type=tel].form-control.valid+label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid+label:after, .md-form.md-outline input[type=tel].form-control:focus.valid+label:after, .md-form.md-outline input[type=text].form-control.invalid+label:after, .md-form.md-outline input[type=text].form-control.valid+label:after, .md-form.md-outline input[type=text].form-control:focus.invalid+label:after, .md-form.md-outline input[type=text].form-control:focus.valid+label:after, .md-form.md-outline input[type=time].form-control.invalid+label:after, .md-form.md-outline input[type=time].form-control.valid+label:after, .md-form.md-outline input[type=time].form-control:focus.invalid+label:after, .md-form.md-outline input[type=time].form-control:focus.valid+label:after, .md-form.md-outline input[type=url].form-control.invalid+label:after, .md-form.md-outline input[type=url].form-control.valid+label:after, .md-form.md-outline input[type=url].form-control:focus.invalid+label:after, .md-form.md-outline input[type=url].form-control:focus.valid+label:after, .md-form.md-outline textarea.md-textarea.form-control.invalid+label:after, .md-form.md-outline textarea.md-textarea.form-control.valid+label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.invalid+label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.valid+label:after {
    top: 76px;
    left: 0;
    position: absolute;
}

.md-form.md-outline select {
    transition: all .3s;
    outline: none;
    box-shadow: none;
    border: 1px solid #dadce0;
    border-radius: 4px;
    background-color: transparent;
    box-sizing: border-box;
	height: 50px;
	color: #827975;
    font-weight: 300;
	-webkit-appearance: none;
	background: url(../imgs/select-arrow.png) no-repeat right;
}


.md-form .agregar {
	line-height: 30px;
	color: #827975;
    font-weight: 300;
}

.md-form .agregar:hover {
	color: #000;
}

.md-form .agregar i {
	color: #02b875;
}



.login-divider {
    border-bottom: 1px solid #D6D6D6;
    display: block;
    margin: 32px 0 !important;
    position: relative;
}

.login-divider strong {
    background-color: #fff;
    padding: 0 5px;
    position: absolute;
    width: 35px !important;
    /* width: 260px; */
    text-align: center;
    display: inline-block;
    left: 50%;
    margin-left: -15px !important;
    /* margin-left: -130px; */
    font-weight: normal;
    color: #545454;
    font-size: 14px;
    top: -12px;
}

.md-form.md-outline {
    position: relative;
    margin-top: 0px;
    margin-bottom: 24px;
}

.md-form.md-outline label {
  -webkit-transform-origin: 0% 100%;
		  transform-origin: 0% 100%;
  -webkit-transform: translateY(16px);
		  transform: translateY(16px);

}


.md-form.md-outline label.date{
    top: 20px;
    font-weight: 500;
    background-color: white;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.modulo-listar-productos table p {
	font-size:14px;
	line-height:10px;
}

.modulo-listar-productos table p.puntos-s {
    font-size: 16px;
    line-height: 26px;
    color: #d2282e;
    font-weight: 500; 
}

.modulo-listar-productos table a{
    color: #20639c;
}

.modulo-listar-productos table a:hover{
    color: #2d5ca5;
	font-weight:600;
}

.modulo-listar-productos table .btn-acciones{
    color: #5f5f5f;
	margin-left:0px;
	padding:0px 8px;
}


/*------------------------------------*/


.agregar-dos {
	line-height: 30px;
	color: #827975;
    font-weight: 300;
	float:right;
}

.agregar-dos:hover {
	color: #000;
}

.agregar-dos i {
	color: #02b875;
}


@media (max-width: 767px){
.agregar-dos span {
	display:none;
}

.agregar-dos {
	line-height: 30px;
	color: #827975;
	font-weight: 300;
	float: right;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: solid 1px #c1c1c1;
	text-align: center;
	margin-top: -5px;
}
}



.agregar-extra {
    line-height: 30px;
    color: #827975;
    font-weight: 300;
    margin-top: 8px;
    display: block;
}

.agregar-extra:hover {
	color: #000;
}

.agregar-extra i {
	color: #02b875;
}


@media (max-width: 767px){
.agregar-extra span {
	display:none;
}

.agregar-extra {
	line-height: 30px;
	color: #827975;
	font-weight: 300;
	float: right;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: solid 1px #c1c1c1;
	text-align: center;
}
}


.despliega {
	margin-top: 10px;
	display: inline-block;
	width: 100%;	
}


.eliminar-prod {
	line-height: 30px;
	color: #827975;
    font-weight: 300;
	float:right;
}

.eliminar-prod:hover {
	color: #000;
}

.eliminar-prod i {
	color: #F44336;
}


@media (max-width: 767px){
.eliminar-prod span {
	display:none;
}

.eliminar-prod {
	line-height: 30px;
	color: #827975;
	font-weight: 300;
	float: right;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: solid 1px #c1c1c1;
	text-align: center;
	margin-top: -5px;
}
}

/*-----------------------------------------*/

.red-menu {
	position: relative;
	float: left;
	padding-left: 0;
	margin-bottom: 4px;
	margin:0px;
	padding-top:4px;
	padding-bottom:10px;
	margin-left: -4px;
}

.red-menu li {
    float: left;
    position: relative;
    list-style: none;
    position: relative;
}

@media (max-width: 987px) {
.red-menu {
	float: none;
	text-align:center;

}

.red-menu li {
    float: none;
	margin-right: 0px;
}

}

.red-menu li a {
	font-size:14px;
	color:#333;
    padding: 3px 8px 3px 8px;
    display: inline-block;
	letter-spacing: -0.38px;
	font-weight:500;
}

.red-menu li a:hover {
	color: #fff;
    background-color: #060606;
    border-radius: 3px;
}

.red-menu li a.current {
	color: #fff;
    background-color: rgb(147, 155, 8);
	border-radius: 3px;
}

.red-menu li a .numero {
	color: #FFF;
    background-color: #939b08;
    border-radius: 50%;
    width: 22px;
    display: inline-block;
    text-align: center;
	margin:0px 2px;
}

.red-menu li:after {
    content: '';
    height: 80%;
    width: 1px;
    background: rgb(208, 208, 208);
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: 0;
}

.red-menu li:last-child:after {
    content: '';
    height: 80%;
    width: 1px;
    background: rgba(183, 142, 15, 0.0);
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: 0;
}

/*----------------------------*/