/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

 #mainmenu .material-icons{
	font-size:15px;
 }

 .operations .material-icons{
	font-size:20px;
 }

#logosystem{
	float:left;	
	height: 25px;
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 0; /* margin: 5px 0;*/
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form div.success label
{
	color: inherit;
}

div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

.alertMessage{
display: block;
font-size: 0.9em;
font-weight: bold;
color:#9F8000;
}

.successSummary
{	
	width: 90%;
	border: 2px solid #8FD105;
	padding: 7px;
	margin: 0 0 20px 0;
	background: #99FC78;
	font-size: 0.9em;
}


.alertSummary
{	
	width: 100%;
	border: 2px solid #FFCC00;
	padding: 7px;
	margin: 0 0 20px 0;
	background: #FFFF66;
	font-size: 0.9em;
}

.successSummary p, .alertSummary p
{
	margin: 0;
	padding: 5px;
}

.successSummary ul, .alertSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

.successSummary li, .alertSummary li
{
	list-style-type: none;
	font-weight: bold;
}

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}

/*ERP RULES*/
div.form #column
{
	
	float:left;
	width:48%;
	border:0px solid;	
	height: auto;	
}

div.form .onecolumn
{	
	width:100%;
}




#bar #states{
	padding-bottom: 0px;
	float:left;
}

#bar #barState
{
	/*float:left;*/
	font-weight: bold;
	font-size: 1.5em;
}
#bar #barButtons button
{

	border: 1px solid #dedede;
	border-radius: 3px;
	
	display: inline-block;
	font: bold 12px/12px HelveticaNeue, Arial;
	padding: 5px 5px;
	text-decoration: none;
	margin-right: 10px;
	background: #f5f5f5;
	
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7D6E7', endColorstr='#A6CCE1');



}


#bar #barButtons input:hover{
    background: #f4f4f4;
    border-color: green;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background:url("../img/icon/playmin.png") no-repeat #efefef;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}

#bar .current{

	color:#006699;
}

#barState .current:last-child {
	color:green;	
}



#bar .noCurrent{

	color:#999999;
}


#bar .old{
	text-decoration: line-through;
}
#bar{
	padding-bottom:15px;
}



#form .empty{
	
	color:#C0C0C0;
}

#bar .separator{
	font-size: 20px;
	color:#990033;
}

.addbutton{
	background:url(../img/icon/add.png) no-repeat;
	border: 0;
	padding-left: 30px;
	height: 24px;
}


.listForm {
	border-collapse:separate;    
    border-radius: 10px;
	background: url(bg.gif) repeat-x scroll left top blue;
	font-size:0.9em;
}

.listForm th{
	color:white;	
	border-left: 1px solid white;
	font-size:0.9em;	
}

.listForm td{
	background-color: #ECF4F9;
	border-collapse:separate;
	border-top: 1px solid white;
	vertical-align:top;
	font-size:0.9em;	
}

/*Listform ACTIVE*/
.listForm_row_Active td{
	background-color: Yellow;
	border-collapse:separate;
	border-top: 1px solid white;
	border-left: 1px solid white;
	
}


.form .empty{
	
	color:#C0C0C0;
	font-style: italic;
}


div.form input[type=text],
div.form textarea,
div.form select
{       
      width:200px;
}

/* DESIGN COMBOS*/
tr.ChildProduct input[name*="product_qty"]	{
	margin-left: 30px;
	opacity: .5;
    pointer-events: none;
}

/*
tr.ChildProduct select[name*="product_uom_id"]{	
	opacity: .5;
    pointer-events: none;
}*/

tr.ChildProduct td	{
	background-color: #F8F8F8;
}

form .fieldbarcode{
	background: url("../img/icon/barcodemini.png") no-repeat;
	padding: 5px 0 5px 30px;
	border-radius: 5px;
	border: 1px solid #C0C0C0;
	float:left;
	text-align: right;
}


.AutorizedAttribute{
	background: url("../img/icon/autorizedMini.png") no-repeat;	
	border-radius: 5px;
	border: 1px solid #C0C0C0;	
	text-align: right;
	width:20px;

}

.ConfigButton{
	background: url("../img/icon/configMini.png") no-repeat;	
	border-radius: 5px;
	border: 1px solid #C0C0C0;	
	text-align: right;
	width:20px;

}

td.CheckAccessAttribute{
	white-space:nowrap;
}

