/** Add css rules here for your application. */

/* .gwt-Button { font-size: 250%; } */

/** Example rules used by the template application (remove for your app) */
h1 {
	color: Black;
	margin: 20px 0px 35px;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}

.redBackground {
    background-color: #ff7f7f !important;
    border: selectionBorderWidth solid #ff7f7f !important;
}
.yellowBackground {
    background-color: #fce94f !important;
    border: 2px solid #fce94f !important;
}

.redBackgroundCell {
    background-color: #6daaac !important;
}



.lbs-ChecadorCelda{
	color: black;
	cursor: pointer;
	cursor: hand;
}

.gwt-DisclosurePanel {
    background-color: #eff0f0;
}

.gwt-MenuBar-horizontal{
	color: white;
	background-image:none;
	background-color: #298843;
}
.gwt-MenuItem {
    padding: 5px 10px;
    vertical-align: bottom;
    color: white;
    font-weight: bold;
    background-color: #298843;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
    padding: 5px 10px;
    vertical-align: bottom;
    color: white;
    font-weight: bold;
    background-color: #298843;
}
.gwt-MenuBar .gwt-MenuItem-selected {
    background: #23a223;
}
.gwt-MenuBar-vertical .subMenuIcon {
    background: #298843;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
    background: #23a223;
}

.gwt-MenuBarPopup .menuPopupMiddleLeft {
    background:  #298843;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
    background:  #298843;
}
.gwt-MenuBarPopup .menuPopupTopCenter {
    background:  #298843;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
    background:  #298843;
}


.gwt-MenuBarPopup .menuPopupTopRightInner {
    background:  #298843;
}
.gwt-MenuBarPopup .menuPopupTopLeftInner {
    background:  #298843;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
    background:  #298843;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
    background:  #298843;
}



.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
    background-image: url("images/tabPanelHeader.png");
    padding-top: 6px;
    padding-left: 5px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
    margin-left: 4px;
    padding: 4px 8px;
    cursor: pointer;
    color: black;
    font-weight: normal;
    text-align: center;
    background: #d0dbef;
    border-radius: 5px 5px 0px 0px;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
    cursor: default;
    background: none repeat scroll 0% 0% white;
    color: rgb(51, 51, 51);
    font-weight: bold;
}

/* * { */
/*     outline: none; */
/* } */
/* button::-moz-focus-inner, */
/* input[type="reset"]::-moz-focus-inner, */
/* input[type="button"]::-moz-focus-inner, */
/* input[type="submit"]::-moz-focus-inner, */
/* input[type="file"] > input[type="button"]::-moz-focus-inner { */
/*     border: none; */
/* } */

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}


/* Formatting specific to the StockWatcher application */

/* body { */
/*   padding-top: 5px !important; */
/*   margin:0px  !important; */
/*   background-image: url(bg.png) !important; */
/* } */

.lizbet-login{
	background-image: url("images/login.png");
}

.lizbet-imageTable{
	border: 2px solid #aaebbc;
	border-radius: 7px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    minWidth: 100px;
    background-color: #FFFFFF;
}
.lizbet-shadowFrame{
	-webkit-box-shadow: 1px 1px 14px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 14px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 14px rgba(50, 50, 50, 0.75);
}

.error {
	color: Red;
}
.warning {
	color: Orange;
}
.gwt-Label.msg {
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	background-color: c7d0f1;
	color: mediumaquamarine;
	font-size: medium;
	font-style: italic;
	font-family: Consolas;
	font-weight: bold;
}
.msgErrorNoFrame {
	color: Red;
	padding: 5px;
	font-size: medium;
	font-style: italic;
	font-family: Comic Sans MS, Consolas, Arial;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}


.msgInfo {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
	font-size: medium;
	font-family: Comic Sans MS, Consolas, Arial;
	font-weight: bold;
	padding: 5px;
}

.msgWarn {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
	font-size: medium;
	font-family: Comic Sans MS, Consolas, Arial;
	font-weight: bold;
	padding: 5px;
}

.msgError {
    background-color: #ffdddd;
    border-left: 6px solid #f44336;
	font-size: medium;
	font-family: Comic Sans MS, Consolas, Arial;
	font-weight: bold;
	padding: 5px;
}

.msgSuccess {
    background-color: #ddffdd;
    border-left: 6px solid #4CAF50;
	font-size: medium;
	font-family: Comic Sans MS, Consolas, Arial;
	font-weight: bold;
	padding: 5px;
}

.menuHeader {
	color: Black;
	padding: 5px;
	font-size: large;
	font-style: italic;
	font-family: Arial;
	font-weight: bolder;
	vertical-align: middle;
	text-align: left;
}

.windowButton {
	margin: 0px;
	padding: 0px 0px;
	cursor: pointer;
	cursor: hand;
}
.windowButton:hover {
  border-color: #9cf #69e #69e #7af;
  cursor: hand;
}

