﻿.grid {
	background-color: #fff;
	color: #151515;
	font-family: Roboto, open_sansregular, sans-serif;
	font-size: 13px;
	border-bottom: 0px solid #EFF3F7;
	border-radius: 0 !important;
	padding: 5px;
	margin-bottom: 0;
	padding-top: 30px;
}


.table {
	color: #151515;
	font-family: Roboto, open_sansregular, sans-serif;
	font-size: 13px;
	border-bottom: 0px solid #EFF3F7;
	border-radius: 0;
	padding: 5px;
	padding-top: 5px;
	margin-bottom: 20px;
}
.backgrid
{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	display: inline-table !important;
	border-bottom: 2px solid #EFF3F7;
    margin-bottom: 20px;
}

.backgrid thead
{
	/*border-bottom: 1px solid #E5E5E5 !important;
	border-top: 1px solid #E5E5E5 !important;
	border-left: 1px solid #E5E5E5 !important;
	border-right: 1px solid #E5E5E5 !important;*/
}

.backgrid thead th {
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px !important;
	color: #151515 !important;
	font-family: Roboto, open_sansregular, sans-serif;
	height: 35px;
	line-height: 14px;
	border-bottom: 2px solid #ECEFF2;
	text-align: left;
	cursor: default;
	padding: 30px 0 30px 5px;
	text-transform: uppercase;
}

.backgrid thead th.select-all-header-cell {
	padding-left: 0;
}

.sortable
{
	cursor: pointer !important;
}

.backgrid thead th a {
	font-weight: bold;
	font-size: 12px;
	color: #151515;
	font-family: Roboto, open_sansregular, sans-serif;
}

.backgrid thead th a:hover
{
	text-decoration: none;
}

.backgrid tbody tr td
{
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	text-align: left;
}

.backgrid tbody tr.empty
{
	font-style: italic;
	color: gray;
}

.backgrid tbody tr.empty td
{
	text-align: center;
}

