/*Contenedor principal de un formulario en pantalla completa*/
.formMainContent
{
	padding: 20px;
}

/* simple css-based tooltip */
#tooltip {
	Z-INDEX: 3000; POSITION: absolute; BORDER: #e79c00 1px solid; PADDING: 10px; BACKGROUND-COLOR: #fefaf2;
}
#tooltip H3 {
	MARGIN: 0px; FONT-SIZE: 0.95em; font-weight: normal; padding: 0px; font-weight: bold;
}
#tooltip DIV {

	MARGIN: 0px; FONT-SIZE: 0.95em; margin-top: 10px;
}

/* error container */

.errorsContainer
{
	/*background-color:#163356; 	color:#fff; 	width:100%;*/
	padding: 20px;
	display: none; /*-moz-border-radius:5px; 	-webkit-border-radius:5px;	*/
}

/* title */
.errorsContainer h3
{
	margin: -5px 0;
	color: yellow;
}

/* error message */
.error
{
	/* supply height to ensure consistent positioning for every browser */
	height: 15px;
	background-color: #FFFF99;
	border: 1px solid #E1E16D;
	font-size: 11px;
	color: #000;
	padding: 3px 10px;
	margin-left: -2px; /* CSS3 spicing for mozilla and webkit */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-box-shadow: 0 0 6px #ddd;
	-webkit-box-shadow: 0 0 6px #ddd;
}
.error p
{
	margin: 0;
}

/* input field that caused validation error */
.invalid
{
	border: 1px solid #666 !important;
	background-color: rgba(220, 220, 220, 1) !important;
}

.ecCtlFormEngine div.header
{
	background-color: #666666;
	padding: 5px 0px 7px 20px;
}

.ecCtlFormEngine div.header h2
{
	float: none;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
}

.wizard
{
	background: #fff url(/img/global/gradient/h600.png) repeat scroll 0 0;
	font-size: 12px;
	height: 300px;
	width: 100%;
	overflow: hidden;
	position: relative; /* rounded corners for modern browsers */
}

/* scrollable items */
.wizard .items
{
	width: 10000000em;
	clear: both;
	position: absolute;
}

/* single item */
.wizard .page
{
	width: 1200px;
	float: left;
}

.ecCtlFormEngine
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	width: 100%;
}