.fieldButton {
	margin: 0px;
	padding: 1px 2px;
	border: 1px solid #ffffff;
	cursor: pointer;
	cursor: hand;
	vertical-align:middle;
}

.fieldButton:active {

}
.fieldButton:hover {
  border-color: #9cf #69e #69e #7af;
  cursor: hand;
}
.fieldButton[disabled] {
  cursor: default;
  color: #888;
}
.fieldButton[disabled]:hover {
  border: 1px outset #ccc;
}

.lizbet-TextBoxNeeded {
	padding: 3px;
	border: 1px solid #7f9db9;
	background-color: #dfe9f6;
}
.lizbet-TextBoxNeeded[disabled] {
	padding: 3px;
	border: 1px solid #7f9db9;
	background-color: #e9e9f6;
}
.lizbet-ComboBoxNeeded {
	border: 1px solid #7f9db9;
	background-color: #dfe9f6;
}


.AnchorCell {

}
.AnchorCell:hover {
	color: Green;
	cursor: pointer;
	cursor: hand;
}

.lizbet-Button-Cinta{
	color: Black;
	font-size: small;
	font-weight: bold;
	text-align: center;
/* 	background-image: url(/images/sections_bg.png); */
	cursor: pointer;
	cursor: hand;
}
.lizbet-Button-Cinta:active {

}
.lizbet-Button-Cinta:hover {
	color: Green;
	cursor: hand;
}
.lizbet-Button-Cinta[disabled] {
  cursor: default;
  color: #888;
}
.lizbet-Button-Cinta[disabled]:hover {
  border: 1px outset #ccc;
}