.CheckAccessAttribute select, .CheckAccessAttribute input:not(.AutorizedAttribute), .CheckAccessAttribute textarea{
	opacity: .5;
    pointer-events: none;
}

/*GRID COLUMN LIST*/
.ListColumnGrid {
	width:inherit !important; 
}

.filters td{
	  vertical-align: text-top;	 
}

.filters label, .filters{
font-family: Arial !important; 
 font-size:0.9em !important;
 font-weight: bold !important;
}

.filters input[type="text"]{
	width:90% !important;
	margin:0px 2px;	
}

.filters label{
	display:inline !important;
}
/*Corrige BUG de que DORPDOWNLIST en FILTERS aparece un espacio en blanco*/
.filters #column1{
	float:inherit !important;
}

.filter_date{
	font-size:11px;	
}

/*Formato de titulo*/
.TitleDocumentPath{
	font-size:0.8em;
	font-weight: bold;
	font-style: italic;
}

.TitleDocumentName{
	font-size:0.8em;
	font-weight: bold;
	font-style: italic;
}


.TitleDocumentNameSeparator, .TitleDocumentNameSeparator a{
	font-size:1em;
	text-decoration:none;
	font-weight: bold;
	color:black;
}



.TitleDocumentNamePrimary a, .TitleDocumentNamePrimary, .TitleDocumentPathPrimary, .TitleDocumentPathPrimary a{
	font-size:20px;
	text-decoration:none;	
	font-weight: bold;
	color:#FF6600;
}
.btnSuperior{
	display:flex;
	padding-bottom: 10px;
	padding-left: 8px;
}


.btnSuperior input,.btnSuperior button
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #fffcff;
	padding: 3px 6px;
	border-radius: 2px;
	border: 0;
	
}

.btnSuperior .button_view
 {
	background-image: linear-gradient(#f9a825,#f9a825);
}

.btnSuperior .button_save
 {
	background-image: linear-gradient(#60ad5e,#60ad5e);
}

.btnSuperior .button_create
 {
	background-image: linear-gradient(#2196F3,#0C76CD);
}
.btnSuperior .button_back
 {
	background-image: linear-gradient(#6d6d6d,#8d8d8d);
}


.btnSuperior .menuoptions{
	margin-left:auto;
}

.btnSuperior .menuoptions button{	
	clear: both !important;
	border: 1px solid #dedede;
	border-radius: 3px;
	color: #555;
	display: inline-block;
	font: bold 10px/10px HelveticaNeue, Arial;
	padding: 2px 2px;
	text-decoration: none;
	margin-right: 10px;
	background: #ECF4F9;
	border-color: #dedede #d8d8d8 #d3d3d3;
	box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	background: -moz-linear-gradient(top,  #ECF4F9, #ECF9F9);
	background: -webkit-linear-gradient(top,  #ECF4F9, #ECF9F9);
	background: o-linear-gradient(top,  #ECF4F9, #ECF9F9);
	background: ms-linear-gradient(top,  #ECF4F9, #ECF9F9);
	background: linear-gradient(top,  #ECF4F9, #ECF9F9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF4F9', endColorstr='#ECF9F9');
	margin-bottom: 5px;	
}

/*Se usa para convertir DropdownList a un simple texto*/
.DropDownListToText{
	/*border:0px; 
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;*/
}

/* Mas pequeña la columnas de CGRIDVIEW*/
.grid-view table.items th, .grid-view table.items td
{
	padding: 0.1em !important;
}

/*Formato fLOW en CGRIDVIEW*/

.ERPFlowColor{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;display: inline-block;width:auto;padding:2px;font-weight: bold;color:white;
}

.ERPtooltip .material-icons{
	font-size: 15px;
}


.ERPtooltip{
	font-size: 9px;
	padding-left: 10px;
	color:#999999;	
	position: relative;
	display: inline-block;	
}



/* Tooltip text */
.ERPtooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
  
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
  
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .ERPtooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .ERPtooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
  }

  .ql-editor, .basefilespreview{


	background-color: #E5E5E5;
	border:1px solid #DDDDDD;padding:5px;width:auto;margin:10px;
}



.CActiveForm_radiobuttonlist label{

	display:inline !important; 

}


.bigSubmit{
	/*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
	background-image: linear-gradient(#60ad5e,#60ad5e);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fffcff;
	padding: 3px 6px;
	border-radius: 2px;
	border: 0;

}