/*=============================================
REDES SOCIALES
=============================================*/

.redSocial{
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
}

/*FACEBOOK*/

.facebookBlanco{
    color:white;
    background: black;
}

.facebookNegro{
	color:black;
}

.facebookColor{
	color:white;
	background:#46639f;
}

/*YOUTUBE*/

.youtubeColor{
	color:white;
	background:#d6513e;
}

.youtubeBlanco{
    color:white;
    background: black;
}

.youtubeNegro{
	color:black;
}

/*TWITTER*/

.twitterColor{
	color:white;
	background:#0ab2e6;
}

.twitterBlanco{
    color:white;
    background: black;
}

.twitterNegro{
	color:black;
}

/*GOOGLE PLUS*/

.google-plusColor{
	color:white;
	background:#d71617;
}

.google-plusBlanco{
    color:white;
    background: black;
}

.google-plusNegro{
	color:black;
}

/*INSTAGRAM*/

.instagramColor{
	color:white;
	background:linear-gradient(45deg, #fca925, #ee1d5f,  #6350a2);

}

.instagramBlanco{
    color:white;
    background: black;
}

.instagramNegro{
	color:black;
}

/*=============================================
VENTANAS MODALES - ACTUALIZAR ESTADO PRODUCTO
=============================================*/

.modalTitulo{
	padding:5px 0px;
}

.modalTitulo h3{
	text-align:center;
	margin-top:-5px;
	padding:15px 0px;
	border-radius:5px 5px 0px 0px;
}

.modalFormulario .close{
	position:absolute;
	right:27px;
	top:15px;
	color:white;
}

.modalFormulario p i{
	margin-left:-25px;
	margin-right:25px;
	font-size:25px;	
}

.modalFormulario form{
	padding:20px;
}

.modalFormulario form hr{
	border:1px solid #eee;
}


.modalFormulario form input[type="submit"]{
	padding:15px;
}

.modalFormulario form .checkBox{
	margin-top:10px;
}

.backColor, .backColor a{
	background:#47bac1;
	color:white;
}


.bordeerror {
    border-color: salmon;
}

.fila-vencido{
    background-color: #f5c6cb !important;
    font-weight: 600;
}

.fila-por-vencer{
    background-color: #fff3cd !important;
}

.small-box:hover {
    transform: scale(1.02);
    transition: 0.2s;
}

.card-empresa {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    cursor: pointer;
    transition: all 0.25s ease;
    overflow: hidden;
    height: 100%;
}

.card-empresa:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.card-body {
    padding: 30px 20px;
}

.icono-empresa {
    font-size: 40px;
    color: #007bff;
    margin-bottom: 15px;
}

.titulo-empresa {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}

.ruc-empresa {
    color: #777;
    font-size: 14px;
}

.card-footer {
    background: #007bff;
    color: #fff;
    padding: 12px;
    text-align: center;
    font-weight: 500;
    transition: 0.3s;
}

.card-empresa:hover .card-footer {
    background: #0056b3;
}