.formContainer
{
	overflow: visible;
	position: relative; /* rounded corners for modern browsers */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.formContainerLayoutTab
{
	border: 1px solid #CCC;
	padding: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.formContainerLayoutTab [titleinvisible=titleinvisible]
{
	padding-top: 20px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.formContainerLayoutTab a.mover
{
	background: #666;
	padding: 3px 30px;
	position: absolute;
	color: white;
	font-weight: bold;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

.formContainerLayoutTab .next-tab
{
	bottom: 0;
	right: 0;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

.formContainerLayoutTab .prev-tab
{
	bottom: 0;
	left: 0;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

.formContainerLayoutTab div.ui-tabs-panel
{
	padding:0px !important;
	padding-top:0px !important;
}

.formContainerLayoutTab ul
{
	background-image: url();
	border:0px;
}

.formContainer h2
{
	text-align: left;
	margin: 0px;
	padding: 4px 0px 4px 10px;
	background-color: #ccc;
	font-size: 1.2em;
	font-weight: bold;
}

.formContainer .sections
{
    border-bottom: 1px solid #CCC;
}

.formContainer .ecControlGroup.ecControlGroupSectionsGroup .sections
{
    border: 1px solid #CCC;
    width: 100% !important;
}

.formContainer .sections div[titleinvisible=titleinvisible]
{
    margin-top:-20px
}

.formContainer .ecControlGroup.ecControlGroupSectionsGroup div[titleinvisible=titleinvisible]
{
    margin-top:0px;

}

.formContainer div.ecControlGroup.ecControlGroupSectionsGroup 
{

    
}

.formContainer .sections div[titleinvisible=titleinvisible]:first-child
{
    margin-top:0px
}

.formContainer .ecControlGroup.ecControlGroupSectionsGroup
{
	margin-bottom: 20px;
}

.formContainer .ecControlGroup.ecControlGroupSectionsGroup.ecControlGroupSectionsGroup div[titleinvisible=titleinvisible]
{
    margin-top:0px
}
.formContainer .ecControlGroup.ecControlGroupSectionsGroup .section div[titleinvisible=titleinvisible]
{
    margin-top:-20px
}
.formContainer .ecControlGroup.ecControlGroupSectionsGroup .section div[titleinvisible=titleinvisible]:first-child
{
    margin-top:0px
}


.formContainer .sections ul
{
    background-image: url();
    border:0px;
    padding: 0px;

}


.formContainer .sectionRepeatable
{
	padding-bottom: 0px !important;
}

.formContainer .section
{
	padding: 10px 20px;
	border: 1px solid #CCC;
	border-top: 0px;
	background-color: whiteSmoke;
	border-bottom: 0px;
	
}

.formContainer .ecControlGroup.ecControlGroupSectionsGroup .section
{
	//background-color:red;
	border:0px;
	
}

.formContainer .section .deleteSection
{
	position: relative;
	float: right;
}

.formContainer fieldset
{
}

.formContainer fieldset.defaultfieldset
{
	clear: both;
	padding: 10px;
	border-left: 0px;
	border-top: 0px;
}

.formContainer div.itemsFieldSection
{
	display: inline-block;
	vertical-align: top;
	float: left; /*border: 1px solid gray;*/
}

.formContainer div.subsectiontwocolumns
{
	padding: 0px 5px 0px 0px;
	width: 49.3%;
	float: left;
}


.formContainer div.sectionnopadding  div.section
{
	padding: 0px;
	min-height:170px;
}

.formContainer div.sectionnopadding div.subsectiontwocolumns div.section
{
	padding: 10px;
	border: 1px solid #CCC;
	background-color: transparent;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.formContainer br
{
	clear: left;
}

.formContainer div.editor-label, div.editor-label-single
{
	display: inline;
	float: left;
	color: #666;
	font-weight: normal;
	margin-right: 10px;
	border-bottom: 1px solid #CCC;
}

.formContainer div.editor-label-single
{
	border-bottom: 0px;
}

.formContainer .editor-description
{
	color: #666;
	border-bottom: 0px;
}

.formContainer .editor-title
{
	color: #666;
	font-weight: bold;
	font-size: 14px;
	height: 50px;
}

.formContainer .editor-advice
{
	color: #FFFFFF;
	background-color: #FF6666;
	font-weight: bolder;
	padding: 2px 0px 2px 10px;
	margin: 5px 0px 5px 0px;
}

.formContainer .editor-advice span
{
	padding-bottom: 10px;
}

.formContainer div.editor-label .label
{
	text-align: left;
	display: block;
	width: 165px;
}

.formContainer div.editor-label .required
{
	font-weight: bold;
	color: #333;
}

.formContainer div.label .formContainer div.editor-field
{
	margin: 0.5em 0px;
	padding-left: 10px;
	display: inline;
}

.formContainer .datePicker
{
	vertical-align: top;
	margin-right: -22px;
	text-align: left;
}

.formHelp
{
	float: left;
	font-weight: bold;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
}

.ecCtlRepeatableActions
{
    background-color: whiteSmoke;
    padding: 10px 20px;
	border: 1px solid #CCC;
	border-top: 0px;
	border-bottom: 0px;
}

.ecCtlRepeatableActions div.footer_buttons
{
    border-left: 0px solid #CCC;
	border-right: 0px solid #CCC;
}

.ecCtlRepeatableActions div.footer_buttons_right
{
	/*float: right;*/
	TEXT-ALIGN: right;
	vertical-align: middle;
}

.ecCtlMiddleAvailableActionsNoBorder.ecCtlAvailableActionsMain div.footer_buttons
{
    border:0px;
}

.ecCtlMiddleAvailableActionsNoBorder div.ecCtlAvailableActions div.footer_buttons
{
	padding:0px;
}

.ecCtlRepeatableActions .addButton
{
	cursor: pointer !important;
	background: #666;
	font-size: 1.1em;
	border: 1px solid #666 !important;
	color: white;
}

.ecCtlAvailableActionsMain div.footer_buttons
{
	border-left: 10px solid #CCC;
	border-right: 1px solid #CCC;
}

.ecCtlAvailableActions div.footer_buttons
{
	padding:10px;
}

.ecCtlAvailableActions div.footer_buttons_left
{
	/*float: left;*/
	TEXT-ALIGN: left;
	vertical-align: middle;
}

.ecCtlAvailableActions div.footer_buttons_right
{
	/*float: right;*/
	TEXT-ALIGN: right;
	vertical-align: middle;
}

.ecCtlAvailableActions .primaryButton, .secondaryButton
{
	cursor: pointer !important;
	background: #666;
	font-size: 1.1em;
	border: 1px solid #666 !important;
	color: white;
}

.ecCtlAvailableActions .secondaryButton
{
	background: #AAA;
}

.ecCtlAvailableActions .primaryButton:active
{
	/*background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#AAA));
	background: -moz-linear-gradient(top,  #CCC,  #AAA);*/
}

.ecCtlAvailableActions .secondaryButton:active
{
	/*background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#AAA));
	background: -moz-linear-gradient(top,  #CCC,  #AAA);*/
}

.formContainer td
{
	padding-right:10px;
}

.formContainer td.required
{
	font-weight: bold;
	color: #333;
}

/* recoverdata - jQuery UI Widget */
.ui-recoverdata
{
	position: absolute;
	z-index: 16000;
	min-height: 100px;
	border-color: #CCB;
	border-width:2px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.ui-recoverdata input, .ui-recoverdata select
{
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.ui-recoverdata div
{
}
.ui-recoverdata-button
{
	height: 2em;
	width: 2em;
	margin: .1em;
	cursor: pointer;
}
.ui-recoverdata-widekey
{
	width: 4em;
}
.ui-recoverdata-space
{
	width: 15em;
}
.ui-recoverdata-preview
{
	text-align: left;
	margin-bottom: 3px;
}
/* width: 100%; now full window width in IE =( */
.ui-recoverdata-keyset
{
	text-align: center;
}
.ui-recoverdata-input
{
	text-align: left;
}
.ui-recoverdata-input.placeholder
{
	color: #888;
}

/* only used in IE to prevent clicking in another input/textarea */
.ui-recoverdata-overlay
{
	height: 100%;
	width: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15999;
}
.ui-no-border-input-recoverdata
{
	border: 1px solid #ccc !important;
	background: #CCB; /*url(/Content/images/icona_buscar.gif) no-repeat 1px 1px !important;*/
	cursor: pointer;
	font-weight:bolder;
	float: left;
}

.ui-no-border-input-recoverdata.loading
{
	color: #ACACAC;
}

.ui-no-border-input-recoverdata-icon
{
	width: 18px;
	height: 18px;
	vertical-align: top;
	cursor: pointer;
	-moz-border-radius: 4px;  
	position: relative;
	background-color: transparent;
	/*margin-left: -3px;*/
	border: 0px !important;
	background: transparent;
	margin-left: -18px !important;
}

.ui-no-border-input-recoverdata-icon-clear
{
	/*float: left;
	position: absolute;
	margin-left: -21px !important;*/
}
.ecCtlFormEngine div.info
{
	background: #CCC;
	clear: both;
	font-size: 0.9em;
	padding: 10px;
}

.ecCtlFormEngine div.img-right
{
	text-align: right;
	float:right; 
	position: relative;
	top: 30px;
	right: 5px;
}

.ecCtlFormEngine select, .ecCtlFormEngine textarea
{
	border: 1px solid #666;
	font-size: 1em;
	margin: 0px 0px 4px 0px;
	padding: 0;
	color: #666;
}

.ecCtlFormEngine input[type=checkbox]
{
    border:none !important;
}

.ecCtlFormEngine input.disabled, select.disabled
{
    background-color:whiteSmoke;
    border: 0px !important;
    font-weight: bold;
    font-style: italic;
    padding-top: 2px;
    padding-bottom: 2px;
}


/*** ecCtlCompanySelection ***/
.ecCtlCompanySelection
{
	width:900px;
}

.ecCtlCompanySelection div.company
{
	float:left;
	padding: 1px;
}

.ecCtlCompanySelection div.company input
{
	width:10px;
}

.ecCtlCompanySelection div.company label
{
	display: inline-block;
	width:80px;
	padding-left:15px;
	margin: 0px 4px 0px 4px;
}

.ecCtlCompanySelection div.company label.selected
{
	background-color: #999;
	color: white;
}


/*** ecCtlPermissionsSelection ***/
.ecCtlPermissionsSelection
{
	width:900px;
}

.ecCtlPermissionsSelection div.selectable
{
	float:left;
	padding: 1px;
	white-space: nowrap;
}

.ecCtlPermissionsSelection div.selectable input
{
	width:10px;
}

/* Caso anterior (compatibilidad prog. part) */
.ecCtlPermissionsSelection>div>div.selectable label
{
    display: inline-block;
    min-width: 250px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px 4px 0px 4px;
    border: 1px solid #666;
}

/* Caso actual */
.ecCtlPermissionsSelection>div>div>div>div.selectable label
{
    display: inline-block;
    min-width: 120px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 1px 4px 0px 4px;
    border: 1px solid #666;
}

.ecCtlPermissionsSelection div.selectable label.selected, .ecCtlPermissionsSelection div.div.div.selectable label.selected
{
	background-color: #999;
	color: white;
}

.permissionsCategory
{
    float:left;
    padding-bottom:10px;
    padding-top: 5px;
}

.permissionsCategory>div:first-child
{
     margin-left:-10px;
     float: left;
}

.permissionsCategoryContent
{
    padding-bottom:10px;
    padding-left: 138px;
    width: 750px;
}

.fileUpload 
{
    background: none !important;
    border: none !important;
}

.ecCtlFormEngine input.disabled.ui-no-border-input-recoverdata.disabled
{
	border-bottom:1px solid #CCC !important;
	padding: 2px;
}

.ecCtlFormEngine img.tooltip-image
{
	cursor:pointer; 
	margin-left: 3px; 
}

.ecCtlFormEngine span.tooltip-box
{
	cursor:pointer;
	margin-left: 10px;
	display: none;
	margin-top: -10px;
	font-weight: normal;
	color: #666;
}

.page-switcher {
  -webkit-transition: width 150ms, right 150ms, background-color 150ms;
  background-color: transparent;
  border: none;
  bottom: 0;
  font-size: 40px;
  margin: 0;
  max-width: 150px;
  min-width: 30px;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 5;
  color: transparent;
  display: table-cell;
  vertical-align: middle;
}

.page-switcher:hover,
.page-switcher:focus,
.page-switcher.drag-target {
  background-color: rgba(0,0,0, 0.06);
  color: #666;
  cursor:pointer;
}


.ecCtlAvailableActions div.action-group
{
    position: absolute;
    z-index: 1000;
    background-color:White;
}

.ecCtlAvailableActions div.action-group  .groupActionButton
{
    background: #f5f5f5;
    cursor:pointer;
	white-space: nowrap;
    display: block;
    white-space: nowrap;
    color: #666666;
    text-decoration: none;
    padding: 4px 5px 4px 20px;
    border: 0px solid;
    border-left: 10px solid #CCC !important;
    -webkit-appearance: none;
    list-style: none;
    width:150px;
    text-align: left;
    margin: 1px 0px 0px 0px;
    font-size: 1.1em;
}

.ecCtlAvailableActions div.action-group  .groupActionButton:hover
{
    white-space: nowrap;
    background: #999999;
    color: #ffffff;
    text-decoration: none;

}

/*Sección para la administración de formularios*/

.ecCtlFromTree
{
	
}

.ecCtlFromTree img.form-row-img
{
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ecCtlFromTree span.form-row-span
{
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
}


.ecCtlFromTree h3.form-row-h3
{
	font-size: 2.0em;
	overflow: hidden;
	height: 50px;
	width: 700px;
	position: absolute;
	margin-left: 25px;
}

.ecCtlFromTree img.section-row-img
{
	margin-top: 10px;
	margin-right: 10px;
}

.ecCtlFromTree span.section-row-span
{
	font-size:large
}

.ecCtlFromTree img.field-row-img
{

}

.ecCtlFromTree span.field-row-span
{
	margin-left:5px;
}

.ecCtlFromTree span.section-row-generic
{
	/*color: #3333CC;*/
	width: 300px;
	position: absolute;
}

.ecCtlFromTree span.field-row-predefined
{
	/*color: #009900;*/
	font-weight: normal;
}


.ecCtlFormEngine fieldset.inputlistitem-admin
{
	max-height: 400px;
	width: 900px;
	overflow:auto;
	margin-top: -20px
}

.ecCtlFormEngine fieldset.inputlistitem-admin label
{
	font-weight: bold;
	font-size: 1.1em;
}

.ecCtlFormEngine fieldset.inputlistitem-admin ul 
{
    list-style: none;
    clear:both;
}


.ecCtlFormEngine fieldset.inputlistitem-admin li 
{
    width:100px;
    float:left;
    padding-left: 5px;
    height: 20px;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.position
{
    width:50px;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.name
{
    width:310px;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.key
{
    width:130px;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.campofiltro
{
    width:130px;
    padding-left: 15px !important;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.actions
{
    width:50px;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.full
{
    width:605px;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.top10
{
    margin-top:10px;
}

.ecCtlFormEngine fieldset.inputlistitem-admin li.new
{
	background-color: #CCC;
	padding: 10px 0px 5px 5px;
	margin-bottom: 10px;
}

.ecCtlFormEngine span.ui-dropdownchecklist
{
	margin-bottom: 5px;
}
form.ecCtlFormEngine
{
	overflow-y: auto !important;
}

.inputHeaderImage
{
	margin-top: -35px;
	position: absolute;
	right: 10px;
}

.ecCtlFormEngine input
{
    padding-left:4px;
    padding-right:4px;
}

.ecCtlFormEngine .modifiedhist
{
    background-color: #FFFF7D !important;
}

.ecCtlFormEngine .addedhist
{
    background-color: #FFFF7D !important;
}

.ecCtlFormEngine .deletedhist
{
    background-color: #FFFF7D !important;
}

.ecCtlFormEngine input[type=checkbox].modifiedhist:parent
{
    background-color: #FFFF7D !important;
}

.ecCtlFormEngine input[type=checkbox].addedhist:parent
{
    background-color: #FFFF7D !important;
}

.ecCtlFormEngine input[type=checkbox].deletedhist:parent
{
    background-color: #FFFF7D !important;
}

.ecCtlFormEngine input[type='number']::-webkit-outer-spin-button,
.ecCtlFormEngine input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* description-bold estilo css para marcar las descripciones como si pareciera un campo obligatorio */
.formContainer .editor-description span.description-bold
{
    font-weight: bold;
    color: #333;
}
.formContainer .editor-description span.description-bold:after
{
       content: "*";
}

/*** ecCtlOfficesSelection ***/
.ecCtlOfficesSelection
{
	width:900px;
}

.ecCtlOfficesSelection div.selectable
{
	float:left;
	padding: 1px;
	white-space: nowrap;
}

.ecCtlOfficesSelection div.selectable input
{
	width:10px;
}

.ecCtlOfficesSelection div.selectable label
{
	display: inline-block;
	width:150px;
	padding-left:15px;
	margin: 0px 4px 0px 4px;
	border: 1px solid #666;
}

.ecCtlOfficesSelection div.selectable label.selected
{
	background-color: #999;
	color: white;
}


/*** ecCtlComOfficesSelection ***/
.ecCtlComOfficesSelection
{
	width:900px;
}

.ecCtlComOfficesSelection div.selectable
{
	float:left;
	padding: 1px;
	white-space: nowrap;
}

.ecCtlComOfficesSelection div.selectable input
{
	width:10px;
}

.ecCtlComOfficesSelection div.selectable label
{
	display: inline-block;
	width:150px;
	padding-left:15px;
	margin: 0px 4px 0px 4px;
	border: 1px solid #666;
}

.ecCtlComOfficesSelection div.selectable label.selected
{
	background-color: #999;
	color: white;
}