.backgrid td.editor input[type=text] {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0;
	font-size: 9pt;
	color: #5A5D5A;
	font-family: Roboto, open_sansregular, sans-serif;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.backgrid td.error, .backgrid tbody tr:nth-child(odd) td.error
{
	background-color: Aqua !important;
	outline: 1px solid #639E42 !important;
}

.backgrid td.editor
{
	background-color: #D6DBDE;
}

.backgrid td.editor :focus, .backgrid th.editor :focus
{
	outline: 0;
}

.backgrid .sort-caret
{
	display:inline-block;
	position: absolute;
	width: 0;
	height: 0;
	margin-left: 0.3em;
	border: 0;
	content: "";
}

.backgrid .ascending .sort-caret
{
	vertical-align: middle;
	border-top: none;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #1c4072;
	border-left: 6px solid transparent;
}

.backgrid .descending .sort-caret
{
	vertical-align: middle;
	border-top: 6px solid #1c4072;
	border-right: 6px solid transparent;
	border-bottom: none;
	border-left: 6px solid transparent;
}

.backgrid .string-cell, .backgrid .uri-cell, .backgrid .email-cell, .backgrid .string-cell.editor input[type=text], .backgrid .uri-cell.editor input[type=text], .backgrid .email-cell.editor input[type=text]
{
	text-align: left;
}

.backgrid .number-cell, .backgrid .integer-cell,.backgrid .percent-cell, .currency-cell, .backgrid .number-cell.editor input[type=text], .backgrid .integer-cell.editor input[type=text]
{
	text-align: left !important;
}

.backgrid .date-cell, .backgrid .time-cell, .backgrid .datetime-cell, .backgrid .date-cell.editor input[type=text], .backgrid .time-cell.editor input[type=text], .backgrid .datetime-cell.editor input[type=text]
{
	text-align: left;
}

.backgrid .boolean-cell, .backgrid .booleanExtended-cell, .backgrid .linkAction-cell, .backgrid .boolean-cell.editor input[type=checkbox]
{
	text-align: center;
}

.backgrid .linkAction-cell
{
	text-align: center;
	overflow: visible !important;
}

.backgrid .linkAction-cell img
{
	display: block;
	margin: auto;
}

.backgrid .select-cell, .backgrid .selectExt-cell
{
	text-align: left;
}

.backgrid .select-cell.editor, .backgrid .singleSelect-cell
{
	padding: 0;
	background-color: inherit !important;
}

.backgrid .select-cell.editor select, .backgrid .selectExt-cell.editor select
{
	display: block;
	width: 100%;
	height: 28px;
	margin: 0;
	line-height: 28px;
	vertical-align: middle;
	background-color: transparent;
	border: 0;
	outline: 0;
}

.backgrid .select-cell.editor :focus, .backgrid .selectExt-cell.editor :focus
{
	border: 0;
	outline: 0;
}

.titlepopup
{
	font-size: 14pt;
	color: #003366;
	font-weight: bold;
}

.titlepopupcell
{
	border-bottom: #003366 1px solid;
	text-align: left;
}

.errorCelda
{
	color: #E74C3C !important;
	background-color: #F3A69E !important;
}

.LINEA1_TABLA, .LINEA1_TABLA_CHICA {
	font-size: 9pt !important;
	color: #77808A !important;
	font-family: Roboto, open_sansregular, sans-serif;
	background-color: #fff !important;
	border-bottom: 1px solid #ECEFF2 !important;
}

.LINEA2_TABLA, .LINEA2_TABLA_CHICA {
	font-size: 9pt !important;
	color: #77808A !important;
	font-family: Roboto, open_sansregular, sans-serif;
	background-color: #fff !important;
	border-bottom: 1px solid #ECEFF2 !important; /*#e6eaee*/
}

.LINEA_TABLA_SELECCIONADA {
	font-size: 9pt !important;
	color: #6B6F7F !important;
	font-family: Roboto, open_sansregular, sans-serif;
	background-color: #fff !important;
	border-bottom: 1px solid #ECEFF2 !important;
}

.LINEA1_TABLA:hover, .LINEA1_TABLA_CHICA:hover {
	font-size: 9pt !important;
	color: #329AFB !important;
	font-family: Roboto, open_sansregular, sans-serif;
	background-color: #F7F7FA !important;
	border-bottom: 1px solid #ECEFF2 !important;
}

.LINEA2_TABLA:hover, .LINEA2_TABLA_CHICA:hover {
	font-size: 9pt !important;
	color: #329AFB !important;
	font-family: Roboto, open_sansregular, sans-serif;
	background-color: #F7F7FA !important;
	border-bottom: 1px solid #ECEFF2 !important;
}

.LINEA_TABLA_SELECCIONADA:hover {
	font-size: 9pt !important;
	color: #6B6F7F !important;
	font-family: Roboto, open_sansregular, sans-serif;
	background-color: #EFF3F7 !important;
	border-bottom: 1px solid #ECEFF2 !important;
}

.LINEA1_TABLA td, .LINEA2_TABLA td
{
	height: 40px;
	padding: 5px;
}

.LINEA1_TABLA_CHICA td, .LINEA2_TABLA_CHICA td
{
	height: 40px;
	padding: 5px;
}

.LINEA_TABLA_SELECCIONADA td
{
	height: 45px;
	padding: 0 6px 0 6px;
}

.select-row-cell
{
	padding: 0 0 0 0 !important;
}

.celdaWrap
{
	white-space: normal !important;
}

.cellBackColor
{
    color: #E74C3C !important;
	background-color: #F3A69E !important;
}
.cellBackColorHighPriority
{
    color: #E74C3C  !important;
	background-color: #FF3333 !important;
}
.cellBackColorLowPriority
{
    color: #787878  !important;
	background-color: #99FF99 !important;
}
.cellBackColorMidPriority
{
    color: #787878  !important;
	background-color: #FFFF66 !important;
}
.cellImportantBackColor
{
    color: #808080   !important;
	background-color: #D0D0D0  !important;
}
/****************************************************************************************************************/
/*************************************** EDSA GRID-FILTER FILTER ************************************************/
/****************************************************************************************************************/

    /*
  backgrid-filter
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT @license.
*/

.backgrid-filter .close {
  display: inline-block;
  float: none;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: text-top;
}


/****************************************************************************************************************/
/*************************************** EDSA GRID-PAGINADOR ****************************************************/
/****************************************************************************************************************/

/*
  backgrid-paginator
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT @license.
*/

.backgrid-paginator {
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Roboto, open_sansregular, sans-serif;
	font-size: 13px;
	background-color: #fff
}

.backgrid-paginator ul
{
	display: inline-block; 
	*display:inline;
	margin:5px 0;
	*zoom:1;	
	color: #fff;
	
}

.backgrid-paginator ul > li
{
	display: inline;
	margin-left:5px;	
	color: #fff;
	
}

.backgrid-paginator ul > li > a, .backgrid-paginator ul > li > span
{
	float: left;
	padding: 5px;
	line-height: 14px;
	text-decoration: none;
	background: #fff;
    margin: 3px;
    color: #151515;
	
}

.backgrid-paginator ul > li > a:hover, .backgrid-paginator ul > .active > a, .backgrid-paginator ul > .active > span
{
	background: #557095;
    color: #FFF;
}

.backgrid-paginator ul > .active > a, .backgrid-paginator ul > .active > span
{
	color: #329AFB !important;
	cursor: default;
	background: #fff;
}

.backgrid-paginator ul > .disabled > span, .backgrid-paginator ul > .disabled > a, .backgrid-paginator ul > .disabled > a:hover
{
	cursor: pointer;
}

.backgrid-paginator-summary {
	width: 200px;
	color: #77808A;
	font-family: Roboto, open_sansregular, sans-serif;
	font-size: 12px;
}

#gridEdsaGridPageSizeSelector {
    border: 2px solid #dee2e6;
    height: 30px
    }

