/* estos son css del componente Filtro */
#search {
    /*width: 50% ;	*/
    margin-left: 2%;
}

.SelectedFilterValue{
  
}
.hasDatepicker {
	margin-right: 10px;
}

.labelForFilter {
	font-weight: bold;
	font-family: sans-serif;
	padding-right: 10px;
}

#divRowElementTofilter {
	display: block;
}

.Row {
	width: 100%;
	table-layout: fixed;
	border-spacing: 3px;
	padding-top: 12px;
}

div#divRowToFilter {
    display: none;
}


.Column {
	display: table-cell;
}

.close {
	float: right;
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	padding: 2px 5px;
	background: #999999;
	color: #424344;
	-webkit-border-radius: 9px;
	cursor: pointer;
	cursor: hand;
	width: auto;
	opacity: initial;
	text-shadow: 0 0px 0;
}

.Result {
	font-weight: normal;
	-webkit-border-radius: 9px;
	background: #999999;
	height: 24px;
	padding: 2px 6px 2px 6px;
	color: #fff;
	display: none;
}

.ResultWithSubmit {
	font-weight: normal;
	-webkit-border-radius: 9px;
	background: #999999;
	height: 25px;
	padding: 2px 6px 6px 6px;
	color: #fff;
	display: block;
}

.chosen-container {
    width: 170px !important;
}
.inputDates {
	width: 65px;
}

div[style] #cbxAgencyType_chosen {
	width: 150px !important;
}

div[style] #cbxReportType_chosen {
	width: 150px !important;
}

.labelForFilterReport {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 18px;
	padding-right: 10px;
}

.icon-export.excel {
	background: url("../img/export-icons/excel-blue-3-16.png") !important;
}

.icon-export.print {
	background: url("../img/export-icons/print-blue-3-16.png") !important;
}

.icon-export.csv {
	background: url("../img/export-icons/csv-blue-3-16.png") !important ;
}

.icon-export.pdf {
	background: url("../img/export-icons/pdf-blue-3-16.png") !important;
}

/* Para el import */
.span6 {
  width: 460px;
}

.box-content input[type="checkbox"]{position: inherit !important;}

/*For Filter*/
.rowFilter{
 	display: flex ;        /* Flex layout so items have equal height  */
  	flex-flow: row nowrap;  /* Allow items to wrap into multiple lines */
        padding-top: 1%;
}

.rowFilter > div {margin-top: 10px;  margin-left: 10px;}

@media screen and ( max-width: 767px ){
	
        .rowFilter{
                display: flex !important;        /* Flex layout so items have equal height  */
                flex-flow: row wrap;  /* Allow items to wrap into multiple lines */
                padding-top: 1%;
          }
        .rowFilter > div {margin-top: 10px;  margin-left: 0px;}
        #search {
        width: 80% !important;	
        margin-left: 1%;
        }
        .login-box {
        width: 85% !important;
        }
}

.pagination>li>a, .pagination>li>span {
           color: #333333;
}