/**

	ESTILOS NUEVOS

*/



.center{

	text-align: center;

}



.left{

	text-align: left;

}



.right{

	text-align: right;

}

.btn{

	margin-top: 20px;

}

.display_none{

	display: none!important;

}



/* FORMULARIOS */

.formularios_nuevos .col-md-6,

.seccion_productos_compras .col-md-5{

    margin-top: 15px!important;

}



.tabla_resumen_precios{

	width: 100%!important;

	text-align: right;

}



/*

	*

	*	AGREGAMOS EL SCROLL DE LAS TABLAS

	*

*/

.tabla_productos{

	max-height: 300px!important;

	overflow-y: scroll!important;

}





.margin_top{

	margin-top: 20px;

}





.header_login{

	background: #EDEDED!important;

    border-bottom: 1px solid #D9DEE4!important;

}



/**

	*

	*	SECCION DE VENTAS

	*

*/

@media (min-width: 767px){

	.ventas_division{

		border-right: solid 2px #e1e1e1;

	}

}





/*

	*

	*	SECCION METODO DE PAGO VENTAS

	*

*/

.monto_metodo_pago{

	display: inline-block;

	max-width: 100px;

	margin-left: 10px;

}





/*

	*

	*	ICONO CARGANDO

	*

	* https://webdesign.tutsplus.com/es/tutorials/creating-a-collection-of-css3-animated-pre-loaders--cms-21978

*/

#preloader_3{

    position:relative;

}

#preloader_3:before{

    width:20px;

    height:20px;

    border-radius:20px;

    background:blue;

    content:'';

    position:absolute;

    background:#9b59b6;

    animation: preloader_3_before 1.5s infinite ease-in-out;

}



#preloader_3:after{

    width:20px;

    height:20px;

    border-radius:20px;

    background:blue;

    content:'';

    position:absolute;

    background:#2ecc71;

    left:22px;

    animation: preloader_3_after 1.5s infinite ease-in-out;

}



@keyframes preloader_3_before {

    0% {transform: translateX(0px) rotate(0deg)}

    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}

      100% {transform: translateX(0px) rotate(0deg)}

}

@keyframes preloader_3_after {

    0% {transform: translateX(0px)}

    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}

    100% {transform: translateX(0px)}

}





.iconos_cargando{

	width: 50px;

    right: 0;

    float: right;

	margin-top: -30px;

	margin-bottom: 30px;

	display: none;

}





/*

	SECCION DEL NOMBRE DEL CLIENTE

*/

.dropdown-menu.dropdown-usermenu.pull-right{

	padding-top: 15px!important;

	padding-left: 10px;

	padding-bottom: 10px;

}



/*
	*
	*	MEJORAR A PARTIR DE AQUI
	*
*/
.formulario_rojo h4{
	color: #E9EDEF;
	background-color: rgba(231,76,60,.88);
	border-color: rgba(231,76,60,.88);

	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}


@media (max-width: 767px){
	.overflow_x{
		overflow-x: scroll!important;
	}
}

@media (max-width: 1024px) {
	.overflow_x{
		overflow-x: scroll!important;
	}
}

@media (max-width: 1024px){
	.tabla_productos{

	}
}


/* SECCION PARA SUSPENDIDOS */
.suspendido{
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1072;
    top: 0;
    transition: opacity .15s linear;
}

.contenedor_mensaje{
	max-width: 500px;
    margin: 1.75rem auto;
    position: relative;
    width: auto;

    pointer-events: none;

    margin-top: 50px;
    background: #fff;
    text-align: center;
    border-radius: 25px;
    padding: 25px;
}


.formulario_compra_nuevo .producto_seleccionar .btn{
    margin-top: 0!important;
}


.seccion_producto_compra{
    margin-top: 20px;
    margin-bottom: 20px;
}


/* ARREGLAMOS EL PROBLEMA CON LAS SUCURSALES QUE SE BAJAN */
.profile_details{
    clear: none!important;
}


/* CONTADOR DE PRODUCTOS AL GUARDAR */
.contador_productos{
    font-size: 8px!important;
    font-weight: bold;
    margin-top: 10px;
}

.nombre_producto_actual{
    font-size: 8px!important;
    color: #666;
    margin-top: 5px;
}