﻿/*indicadores estatus de lista pagos*/

.content-filtros-status{width: 90%;max-width: 945px;padding: 2% 0 1% 0;}
.content-filtros-status .flex{
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	}

.content-filtros-status .flex .flexbox.active{background: #c1e2f8;}
.content-filtros-status .flex .flexbox{
	width: 130px;
	margin-left: 7px;
	padding: 5px 0;
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 2px 3px #000;
	cursor:pointer;
}


.content-filtros-status .flex .flexbox .indicador
{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #00b1b1;	
	margin-left: 5px;
	display: inline-block;
}
.content-filtros-status .flex .flexbox#Pagado .indicador{background: #02ae38;}
.content-filtros-status .flex .flexbox#Rechazado .indicador{background: #db0000;}
.content-filtros-status .flex .flexbox#Pendiente .indicador{background: #ffff00;}
.content-filtros-status .flex .flexbox .mensaje{text-align: center;font-size: 13px;display: inline-block;}



.redondo
{
	-moz-border-radius: 5px 5px 5px 5px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 5px 5px 5px 5px;
	/* para Opera */
	border-radius: 5px 5px 5px 5px;
	/* para IE */
	behavior:url(border.htc);
}
.divBus
{
	/*border:1px solid #595959; 
	font-family:Verdana,Arial,Helvetica;
	background-color:#F7F6F3;*/
    border-bottom:3px solid #F2F2F2;
    border-top:3px solid #F2F2F2;   
} 

.textTitBus
{
	font-size:14px;
	color:#595959;
	font-weight:bold;
}

.textBusRojo
{
	font-size:11px !important;
	/*color:#B84646;*/
    color: red;
	/*font-weight:bold;*/
}
.textBus
{
	font-size:12px;
	color:#595959;
	/*font-weight:bold;*/
	vertical-align:middle;
	padding:2px;
}

.fechaBusRojo
{
	width:100px;
	height:22px;
	border:1px solid #B84646;
	font-family: Verdana,Arial,Helvetica; 
	font-size: 14px; 
	color: #B84646;
}

.fechaBus
{
	width:100px;
	height:25px;
	font-size: 14px; 
	color: #595959;
	text-align:center;
    background-color: #F7F7F9;
    border: 2px solid #F2F2F2;
    border-radius: 25px;
}

.ddEstatus
{
	width:150px;
	height:22px;
	border:1px solid #595959; 
	font-family: Verdana,Arial,Helvetica; 
	font-size: 14px; 
	color: #595959;
	text-align:center;
	margin-bottom: 7px;
}

.clienteBus
{
	width:200px;
	height:25px;
	/*font-family: Verdana,Arial,Helvetica;*/ 
	font-size: 14px; 
	color: #595959;
	text-align:center;
    background-color: #F7F7F9;
    border: 2px solid #F2F2F2;
    border-radius: 25px;
}

.btnBusBuscar
{
	width:100px;
	height:25px;
	border:0px solid; 
	padding:5px; 
	font-family: Verdana,Arial,Helvetica; 
	font-size: 14px; 
	color: #FFF;
	background-color:#B84646;
}

.btnBus
{
	width:100px;
	height:25px;
	border:0px solid; 
	padding:5px; 
	font-family: Verdana,Arial,Helvetica; 
	font-size: 14px; 
	color: #FFF;
	background-color:#595959;
}

.divOculto
{
	display:none;
}

.btnExportar
{
	/*width:945px;*/
	width: 85%;
	text-align:right;
}

.btnCerrar
{
	width:80%; 
	text-align:right;
}

.iframeSol
{
	background-color:#FFF; 
	border:0px; 
	width:80%;
	/*height:90%;*/
}
.iframeSol1
{
	background-color:#FFF; 
	border:0px; 
	width:80%;
	height:100%;
}
.divIframe
{
	margin-top:3%;
	height:97%;
}

cssCenter
{
	height:100%;
}



/*Estilos de Solicitudes Admin*/

.tblFlotilla
{
	width:500px;
}

.tblFlotilla td
{	
	width:350px;
	padding:3px;
}
.etiFlo
{
	vertical-align:top;
    width:150px;
	color:#000000;
	background-color:#CCCCCC;
	padding:3px;
	text-align:right;
	border:1px solid white;
}

.titFlo
{
	font-weight:bold;
	width:350px;
	color:#FFFFFF;
	background-color:#5d7b9d;
	padding:3px;
	text-align:left;
	font-size:12px;
}

.btnFlo
{
	width:250px;
	padding:3px;
	text-align:center;
}

.etiFloSer1
{
	vertical-align:top;
	color:#000000;
	background-color:#CCCCCC;
	padding:3px;
	text-align:right;
	border:1px solid white;
}

.etiFloSer2
{
	vertical-align:top;
	color:#000000;
	background-color:#eaeaea;
	padding:3px;
	text-align:left;
	border:1px solid white;
}

.classBody
{
	font-family:Arial;
	font-size:11px;
}

.cssIframe
{
	margin-top:100px;
    margin-left:100px;
    margin-right:100px;
    margin-bottom:100px;
}

.classBodySinScroll
{
	overflow-y:hidden!important;
}

.BusTotalRegistros {
    color: #4F5C64;
    font-size: 15px;
}

.BusPagina {
    color: #4285f4;
    font-size: 18px;
    cursor:pointer;
    width: 30px;
    display: inline-block;
}

.BusPagina:hover {
    color: #FFF;
    font-size: 18px;
    cursor:pointer;
    width: 30px;
    display: inline-block;
    background-color:#4F5C64;
}

.BusPaginaActual {
    color: #000000;
    font-size: 18px;
    width: 30px;
    display: inline-block;
}

.BusPaginaPunto {
    font-size: 15px;
    font-weight: bold;
}