.backgrid-paginator-summary-input {
	width: 30px;
	color: #77808A;
	font-family: Roboto, open_sansregular, sans-serif;
	font-size: 12px;
	text-align: center;
	border: 2px solid #dee2e6;
	height: 30px
}

/****************************************************************************************************************/
/*************************************** EDSA GRID- SUB GRID ****************************************************/
/****************************************************************************************************************/

/*
  backgrid-subgrid-cell
  David Crossman - March 14, 2013
*/

.backgrid .subgrid-cell IMG {
	font-weight: bold;
	font-family: Roboto, open_sansregular, sans-serif;
	text-align: center;
	outline: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
	overflow: hidden;
}

.backgrid-subgrid-row td
{
	overflow: visible !important;
    text-overflow: ellipsis;
    padding: 5px 5px 5px 0px ;
    border-bottom: 1px solid #1c4072
}

.backgrid-subgrid-row
{
    background-color: #EFF3F7;    
}

.backgrid-subgrid-row .backgrid td
{
	border-bottom: 1px solid #bdc3c7 !important;
	white-space: nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis; 
    padding: 0 3px 0 3px !important;
    height: 35px;
}

.backgrid-subgrid-row .backgrid thead th
{
    white-space: normal;      
	border-bottom: 1px solid #1c4072; 
    font-weight: normal;
    background-color: #f5f5f5;
    padding: 5px 3px 5px 3px !important;   
    line-height: 14px;
}

.backgrid-subgrid-row .backgrid
{
	width:100%;
    height: 20px;
	border-bottom: 2px solid #bdc3c7;
    border-top: 2px solid #bdc3c7;
    border-left: 2px solid #bdc3c7;
    border-right: 2px solid #bdc3c7;
}


.backgrid-subgrid-row
{
    border-top: 2px solid #EFF3F7;
}
/****************************************************************************************************************/
/***************************************** Menu contextual ******************************************************/
/****************************************************************************************************************/

.edsagrid-menucontextual-div
{
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    position: absolute;
    z-index: 100;
}

.edsagrid-menucontextual-table
{
}

.edsagrid-menucontextual-tr
{
}

.edsagrid-menucontextual-tr:hover
{
    background-color: #e0e0e0;
}

.edsagrid-menucontextual-td {
	color: #34495E;
	font-family: Roboto, open_sansregular, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.edsagrid-menucontextual-description {
	color: #34495E;
	font-family: Roboto, open_sansregular, sans-serif;
	font-size: 12px;
	padding-left: 10px;
}

.columnEditable
{
    background-color : #EBEBEB;
}

.columnCenter
{
    text-align:center !important; 
}

.columnBold 
{
    font-weight: bold;
}

.redFont
{
    color:#E74C3C !important;
}