.ecPageRender
{
/*    width: 1000px;*/
}

h1.hidden
{
    height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -999px;
}




/***** tweet control */
.tweet .tweet_list, .query .tweet_list
{
    background-color: Transparent;
    color: #666666;
}

.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
    background-color: #e9e9e9;
}
.tweet .tweet_list li a, .query .tweet_list li a 
{
    color: #666666;
}
/***** tweet control */


.ecCtl
{
    margin-bottom: 20px;
}

.ecCtlNoMargin
{
    margin-bottom: 0px;
}

.ecCtlBorder
{
    border-left: 10px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.ecCtlBorderOnlyLeft
{
    border-left: 10px solid #cccccc;
}

.ecCtlBorderSlimOnlyLeft
{
    border-left: 1px solid #cccccc;
}

.ecCtlBorderOnlyTop
{
    border-top: 1px solid #cccccc;
}
.ecCtlBorderOnlyRight
{
    border-right: 1px solid #cccccc;
}
.ecCtlBorderSlim
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.ecCtlBorderSlimTop
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}


.ecCtlBorderFull
{
    border-left: 10px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.ecCtlBorderOnlyBottom
{
    border-bottom: 1px solid #cccccc;
}

.ecCtlBorderSlimNoTop
{
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.ecCtlBorderSlimNoBottom
{
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.ecCtlBorderNoBottom
{
    border-left: 10px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.ecCtlBorderNoBottomTop
{
    border-left: 10px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.ecCtlBorderNoTop
{
    border-left: 10px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.ecCtlBorderSlimNoRight
{
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.ecCtlBorderNoRightTop
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.ecNoBorderBottom
{
    border-bottom: 0px !important;
}

.ecCtlMarginTop-Minus30
{
	margin-top: -30px
}

.ecCtlMarginTop-Minus20
{
	margin-top: -20px
}

.ecCtlMarginTop-Minus10
{
	margin-top: -10px
}

.padding-top-0
{
	padding-top:0px !important;
}

.padding-top-10
{
	padding-top:10px !important;
}


/*** Título del control **/

.ecCtlHeader
{
    padding-left: 10px;
}

.ecCtlHeader h2
{
    color: #666666;
    font-size: 2.7em;
    font-weight: bold;
    float: left;
}

.ecCtlHeader a
{
	color: White;
	font-size: 10px !important;
	float: right;
	padding-right: 10px;
}

.ecCtlHeaderFloat
{
/*
    background-color: White;
    padding-left: 20px;
*/}

.ecCtlHeaderFloat h2
{
/*    float: none;
*/
    color: #cecece;
    padding-bottom: 0px;
    margin-bottom: -13px;
/*    font-size: 2.7em;
    font-weight: bold;
    */
}
.ecCtlHeaderInverse
{
    background-color: #666666;
    padding: 5px 0px 7px 20px;
}

.ecCtlHeaderInverse h2
{
    float: none;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
}

.ecCtlHeaderButton
{
    float:right;
    cursor:pointer;
    font-size:8pt;
    width:16px;
    height:16px;
    margin-right: 7px;
    margin-top: 2px;
    
    
}

.ecCtlHeaderRefreshButton
{
    background-image: url(./images/refresh.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderRefreshButton:hover
{
    background-image: url(./images/refresh.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderExportCsvButton
{
    background-image: url(./images/file.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderExportCsvButton:hover
{
    background-image: url(./images/file.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderAddElementButton
{
    background-image: url(./ordered/images/customgrid/add.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderAddElementButton:hover
{
    background-image: url(./ordered/images/customgrid/add.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderGridViewButton
{
    background-image: url(./images/gridView.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderListViewButton
{
    background-image: url(./images/listView.png);
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -3px;
}

.ecCtlHeaderButtonBar
{
    display: inline;
    float: right;
}
.ecCtlHeader .ecCtlHeaderButtonBar {
    padding-right: 5px;
    padding-top: 18px;
}

.ecCtlHeader .ecCtlHeaderButtonBar a {
    float:none;
}

.ecCtlHeaderInverse .ecCtlHeaderButtonBar {
    padding-right: 5px;
    padding-top: 2px;
}
.ecCtlContent
{
    clear: both;
}

.ecCtlContentButton
{ 
    cursor:pointer;
    font-size:8pt;
    width:20px;
    height:20px;
    vertical-align:bottom;
    border:solid 0px !important;
    background-color:transparent;
}

.ecCtlContentSearchButton
{
    background-image: url(./images/search.png);
    background-repeat: no-repeat;
}

.ecCtlContentDeleteButton
{
    background-image: url(./images/delete.png);
    background-repeat: no-repeat;
}

.ecCtlContentAdvancedSearchButton
{
    background-image: url(./images/advancedSearch.png);
   /* background-size: 20px 20px; */
    background-repeat: no-repeat;
}

.ecCtlContentSimpleSearchButton
{
    background-image: url(./images/simpleSearch.png);
    background-repeat: no-repeat;
}

.ecCtlContentInverse
{
    color: #333333;
    background-color: #cccccc;
    padding: 20px 20px 10px 10px;
}


/*** Selector assegurances horitzontal ****/
.item_galeria img
{
    width:200px;
    height: 110px;
}

.item_galeria li
{
    display: inline-block;
    list-style: none;
    width:40.5%;
    margin-bottom: 20px;
    float: left;
    padding-left: 47px;
}


.item_galeria .panel-overlay h3
{
    font-size: 1.1em;
    font-weight: bold;
    color: #666666;
}

.item_galeria .panel-overlay p
{
    font-size: 0.95em;
    color: #666666;
}

.item_galeria .panel-overlay
{
/*    margin-bottom: 20px; */
}

.nav_hor
{
    text-align: right;
    display: inline-block;    
}



.nav_hor a
{
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #cccccc;
    color: #333333;    
    margin-right: 4px;
    text-decoration: none;
}

.nav_hor a:hover
{
    background: #666666;
    color: #ffffff;
}


.nav_hor .activeSlide
{
    background: #666666;
    color: #ffffff;
}


.ecCtlHeaderInverse .nav_hor a 
{
}

.ecCtlHeaderInverse .nav_hor a:hover
{
    background: #ffffff;
    color: #333333;
}

.ecCtlHeaderInverse .nav_hor .activeSlide
{
    background: #ffffff;
    color: #333333;
}

/*** Selector vertical ****/

.item_galeria_vert img
{
    width:200px;
    height: 110px;
}

.item_galeria_vert li
{
    /*display: inline-block;*/
    list-style: none;
    width:90%;
    margin-bottom: 0px;
    float: left;
    padding-left: 20px;
}


.item_galeria_vert .panel-overlay h3
{
    font-size: 1.1em;
    font-weight: bold;
    color: #666666;

}

.item_galeria_vert .panel-overlay p
{
    font-size: 0.95em;
    color: #666666;
}

.item_galeria_vert .panel-overlay
{
    margin-bottom: 5px;
}

.nav_vert
{
    text-align: right;
    margin: 0px 10px 10px 0px;
}


.nav_vert a
{
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #ffffff;
    color: #333333;
    margin-right: 4px;
    text-decoration: none;
}

.nav_vert a:hover
{
    background: #ffffff;
    color: #cccccc;
}


.nav_vert .activeSlide
{
    background: #ffffff;
    color: #cccccc;
}


/**** Menu superior Horizontal *****/

.ecCtlMenuHor ul
{
    background-color: #cccccc;
    width:100%;
    height: 32px;
}


.ecCtlMenuHor li
{
    list-style: none;
    display: inline-block;
    border-bottom: 0px !important;
    border-right: 1px solid #ffffff;
    margin: 0px;
    padding: 0px;
    float: left;
}

.ecCtlMenuHor .ecCtlMenuHorLastLi
{
    list-style: none;
    display: inline-block;
    border-bottom: 0;
    border-right: 0px solid white;
    margin: 0px;
    padding: 0px;
    float: left;
}

.ecCtlMenuHor li a
{
    white-space: nowrap;
    display: block;
    white-space: nowrap;
    background: #cccccc;
    color: #666666;
    text-decoration: none;
    text-align:center;
    padding: 4px 20px 4px 20px;
    font-size: 1.4em;
    margin: 0px;
}

.ecCtlMenuHor li a:hover
{
    white-space: nowrap;
    background: #999999;
    color: #ffffff;
    text-decoration: none;

}

.ecCtlMenuHor  .ecCtlMenuSelected
{
    background: #999999;
    color: #ffffff;
    white-space: nowrap;
    text-decoration: none;

}

/*** Selector vertical/horizontal ****/
/**** Menu Lateral/Horizontal *****/

.ecCtlMenu li
{
    list-style: none;
    border-bottom: 1px solid #ffffff;

}

.ecCtlMenu ul
{
/*	background-color: #cccccc; */
    cursor:pointer;
}

.ecCtlMenu li.horizontal a
{
    padding: 4px 10px 4px 10px;
    text-align:center;
}

.ecCtlMenu li.horizontal
{
	display: inline-block;
    border-bottom: 0;
/*    border-right: 1px solid #ffffff;*/
}

.ecCtlMenu li a
{
    white-space: nowrap;
    display: block;
    white-space: nowrap;
    background: #cccccc;
    color: #666666;
    text-decoration: none;
    padding: 4px 5px 4px 20px;
    font-size: 1.4em;
}

.ecCtlMenu li a:hover
{
    white-space: nowrap;
    background: #999999;
    color: #ffffff;
    text-decoration: none;

}

.ecCtlMenu  .ecCtlMenuSelected
{
    background: #999999;
    color: #ffffff;
    white-space: nowrap;
    text-decoration: none;

}

/*
.ecCtlSubMenu
{
    visibility: hidden;
    position: absolute;
}
*/

.ecCtlSubMenu li a
{
    border-left: 10px solid #CCC;
    background: #f5f5f5;
    font-size: 1.0em;
    cursor:pointer;
}

.ecCtlSubMenuAlone 
{
    padding: 0px !important;
    margin-top: -21px;
    min-height: 26px;
}

.ecCtlPopupMenu
{
    display: none;
    position: absolute;
    margin-top: 30px; 
    margin-left: 10px; 
}
/*
.ecCltPpupMenu li
{
    border-top: 1px solid #666666;
    white-space: nowrap;
    background: #cccccc;
    color: #666666;
    text-decoration: none;
    padding: 4px 10px 4px 10px;
    font-size: 1.0em;
    list-style: none outside none;
} */

div.ecCtlInnerMenu
{
    float: right;
}

.ecCtlInnerMenu a
{
    white-space: nowrap;
    display: block;
    white-space: nowrap;
    background: #cccccc;
    color: #666666;
    text-decoration: none;
    padding: 4px 20px 4px 20px;
    font-size: 1.1em;
}

.ecCtlInnerMenu a:hover
{
    white-space: nowrap;
    background: #999999;
    color: #ffffff;
    text-decoration: none;
}

.ecCtlInnerMenu .ecCtlMenuSelected
{
    background: #999999;
    color: #ffffff;
    white-space: nowrap;
    text-decoration: none;
}

div.ecCtlLeftDataMenu
{
    white-space: nowrap;
    display: block;
    color: #666666;
    background: #F5F5F5;
    text-decoration: none;
    padding: 4px 20px;
    border: 1px solid #FFFFFF;
    border-bottom: 0px;
}

div.ecCtlHorizontalDataMenu
{
    /*background: #F5F5F5;*/
    border: 1px solid #FFFFFF;
}

div.ecCtlLeftDataMenuSelected, div.ecCtlTabPanelItemSelected
{
    color: #666666 !important;
    background: #CCCCCC !important;
}

.ecCtlLeftDataMenu div
{
    display: inline-block;
    background: Transparent;
}

.ecCtlLeftDataMenu label
{
    background: Transparent;
    font-size: 1.4em;
}

div.ecCtlLeftDataMenu:hover
{
    background: #CCCCCC;
    color: #ffffff;
    text-decoration: none;
}
/*
div.ecCtlLeftDataMenuValue
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
    color: #666666;
    width: 40px;
    height: 24px;
}
*/

div.ecCtlLeftDataMenuValue
{
/*
    background: red;
    border: 1px solid white;
    color: white;
*/
    width: 40px;
    background: #666666;
    border-radius: 6px;
    text-align:center;
}
label.ecCtlLeftDataMenuValue
{
    
    color: white;
/*    border: 1px solid white; */
    padding: 1px 6px 1px 6px;
    font-weight: bold;
    font-size: 1em;
    vertical-align: top; 
    border-radius: 6px;
    font-weight: bold;
}

/*label.ecCtlLeftDataMenuValue
{
    background: #ffffff;
    color: #999999;
    border: 1px solid #999999;
}*/

div.ecCtlLeftDataMenuText
{
    width: 120px;
}

div.ecCollaboratorClientPolicies
{
    display: block;
}

.ecCollaboratorClientStatusSection
{
    display: none;
}

label.section-header
{
    font-weight:bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

li.ecCtlGridViewMenu
{
    display:inline;
}

.ecCtlGridViewMenu a
{
    white-space: nowrap;
    display: block;
    white-space: nowrap;
    background: #cccccc;
    color: #666666;
    text-decoration: none;
    padding: 2px 20px 2px 20px;
    font-size: 11px;
    float: right;
}

.ecCtlGridViewMenu a:hover
{
    white-space: nowrap;
    background: #999999;
    color: #ffffff;
    text-decoration: none;
}

/***********************************/

/** Agenda de colaborador **/
.agendaButton 
{
    background-color: #cccccc;
/*    height: 28px; */
    display: inline-block;
    border-bottom: 0px !important;
    border-right: 1px solid #ffffff;
    margin: 2px;
    padding: 0px;
}

.agendaButtonGroup 
{
    display: inline-block;
}


.agendaButton a
{
    white-space: nowrap;
    display: block;
    color: #666666;
    text-decoration: none;
    text-align:center;
    padding: 4px 20px 4px 20px;
    font-size: 1.1em;
    margin: 0px;
}

.agendaButton a:hover
{
    background: #999999;
    color: #ffffff;
}

.agendaQuickCalendar
{
    width: 16em;
    border: 1px solid #cccccc;
}

div.layoutLeftAgendaInner
{
    padding-right: 5px;
}

div.layoutMiddleAgenda
{
    border: 1px solid #cccccc;
    border-left: 10px solid #cccccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

div.layoutMiddleAgenda.last
{
    width: 939px; /* 950px - 10px -1px*/
}

#layoutLeft.last 
{
    width: 698px; /* 710px - 10px -1px*/
}


.headerPosGlobalCollab a
{
    white-space: nowrap;
    color: #666666;
    text-decoration: none;
    font-size: 1.1em;
    margin: 0px;
}

.headerPosGlobalCollab a:hover
{
    background: #999999;
    color: #ffffff;
}

table.headerPosGlobalCollab 
{
    padding-right: 10px;
    padding-left: 15px;
    width:33%;
    float:left;
    table-layout:fixed;
}

td.headerPosGlobalCollabItemIcon
{
    vertical-align: top;
    padding-top: 10px;
    width: 64px;
}

td.headerPosGlobalCollabSubitem
{
    padding-left: 15px;
}

td.headerPosGlobalCollabSubitemCount
{
    text-align: right;
    font-weight:bold;
}



/***********************************/

/*****************************************/
/* Clase para el apartado Administración */
.headerAdminCollab a
{
    white-space: nowrap;
    color: #666666;
    text-decoration: none;
    margin: 0px;
}

table.headerAdminCollab 
{
    padding-right: 10px;
    padding-left: 15px;
    width:33%;
    table-layout:fixed;
}

.headerAdminCollabSubitem
{
    padding-left: 15px;
}

/*****************************************/


/** Lateral Imagen + Icono **/
.ecCtlImageText span
{
    vertical-align: top;
    margin-top: 10px;
    display: inline-block;
    font-size: 1.1em;
}

.ecCtlImageText img
{
    padding: 4px 25px 4px 10px;
}


.ecCtlImageText a
{
    margin: 0px;
    padding: 0px;
    color: #666666;
    text-decoration: none;
}

.ecCtlImageText a:hover
{
    color: #666666;
    text-decoration: underline;
}

/**** CustomData classes *****/

.ecCtlCustomData
{
    padding: 10px;
}

.ecCtlNoPadding
{
    padding: 0px !important;
}

.ecCtlCustomData fieldset
{   
    
}

.ecCtlCustomData fieldset.defaultfieldset
{
    clear: both;
    padding: 10px;
    border-left: 10px solid #cccccc;
    border-top: 0px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.ecCtlCustomDataNoBottomBorder fieldset.defaultfieldset
{
    border-bottom: 0px solid #cccccc;
}

.ecCtlCustomData div.itemsFieldSection {
        DISPLAY: inline-block;
        VERTICAL-ALIGN: top;
        width:48%;
        float: left;
}

.ecCtlCustomData div.itemsFieldSection.threeColumns {
        width:32%;
}

.ecCtlCustomData div.itemsFieldSection.fourColumnsSpan3
{
    width: 98%;
}

.ecCtlCustomData div.itemsFieldSection.fourColumnsSpan2
{
    width: 64%;
}

ecCtlCustomData.section-header
{
       margin-bottom: 10px;        
       font-weight: bold  !important;
       color:#333333;
}

.ecCtlCustomData div.editor-label {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlCustomData div.editor-label-70 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlCustomData div.editor-label-100 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlCustomData div.editor-label-120 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}
.ecCtlCustomData div.editor-label-200 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlCustomData div.editor-label LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:auto;
}

.ecCtlCustomData div.editor-label-70 LABEL, .ecCtlCustomData div.editor-label-70 A {
    TEXT-ALIGN: left; DISPLAY: block;
    width:70px;
}

.ecCtlCustomData div.editor-label-100 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:100px;
}

.ecCtlCustomData div.editor-label-120 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:120px;
}

.ecCtlCustomData div.editor-label-200 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:200px;
}

.ecCtlCustomData div.editor-field {
	MARGIN: 0.5em 0px; PADDING-LEFT: 10px; DISPLAY: inline
}

.ecCtlCustomDataList, .ecCtlCustomDataGrid
{   
    font-size: 8pt;
}

.ecCtlCustomDataList div.header
{   
    background: #f5f5f5 !important;
    height: 25px;
	padding-top: 5px;
	border-bottom: 1px solid #CCC;
	position: relative;
}

.ecCtlCustomDataList div.tableContainer
{   
	float: right;
	right: 0px;
}

.ecCtlCustomDataList table
{
	position: absolute;
	border: 1px solid #cccccc;  
	right: 10px;
}

.ecCtlCustomDataList div.headerthin, .ecCtlCustomDataGrid div.headerthin 
{   
    background: #f5f5f5 !important;
	border-bottom: 1px solid #CCC;
	height: 8px;
}

.ecCtlCustomDataGrid table
{
    border: none !important;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.ecCtlCustomDataGrid table tr td
{
    padding: 4px;
    font-size: 11px;
    color: #333333;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom: 1px solid #cccccc !important;
    padding: 8px 10px 4px 4px;
}
.ecCtlCustomDataGrid table tr td.threeColumns.NoWrap
{
    white-space: nowrap;
}

.ecCtlCustomDataGrid thead tr th
{
    font-weight: bold;
    font-size: 1.1em;
    color: #666666;
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #cccccc;    
    padding: 8px 10px 4px 4px;
    white-space: nowrap;
}

.ecCtlCustomDataList thead tr th
{
	color: #666666;
    background-color: #f5f5f5 !important;
    padding: 4px 4px 4px 4px;
    white-space: nowrap;
}

.ecCtlCustomDataGrid thead tr th:hover, .ecCtlCustomDataList thead tr th:hover
{
    white-space: nowrap;
    background-color: #cccccc !important;
    color: #666666;
    text-decoration: none;
}

.ecCtlCustomDataGrid thead tr .headerSortUp, .ecCtlCustomDataList thead tr .headerSortUp
{
    background-image: url(./images/asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

.ecCtlCustomDataGrid thead tr .headerSortDown, .ecCtlCustomDataList thead tr .headerSortDown
{
    background-image: url(./images/desc.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

.ecCtlCustomDataGrid span.headerSortUp, .ecCtlCustomDataList span.headerSortUp
{
    background-image: url(./images/asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

.ecCtlCustomDataGrid span.headerSortDown, .ecCtlCustomDataList span.headerSortDown
{
    background-image: url(./images/desc.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

.ecCtlCustomDataGrid .selected
{
    background-color: #CCA !important;
}

.clickable:hover
{
    background: #cccccc;    
    text-decoration: none;
    cursor: pointer;
}

.clickable_nohover:hover
{   
    background: inherit;
    text-decoration: none;
    cursor: pointer;
}

.hoverOnSuperlink
{
    background: #cccccc;    
}

.clickable:hover twoColumns
{
    background: #999999;
    color: #ffffff;
    cursor: pointer;
}


.ecCtlCustomDataElement
{
    border-bottom: 1px solid #cccccc;
    padding: 8px;
}


li.ecCtlCustomDataProperty 
{
    list-style: none;
    vertical-align: top;   
}

li.ecCtlCustomDataProperty.Column
{
    list-style: none;
    display: inline-block;
	*display: inline;
	zoom: 1;
	padding-left: 0px;
}

li.ecCtlCustomDataProperty.twoColumns
{
    list-style: none;
    display: inline-block;
	*display: inline;
	zoom: 1;
    width: 48%;
}

li.ecCtlCustomDataProperty.threeColumns
{
    list-style: none;
    display: inline-block;
	*display: inline;
	zoom: 1;
    width: 32%;
    padding-left: 0px;
}

li.ecCtlCustomDataProperty.threeColumnsSpan2
{
    width: 66%;
}

li.ecCtlCustomDataProperty.fourColumns
{
    list-style: none;
    display: inline-block;
	*display: inline;
	zoom: 1;
    width: 24%;
    padding-left: 0px;
}

li.ecCtlCustomDataProperty.fourColumnsSpan3
{
    width: 74%;
}

li.ecCtlCustomDataProperty.fourColumnsSpan2
{
    width: 48.4%;
}

li.ecCtlCustomDataProperty.section-header-first
{
    margin-bottom: 5px; 
    font-weight: bold !important;
}

li.ecCtlCustomDataProperty.section-header
{
       margin-bottom: 10px;        
        font-weight: bold  !important;
        color:#333333;
}

.ecCtlCustomData a.ecCtlCustomDataControlsList:hover
{
    background: #666666;
    color: #ffffff;
    cursor: pointer;
}


div.ecCtlCustomDataPropertyLabelHeader
{
    color:#666666;    
    font-weight: normal;    
    margin-left: 0;
}

.ecCtlCustomDataPropertyLabelHeader.centered
{
    color:#666666;    
    text-align: center !important;
    font-weight: bold;
}

div.ecCtlCustomDataPropertyLabel
{
    color:#666666;    
    font-weight: normal;    
    margin-left: 10px;
}

.ecCtlCustomDataPropertyLabel.fontweight-bold
{
    font-weight: bold;
}


span.ecCtlCustomDataPropertyValue 
{    
    color:#333333 !important;
    font-weight: bold;
}

span.ecCtlCustomDataPropertyValue.fontweight-normal
{
    font-weight: normal;
}

.ecCtlCustomDataSectionHeader
{
    color:#666666;    
    font-weight: normal;    
    margin-left: 10px;
    background: #ffffff;
}

span.hide 
{
    display:none;
}

.margin-10
{
    margin: 10px;
}

.margin-80
{
    margin: 80px;
}

.margin-top-100
{
    margin-top: 100px;
}

.margin-top-10
{
    margin-top: 10px;
}

.margin-bottom-100
{
    margin-bottom: 100px;
}

.height-400
{
    height:400px;
}

.height-100
{
    height:100px;
}

.height-5
{
    height:5px;
}

.height-25
{
    height:25px;
}

.height-35
{
    height:35px;
}

.height-200
{
    height:200px;
}

.height-230
{
    height:230px;
}
.minheight-500
{
    min-height:500px;
}
.minheight-400
{
    min-height:400px;
}
.minheight-300
{
    min-height:300px;
}
.minheight-230
{
    min-height:230px;
}
.minheight-180
{
    min-height:180px;
}
.minheight-190
{
    min-height:190px;
}
.minheight-150
{
    min-height:150px;
}
.minheight-125
{
    min-height:125px;
}
.minheight-110
{
    min-height:110px;
}
.minheight-50
{
    min-height:50px;
}
.minheight-40
{
    min-height:40px;
}
.minheight-70
{
    min-height:70px;
}
.minheight-100
{
    min-height:100px;
}
.minwidth-250
{
    min-width:250px;
}
.height-300
{
    height:300px;
}

.vertical-align-middle
{
    vertical-align: middle;
}

.width-100pct
{
	width:100% !important;
}

.width-70pct
{
    width:70% !important;
}

.width-50pct
{
    width:50% !important;
}
.width-49pct
{
    width:49% !important;
}
.width-40pct
{
    width:40% !important;
}

.width-35pct
{
    width:35% !important;
}

.width-30pct
{
    width:30% !important;
}
.width-43pct
{
    width:43% !important;
}
.width-8pct
{
    width:8% !important;
}
.width-25pct
{
    width:25% !important;
}
.width-24pct
{
    width:24% !important;
}
.width-20pct
{
    width:20% !important;
}
.width-19pct
{
    width:19% !important;
}

.width-15pct
{
    width:15% !important;
}
.width-14pct
{
    width:14% !important;
}
.width-10pct
{
    width:10% !important;
}
.width-7pct
{
    width:7% !important;
}
.width-5pct
{
    width:5% !important;
}
.width-50
{
	width:50px;
}

.width-60
{
	width:60px;
}

.width-70
{
	width:70px;
}

.width-100
{
	width:100px;
}

.width-120
{
	width:120px;
}

.width-150
{
	width:150px!important;
}

.width-170
{
	width:170px!important;
}

.width-180
{
	width:180px!important;
}

.width-230
{
	width:230px;
}

.width-250
{
	width:250px;
}

.width-255
{
	width:255px;
}

.width-270
{
	width:270px;
}

.width-280
{
	width:280px;
}

.width-300
{
	width:300px;
}

.width-360
{
	width:360px;
}

.width-390
{
	width:390px;
}

.width-400
{
	width:400px;
}

.itemsFieldSectionFiveColumns input.width-400 {
    width: 135px !important;
}

.itemsFieldSectionFiveColumns input {
    font-size: 1.1em;
}

.itemsFieldSectionFiveColumns span.width-400 {
    width: 150px !important;
}

.itemsFieldSectionFiveColumns span {
    font-size: 1.1em;
}

.itemsFieldSectionFiveColumns LABEL {
    width: 110px !important;
}

/* Sorter classes */

.ecCtlSorter
{
    margin-top: 0px;
    margin-bottom: 10px;    
    text-align: right;
    border: 1px solid #666;
    float:right;
    height: 20px;
}

/* Pager classes */

.ecCtlPager
{
    margin-top: 0px;
    margin-bottom: 10px;    
    text-align: right;
    padding: 4px;
    background: #f5f5f5 !important;
    font-size: 0.9em;
    height: 17px;
}

.ecCtlPager .NoData
{
	float: left !important;
	text-align: center;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	margin-top:10px;
}

.ecCtlPager a
{    
    width: 20px;
    height: 20px;
    text-align: center;    
    color: #333333;    
    text-decoration: none;
    font-size: 0.9em;
    
}

.ecCtlPager a.paginationItem:hover
{
    text-decoration: underline;
    background: #f5f5f5 !important;
    color: #333333 !important;
    
}

.ecCtlPager .ui-pg-input {
	height: 12px;
	width: 22px;
	margin: 0;
	text-align: center;
}

.ecCtlPager .ui-pg-selbox {
	margin: 0;
	background: white;
	border: 1px solid #666 !important;
	color: #666;
	font-size: 1em;
}


.ecCtlUnderConstruction 
{
	color:#666666;
	border:solid 1px #666666; 
	padding:5px;
	font-weight:bold;
}

.ecCtlChartScrollable
{
	overflow-x: auto;
	overflow-y: hidden;
}

.ecCtlNavigation { 
} 

.ecCtlNavigation a{ 
	font-size: 0.8m;
    text-decoration: none;
    white-space: nowrap;
} 

.ecCtlNavigation span 
{
	height: 21px;
	padding : 0.2em 2em ;
	color:#666;
    background: #ccc url(./images/ico-migas.jpg) no-repeat right -22px;
} 
 
.ecCtlNavigation a span  
{
	height: 21px;
	padding : 0.2em 2em;
	color:White;
	background: #666 url(./images/ico-migas.jpg) no-repeat right 0px;
} 
 
.ecCtlNavigation a span:hover { 

}

.truncatable 
{

}

.ecCtlForm
{

}

ecCtlForm.section-header
{
       margin-bottom: 10px;        
       font-weight: bold  !important;
       color:#333333;
}

.ecCtlForm .actionbar
{
	padding: 5px;
	display:block;
	height: 20px;
}

.ecCtlForm .actionbar input
{
	float:right;
}

.ecCtlForm fieldset.defaultfieldset
{
    clear: both;
    padding: 10px;
    border-left: 10px solid #cccccc;
    border-top: 0px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.ecCtlForm fieldset.defaultfieldsetContinue
{
    clear: both;
    padding: 10px;
    border-left: 10px solid #cccccc;
    border-top: 0px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 0px dotted #cccccc;
}

.ecCtlForm fieldset.defaultfieldsetContinue.div.itemsFieldSection
{
    padding: 0 0 0 20px;
}

.ecCtlForm fieldset.defaultfieldsetFirstLevel
{
    clear: both;
    padding: 10px 10px 10px 20px;
    border-left: 10px solid #cccccc;
    border-top: 0px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 0px dotted #cccccc;
}

.ecCtlForm fieldset.defaultfieldsetVisor
{
    clear: both;
    padding: 10px;
    border-left: 10px solid #cccccc;
    border-top: 0px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.ecCtlForm div.itemsFieldSection {
        DISPLAY: inline-block;
        VERTICAL-ALIGN: top;
        width:98%;
        float: left;
}

.ecCtlForm div.itemsFieldSectionTwoColumns {
        DISPLAY: inline-block;
        VERTICAL-ALIGN: top;
        width:48%;
        float: left;
}

.ecCtlForm div.itemsFieldSectionFiveColumns {
        DISPLAY: inline-block;
        VERTICAL-ALIGN: top;
        width:19% !important;
        float: left;
        /*margin-left: 10px;*/
}


.itemsFieldSectionFiveColumns > .ecCtlCustomDataPropertyLabel.editor-label-120 {
        VERTICAL-ALIGN: top;
        width:100% !important;
        /*float: none !important;*/
}

label.update-width-240 
{
        width: 240px !important;
}

ecCtlForm.section-header
{
       margin-bottom: 10px;        
       font-weight: bold  !important;
       color:#333333;
}

.ecCtlForm div.editor-label {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}
.ecCtlForm div.editor-label-50 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlForm div.editor-label-70 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlForm div.editor-label-100 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlForm div.editor-label-120 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlForm div.editor-label-130 {
	TEXT-ALIGN: right;
        DISPLAY: inline;
        FLOAT: left;
}

.ecCtlForm div.editor-label LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:auto;
}

.ecCtlForm div.editor-label-50 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:50px;
}

.ecCtlForm div.editor-label-70 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:70px;
}

.ecCtlForm div.editor-label-100 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:100px;
}

.ecCtlForm div.editor-label-120 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:120px;
}

.ecCtlForm div.editor-label-130 LABEL {
    TEXT-ALIGN: left; DISPLAY: block;
    width:130px;
}

.ecCtlForm div.editor-field {
	MARGIN: 0.5em 0px; PADDING-LEFT: 10px; DISPLAY: inline
}

.ecCtlForm select
{
    margin-bottom: 4px;
    border: 1px solid #666;
    height: 19px;
}

.ecCtlForm .datePickerForms
{
	vertical-align: top;
}

.ecCtlForm .datePicker24
{
	vertical-align: top;
}

.ecCtlForm input
{
	color: Black;
}

.ecCtlForm .actionbar input
{
	color: White;
}

.ecCtlForm span.NotEditableField {
	color: #888 !important;
}

.ecCtlForm .actionButton
{
	color:White;
	background: #666;
}

.ecCtlCustomSearch
{
	padding: 10px 10px 0px 10px;
}

.ecCtlCustomSearch-top0
{
	padding: 0px 10px 0px 10px;
}


.ecCtlCustomSearch a
{
	color: #666;
	font-size: 10px !important;
	float: right;
	padding-top: 5px;
}

.ecCtlCustomSearch .datePicker
{
	vertical-align: top;
	width: 65px;
}

.ecCtlCustomSearch div.itemsFieldSection {
        DISPLAY: inline-block;
        VERTICAL-ALIGN: top;
        width:48%;
        float: left;
}

.ecCtlCustomSearch div.editor-field {
	MARGIN: 0.5em 0px; PADDING-LEFT: 10px; DISPLAY: inline
}

.ecCtlCustomSearch div.editor-label-100 {
	TEXT-ALIGN: right;
    DISPLAY: inline;
    FLOAT: left;
}

.ecCtlCustomSearch div.editor-label-100 LABEL {
    TEXT-ALIGN: left; 
    DISPLAY: block;
    width:100px;
}

.ecCtlCustomSearch div.editor-label-70 {
	TEXT-ALIGN: right;
    DISPLAY: inline;
    FLOAT: left;
}

.ecCtlCustomSearch div.editor-label-70 LABEL {
    TEXT-ALIGN: left; 
    DISPLAY: block;
    width:70px;
}

.ecCtlCustomSearch div.editor-label-50 {
	TEXT-ALIGN: right;
    DISPLAY: inline;
    FLOAT: left;
}

.ecCtlCustomSearch div.editor-label-50 LABEL {
    TEXT-ALIGN: left; 
    DISPLAY: block;
    width:50px;
}

.ecCtlCustomSearch select 
{
	font-size:12px;
	color:#666;
}


.requestReference
{
	font-family: 'Courier New' , Courier, monospace;
	font-size: 11px !important;
	text-transform: uppercase;
	/*font-weight: bolder;*/
}

.font-size-15
{
	font-size: 15px !important;
}

.ecCtlCustomSelectedItem
{
	background-color: #E3E3E3;
}

.fileUploadButton
{
    background: url('./images/attachment.png');
    border: none !important;
    cursor: pointer;
    width: 16px;
	height: 16px;
	vertical-align : bottom;
}

.fileUploadInfo
{
  font-weight:bold
}

.ecCtlFileUploader
{

}

.ecCtlFileUploader div.FileUpload
{
	padding:20px;
}

.ecCtlFileUploader div.FileUpload .fileUploadSecion
{
	padding:10px 20px 10px 20px;
	width: 100%;
	background-color: transparent;
	border: 2px dashed #555 !important;
	border-radius: 7px !important;
	font-weight:bold;
}

.ecCtlFileUploader div.FileUpload-Left
{
	padding: 10px 10px 0px 10px;
}

.ecCtlFileUploader div.FileUpload-Left .fileUploadSecion
{
	cursor: pointer !important;
	background: #666;
	font-size: 1.1em;
	border: 1px solid #666 !important;
	color: white;
	padding:0px;
	width: auto;
	border-radius: 0px !important;
	font-weight:normal;
	padding: 1px 6px 1px 6px;
}

.ecCtlFileUploader div.FileUpload .fileUploadSecionUploading
{
	background-color: #C8F6BB;
}

.ecCtlFileUploader div.FileUpload .fileUploadSecionDeleting
{
	background-color: #FDAFB1;
}

.ecCtlFileUploader div.FileList
{
	padding:0px 20px 20px 20px;
}

.ecCtlFileUploader div.FileList li
{
    list-style: none;
}

.ecCtlFileUploader div.FileList li a
{
    color: #666666;
    text-decoration: none;
    text-align:center;
    font-size: 1.1em;
    margin: 0px;
}

.ecCtlFileUploader div.FileList li span
{
	padding-right:20px;
}

/*** Colaborador **/
.productTicket
{
    width: 47%;
    float: left;
    border: solid 1px;
    padding: 4px;
    margin: 4px;
    font-size: large;
}

.productTicket h3 
{
    text-align: center;
}


/*** Buscador ***/
.ecCtlSearchFieldSearchText
{
	width: 77%;
}

.ecCtlSearchFieldDiv
{
	padding: 10px;
}

.ecCtlSearchFieldDiv span
{
	padding-left: 10px;
}

/* Catalogo de productos */

.ecCtlProductCatalog h2
{
	background: #F5F5F5;
	border: 0px;
}

.ecCtlProductCatalog h2.ui-state-active
{
	border-color: #CCC;
}

.ecCtlProductCatalog h2.ui-state-hover
{
	background: #999;
}

.ecCtlProductCatalog h2.ui-state-active.ui-state-hover
{
	border-color: #CCC;
}

.ecCtlProductCatalog h2.ui-state-active a
{
	background-color: #666;
	color: white;
}

.ecCtlProductCatalog h2.ui-state-active.ui-state-hover a
{
	color: white;
}


.ecCtlProductCatalog div.ui-accordion-content
{
	padding-left:50px;
}

.ecCtlProductCatalog div.ui-accordion-content-active
{
	border-color: #CCC;
}

.ecCtlProductCatalog a
{
	text-decoration:underline;
}

.ecCtlProductCatalog a:hover
{
	color: white;
}

.ecCtlProductCatalog div.product
{
	background-color: white;
	padding:10px;
	width:28%;
	float:left;
	margin-right: 20px;
	/*border:1px solid #ddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	box-shadow:2px 2px 2px #ddd;
	-webkit-box-shadow:1px 1px 1px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;*/
}

.ecCtlProductCatalog div.productRow
{
	float:left;
	width: 100%;
}
.ecCtlProductCatalog div.product:hover
{
	/*background-color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	box-shadow:2px 2px 30px silver;
	-webkit-box-shadow:1px 1px 20px silver;
	-moz-box-shadow: 3px 3px 40px silver;*/
}

.ecCtlProductCatalog div.detail
{
	font-size:smaller;
	color:#666;
	margin-bottom: 20px;
	text-align: justify;
}

.ecCtlProductCatalog div.detail .ico
{
	float:left;
}

.ecCtlProductCatalog div.detail .info
{
	/*padding-left:10px;*/
}

.ecCtlProductCatalog .imgHoverable
{
	cursor:pointer;
}

.ecCtlProductCatalog div.productImage
{
	width:25%;
	padding-right: 10px;
}

.ecCtlProductCatalog h3
{
	font-size: 1.3em;
	font-weight: bold;
	color: #666;
	padding: 0px;
}

.ecCtlProductCatalog ul.actions
{
	text-align:right;
}

.ecCtlProductCatalog .action a:hover
{
	color: #666;
}

.ecCtlFieldSearch
{
    width:77%;
}

.text-align-center
{
	text-align:center;
}

.workflow-messages ul 
{
    list-style: none;
    padding-top: 2px;
}
.workflow-messages img
{
    margin: 5px;
    vertical-align: middle;
}
.workflow-messages .wf-info
{
    background-color: #DBDBFF;
}
.workflow-messages .wf-warning
{
    background-color: #FFFFB6;
}
.workflow-messages .wf-error
{
    background-color: #FFD2D2;
}
a.showdetails
{
    font-size: 80% !important;
}

input.validationerror
{
    border-color: #FF0000 !important;
}

div.dialogCloseButton
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(./images/delete.png);
}
td.columnType-Currency , td.columnType-Decimal
{
    text-align: right;
}
th.columnType-Currency , th.columnType-Decimal
{
    text-align: right;
}
th.centerAligned, td.centerAligned
{
    text-align: center;
}

.text_align_right_padd10
{
	text-align: right;
	padding-right: 10px !important; 
}
.hide
{
    display: none !important;
}
.segnet-searchInfoItems
{
    list-style: none;
}
.segnet-searchInfoItem
{
    display: inline-block;
    float: left;
    text-align:center;
}
.segnet-searchInfoItem a
{
    text-decoration:none;
}
.segnet-searchInfoItem-label
{
    font-size: 1.2em;
    font-weight: bold;
    color: #666666;
    padding-top: 5px;
}

.ecCtl h3.NavigatonHeader
{
	position: absolute;
	z-index: 1000;
	background-color: #666;
	color: white;
	margin-top: 6px;
	margin-left: 20px;
}

.ecCtl h3.NavigatonHeader span.back
{
	color:#ccc;
}

.ecCtl div.NavigatonHeaderAction
{
	position: absolute;
	right: 10px;
	margin-top: 8px;
	background-color: whiteSmoke;
	display: inline-block;
	z-index: 10;
}

.ecCtl div.NavigatonHeaderAction:hover
{
    white-space: nowrap;
    background-color: #cccccc !important;
    color: #666666;
    text-decoration: none;
}

.ecCtl div.NavigatonHeaderAction a
{
	white-space: nowrap;
	display: block;
	color: #666;
	text-decoration: none;
	text-align: center;
	padding: 7px 20px 4px 20px;
	margin: 0px;
	border: 1px solid #CCC;
	border-bottom: 1px solid white;
	font-weight: bold;
}

.ecCtl div.NavigatonHeaderGroupAction
{
	position: absolute;
	right: 10px;
	margin-top: 8px;
	display: inline-block;
	z-index: 10;
}

.ecCtl div.NavigatonHeaderGroupActionForm
{
	margin-top: 18px;
}

.ecCtl div.NavigatonHeaderAction a.AddAction
{
	background-image: url(../Content/ordered/images/customgrid/add.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 7px 5px 4px 20px;
}

.ecCtl div.NavigatonHeaderAction a.ViewAction
{
	background-image: url(../Content/ordered/images/search.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 7px 5px 4px 25px;
}


.ecCtl div.relative
{
    position:relative;
}

.ecCtl div.NavigatonHeaderGroupAction a:hover
{
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}

.ecCtl div.NavigatonHeaderGroupAction a.PreViewOnlyReadAction {
	background-image: url(../Content/ordered/images/search.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 10px 12px 10px 12px;
	float: left;
	border: none;
	margin-right: 5px;
	margin-top: 3px;
}

.ecCtl div.NavigatonHeaderGroupAction a.PreViewExecutionAction {
	background-image: url(../Content/ordered/images/process.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 10px 12px 10px 12px;
	float: left;
	border: none;
	margin-right: 5px;
	margin-top: 3px;
}

.ecCtl div.NavigatonHeaderGroupAction a.PreViewTarificationAction {
	background-image: url(../Content/ordered/images/euro.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 10px 12px 10px 12px;
	float: left;
	border: none;
	margin-right: 5px;
	margin-top: 3px;
}

/**** KeyPressAutoSearch ****/
.ecCtlAutoSearch
{
    width:75%;
    height: 18px;  
    width: 40%;  
    background: url(../Content/images/icona_buscar.gif) no-repeat 1px 1px !important;  
    background-position: right !important;
}

.alert-disabled
{
    background-color:Red
}    

.ecCtlFieldSearchCIC
{
    width:100px;
}

.defaultHide
{
    display:none;
}
.recoverdata-message { padding-left:10px; }

.shortLabel
{
    width:18px;
}

.shortText
{
   max-width: 30px; 
}
.left-10px{margin-left:-10px;}
.floatLeft{float:left;}
.floatLeft label{margin-left:-10px;}
.minutesInput{margin-left:-30px;}
.ecCtlIndented {
    margin-left: 130px;   
}
.ecCtlDefaultViewStyleDataGrid {
    margin-left: 10px;
}

.text-search
{
    height: 18px;
    width: 100%;
    background:url(../Content/images/icona_buscar.gif) no-repeat 1px 1px;
    background-position:right;
}

/* cargando transparente */
.blockUI.blockMsg.blockElement
{
   background-color:transparent !important;   
}

.ecInfoRow
{
    padding:5px;
}

.ecInfoRow:hover
{
    background: #f5f5f5 !important;
    color: #333333 !important;
}

.ml10
{
    margin-left: 10px;
}
.WidthInitial
{
    width: initial!important;
}
.force-bold
{
    font-weight: bold!important;
}
.ContentMessageOk
{
    padding: 20px;
}

.HideEmpresa:disabled
{
    background-color: #eee;
}

.divButton
{
    background-color: #cccccc;
    display: inline-block;
    border-bottom: 0px !important;
    border-right: 1px solid #ffffff;
    margin: 2px;
    padding: 0px;
    color: #222222;
    text-align:center;
    padding: 2px 16px 2px 16px;
    font-size: 1.1em;
    cursor:pointer;
}

.divButton a
{
    white-space: nowrap;
    display: block;
    
    text-decoration: none;
    
    
    
    margin: 0px;
}

.divButton:hover
{
    background: #999999;
    color: #ffffff;
}

.eCtlUserTypes input[type='textbox']
{
    width: 77%;
}
.readonlyTextArea
{
    border: 1px solid #e0e0e0;
    height: 40px;
    margin-right: -40px;
    outline: medium none;
    width: 200px;
    font-family: inherit;
    font-size: 11px;
}

.ContentMediadores{
	font-weight:bold;
	text-align:right;
	line-height: 20px;
	outline:2px solid #314A4F;
	padding:10px;
	margin:10px 1px 0 1px;
}
.ContentMediadores div{
	color:#314A4F;
	text-align:left;
	margin:10px 0;
}
.ContentMediadores div.Pasos{
	margin-left:20px;
	color:orange;
}
.ContentMediadores img{
	margin-top:10px;
	width: 60px;
}

.rangeselector
{
    border-color:#888888;
}
.rangeselector .noUi-base
{
    border-radius: 4px;
}
.rangeselector .noUi-background 
{
    background:#cccccc;
}
.rangeselector .noUi-connect, .rangeselector .noUi-base .noUi-background
{
    border-radius: 0px 4px 4px 0px;
}
.rangeselector .tooltipslider 
{
    background-color:#ffffff;
    border: 2px solid #333333;
    font-size: 10px;
    border-radius: 5px;
    top: 20px;
    left: -5px;
    width: 50px;
    height: 15px;
    cursor:  e-resize;
}
.rangeselector .no-Ui-handle::before
{
    top: -7px;
    background-color: #333333;  
}
.rangeselector .tooltipslider::before
{
    border-width: 0px 4px 4px 4px;
    border-color: #333333 transparent;
    left: 0px;
    top: -5px;
}
.rangeselector .tooltipslider::after
{
    border-width:0px;
}
ul.selected
{
    background-color: #CCCCCC;
    }
    
    
    .modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 75%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	
	background: #fff;
	background: -moz-linear-gradient(#fff, #fff);
	background: -webkit-linear-gradient(#fff, #fff);
	background: -o-linear-gradient(#fff, #fff);
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #cccccc; }