.lizbet-Button-Navigation{
	color: Black;
	font-size: small;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
.lizbet-Button-Navigation:active {
}
.lizbet-Button-Navigation-Selected {
	color: deepskyblue;
	font-size: small;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
.lizbet-Button-Navigation:hover {
	color: Green;
	cursor: hand;
}
.lizbet-Button-Navigation[disabled] {
  cursor: default;
  color: #888;
}
.lizbet-Button-Navigation[disabled]:hover {
  border: 1px outset #ccc;
}


.LizBet-Tutobar {
	background-image: url(images/commandBarTuto.png);
	background-repeat: repeat-x;
	
}
.LizBet-Commandbar {
/* 	background-image: url(images/commandBar.png); */
/* 	background-repeat: repeat-x; */
}
.LizBet-Header {
	background-color: #eff0f0;
}
.lizbet-Button-Cinta-Selected {
	color: deepskyblue;
	border-top: 1px solid #D9e0f1;
	border-right: 1px #D9e0f1;
	border-bottom: 1px #D9e0f1;
	border-left: 1px #D9e0f1;
	font-size: small;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	background-color: #D9e0f1;
	cursor: pointer;
	cursor: hand;
}

.lizbet-Button-Cinta-Navigation {
			background-image: url(images/center.png); /* 16px x 16px */
			background-color: transparent; /* make the button transparent */
			background-repeat: repeat-x;  /* make the background image appear only once */
			background-position: 0px 0px;  /* equivalent to 'top left' */
			border: 0px;           /* assuming we don't want any borders */
			cursor: pointer;        /* make the cursor like hovering over an <a> element */
			border: none;
			padding-top: 0px;
			vertical-align: middle;
			text-align: center;
}
.lizbet-Button-Cinta-Navigation:selected {
			background-image: url(images/center.png); /* 16px x 16px */
			background-color: transparent; /* make the button transparent */
			background-repeat: repeat-x;  /* make the background image appear only once */
			background-position: 0px 0px;  /* equivalent to 'top left' */
			border: 0px;           /* assuming we don't want any borders */
			cursor: pointer;        /* make the cursor like hovering over an <a> element */
			border: none;
			padding-top: 0px;
			vertical-align: middle;
}

.lizbet-Button-Cinta-Navigation::-moz-focus-inner{
	border: none;
}
.lizbet-Frame {
	border: thin node White;
	text-decoration: none;
}
.lbs-line {
	background-color: slategray;
}
.lbs-header {
	color: slategray;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.lbs-section-separator {
	background-image: url(images/VsSectionHeader.png);
	
	color : #FFFFFF;
	font-size: 18px;
	font-weight : bold;
	text-align : center;
	vertical-align : middle;
}
.BlackBold {
	color: Black;
	font-size: 16px;
	font-weight: bold;
}
.lizbet-clear {
	border: 0px;
}
.lizbet-border {
	border: 2px;
}
.totals {
	background-color: ghostwhite;
}
.listImage {
	margin: 0px;
	padding: 3px 5px;
	cursor: pointer;
	cursor: hand;
}
.listImage:hover {
  cursor: hand;
}


.StatusBar{
	background-image:url('images/FooterHeaderGray_40_180.png');
	border-color: #000000;
}


.lizbet-MultiRelation {
	padding: 4px;
	border: 1px solid #babdb6;
	background-color: #f1f1f1;
}


/* Punto de Venta */

.posBlock{
	padding: 1.5px;
	border: 2px solid #c6c6c6;
/* 	border-radius: 7px; */
/* 	-moz-border-radius: 7px; */
/*   -webkit-border-radius: 7px; */
/*   -khtml-border-radius: 7px; */
/*   minWidth: 80px; */
/*   background-color: #FF1AFF; */
  background-image:url('images/FooterHeaderGray_70.png');
	background-repeat:repeat-x;
}

.posBlockCotizacion{
	padding: 1.5px;
	border: 2px solid #c6c6c6;
/* 	border-radius: 7px; */
/* 	-moz-border-radius: 7px; */
/*   -webkit-border-radius: 7px; */
/*   -khtml-border-radius: 7px; */
/*   minWidth: 80px; */
/*   background-color: #FF1AFF; */
  background-image:url('images/FooterHeaderGray.png');
	background-repeat:repeat-x;
}

.posStack{
	border: 2px solid #c6c6c6;
/* 	border-radius: 7px; */
/* 	-moz-border-radius: 7px; */
/*     -webkit-border-radius: 7px; */
/*     -khtml-border-radius: 7px; */
    minWidth: 100px;
    background-color: #f8f8f8;
}

.posStackBg{
    background-color: #f8f8f8 !important;
    border: 1px solid #f8f8f8 !important;
}

.posQuotation{
	background-image:url('images/footerHeaderCot.png');
	background-repeat:repeat-x;
}

.posGoods{
	background-image:url('images/header.png');
	background-repeat:repeat-x;
/* 	background-color: #f8f8f8; */
}

.posLabel{
	padding-top: 5px;
	padding-right: 5px;
}

.pos-ListBox{ 
   color:green;
   border-left-style: solid;
}


.vsMenu{
	background-image:url('images/FooterHeaderGray_40.png');
	background-repeat:repeat-x;
	cursor: pointer;
	cursor: hand;
   border-left-style: solid;
   border-color: #c8c8c8;
   border-width:1px;
   font-weight:bold;
   
   
   text-align:center;
   padding-top:9px;
   
   height:30px;
   width:100px;
}
.vsMenu:hover{
	background-image:url('images/FooterHeaderGray_40_180.png');
	background-repeat:repeat-x;
}
.vsMenuLast{
   border-right-style: solid;
   padding-top:4px;
   height:35px;
}


.vsMenuSelected{
	background-image:url('images/FooterHeaderGray_40_180.png');
	background-repeat:repeat-x;
   border-left-style: solid;
   border-color: #c8c8c8;
   border-width:1px;
   font-weight:bold;
   
   
   text-align:center;
   padding-top:9px;
   
   height:30px;
   width:100px;
}

.vsItem{
	background-image:url('images/vsHeader.png');
	background-repeat:repeat-x;
	cursor: pointer;
	cursor: hand;
/*    border-style: solid; */
/*    border-color: #baff25; */
/*    border-width:1px; */
   text-align:lef;
   height:20px;
   
   padding-top:5px;
/*    padding-left:5px; */
}
.vsItem:hover{
	background-image:url('images/vsHeader_over.png');
	background-repeat:repeat-x;
}

.vsSectionHeader{
	background-image:url('images/VsSectionHeader.png');
	background-repeat:repeat-x;
   text-align:center;
   font-weight: bold;
   height:25px;
   color:white;
   padding-top:5px;
   text-align:center;
}
.vsSection{
	border: 1px solid #c8c8c8;
    background-color: #f8f8f8;
/*     margin:5px; */
/*     padding:1px; */
}


.vsStack{
	border: 2px solid #d7e0f1;
	border-radius: 7px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    minWidth: 100px;
    background-color: #f8f8f8;
    padding:5px;
}


/* time picker */
.timepickr-main { float: left; position: relative; background-color:#FFFFFF;}
.timepickr-display { float: left; height:14px; width: 55px; padding:1px; outline: none; text-align: center; border: solid 1px #D8D8D8; }
.timepickr-popup { position: absolute; left: 70px; top: 33px; width: 500px; }
.timepickr-row  {       position: relative; background-color: #FFFFFF; clear: both;
        float: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; 
        border:1px solid #FFFFFF; }
.timepickr-button { cursor: pointer; font-size: 9px; margin: 2px;
        padding: 4px 6px; font-weight: bold; text-align: center; -webkit-border-radius: 4px;
        -moz-border-radius: 4px; border-radius: 4px; background-color: #D2D3D6;
        border: 1px solid #B5B6B9; color: #5E6164; float: left; }
.timepickr-row .state-hover { background-color:#636567; border-color:#636567; color:#FFFFFF; }




.sectionDivisor{
	background-color:#DCE5ED; 
	text-align:center; 
	font-weight:bold;
	font-size:medium;
}