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


/** Example rules used by the template application (remove for your app) */
body, table td, select, * {
	font-family: "Microsoft Sans Serif", "Sans Serif", Sans, Serif;
	font-size: 8pt;
	/* overflow: hidden; */
}
input[type="checkbox"] {
	padding: 0px;
	margin: 3px 3px 3px 0px;
}

.optionRed {
	color:red;
}
.optionGreen {
	color: green;
}
.optionGray {
	color:gray;
}

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

/** Edit product table styles */
#product-label {
	text-align: right;
}

/** Most GWT widgets already have a style name defined */
.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

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

#editElementWindow {
	width: 500px;
	height: 500px;
}
.product-label-cell {
	width: 75px;
}

.gwt-product-Label-right {
	text-align: right;
	margin: 0px 3px 0px 0px;
}

.gwt-TextBox {
	color: black;
	vertical-align: middle;
	border: 1px solid #99ccff;
	padding: 1px 0px 2px 0px;
	margin: 0px 3px 0px 0px;
}

.gwt-TextBox-readonly {
	color: black;
	vertical-align: middle;
	border: 1px solid #99ccff;
	padding: 1px 0px 2px 0px;
	margin: 0px 3px 0px 0px;
}

/** table view changes */
.gwt-TabPanel {
	padding: 4px 0px 0px 0px;
}
.gwt-TabPanelBottom {
	padding: 2px;
	border-width: 1px;
}
.gwt-TabBar .gwt-TabBarItem {
	font-weight: normal;
	margin: 0px 2px 0px 0px;
}
.gwt-TabBarFirst-wrapper {
	display: none;
}

.mini-button {
	font-size: 7pt;
	margin: 0px 0px 0px 3px;
	padding: 2px 0px 2px 0pt;
}
.fixed-fields {
	border: 0px;
	margin: 0px;
}

.advanced-TextButtonPanel {
	margin: 0px 3px 0px 0px;
}

#ADDED STYLES 
.gwt-TabLayoutPanel {
 height: 100%;
 margin: 0px 0px 0px 0px;
}
 
/** the tab bar */
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
 background-color: transparent;
   margin: 0px 0px 0px 0px;
   border:1px;
}
 
/** the individual tab in the tab bar */
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  background:#E0E0E0 ;
	color: black;
	margin: 0px 2px 0px 0px;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;
} 
 
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
 cursor: default; 
 background:#B0B0B0  
}
 
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
 font-style: normal;
 border: 1px;
}
 
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner {
}
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}
.gwt-HorizontalSplitPanel .hsplitter  {
	background-color: #C3D9FF;
   cursor: move;

}
.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
	background-color: #C0C0C0;
	cursor: col-resize;
}

.buttonBack{
	background: transparent url(gfx/buttons24/arrowleft_green_24.png) ;
	width: 26px;
	height: 26px;
	border: transparent;
	background-repeat: no-repeat;
	}
	
	.buttonForward{
	background: transparent url(gfx/buttons24/arrowright_green_24.png) ;
	width: 26px;
	height: 26px;
		border: transparent;
		background-repeat: no-repeat;
	}
	.buttonFolders{
	background: transparent url(gfx/buttons24/folders_24.png) ;
	width: 26px;
	height: 26px;
		border: transparent;
		background-repeat: no-repeat;
	}
	.buttonUpFolder{
	background: transparent url(gfx/buttons24/up_folder_24.png) ;
	width: 26px;
	height: 26px;
		border: transparent;
		background-repeat: no-repeat;
	}
	.disclousureLabel {
	height: 20px;

		color: white;
		margin-left: auto;
		padding-left: 5px;
		font-size: 12pt;
		font-style: normal;
		font-weight: bold;
		background-color: dodgerblue;
		background-image: url(gfx/labels/element_ar_down_transparent.png);
	}
	.disclousureHPanel {
padding-top: 4px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
margin-top:0px;

	}
	.disclousureVPanel {
border-top: 1px solid grey;
border-left: 1px solid grey;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
padding-bottom: 0px;
padding-top: 0px;
	}
	.infoLabel {
		color: black;
		font-size: 8pt;
		font-style: normal;
		font-weight: normal;
		vertical-align: middle;
		text-align: left;
	}
	.buttonBack:hover {
	border: 1px solid #939393;	
	}
	.buttonForward:hover {
border: 1px solid #939393;	
	}
	.buttonFolders:hover {
border: 1px solid #939393;	
	}
	.buttonUpFolder:hover {
border: 1px solid #939393;	
	}
	.elemImage {
margin: 5px 5px 5px 5px;
	}
	.txtImage {
		display: inline;
		float: left;
		border: thick solid transparent;
	}
	imgButton1 {
	background: transparent url(gfx/buttons24/up_folder_24.png) ;
	}
	.txtImage-Selected {
		display: inline;
		float: left;
		border: thick solid black;
		background-color: ghostwhite;
	}
	.gwt-Label1 {
	}
	
	.gwt-MenuBarCM {
		border: thin;
		font-size: 10pt;
		text-align: left; 
 
   }
   .gwt-MenuBarCM .gwt-MenuItem {
   	font-size: 10pt;
   	text-align: left; 
      
   }
   .gwt-MenuBarCM .gwt-MenuItem-selected { 
   	font-size: 10pt;
   	text-align: left;
   	background-color: ButtonFace; 
   }
   
   	.gwt-MenuBar {
		border: thin;
		font-size: 8pt;
		text-align: left; 
 
   }
   .gwt-MenuBar .gwt-MenuItem {
   	font-size: 8pt;
   	text-align: left;       
   }
   .gwt-MenuBar .gwt-MenuItem-selected { 
   	font-size: 8pt;
   	text-align: left;
   	background-color: #E6E4E4; 
   }
   
   .gwt-MenuItem {
   	font-size: 8pt;
   	text-align: left;       
   }
   .buttonBackDisabled{
background: transparent url(gfx/buttons24/arrowleft_grey_24_d.png) ;
  width: 26px;
	height: 26px;
	border: transparent;
	background-repeat: no-repeat;
   }
   .buttonForwardDisabled {
	background: transparent url(gfx/buttons24/arrowright_grey_24_d.png) ;
  	width: 26px;
	height: 26px;
	border: transparent;
	background-repeat: no-repeat;
   }
   .partialCheck {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";


  filter: alpha(opacity=50);


  -moz-opacity: 0.5;


  -khtml-opacity: 0.5;

 
  opacity: 0.5;
   }
   .WithoutFrame {
   }
   .noScroll {
overflow:hidden;
   }
   
/*input label aligment*/
label {
	position: relative;
    padding-top: 0px;
    top: -2px;
    text-indent: 15px;
}

label .gwt-MenuItem{
	/*position: relative;*/
    padding-top: 0px;
    top: -2px;
    text-indent: 15px;
}

.gwt-MenuItemArrow{
    font-size: 8pt;
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    top: -9px !important;
} 

div .dialogTopCenterInner{
    background: azure;
}	

.gwt-DialogBox{
    left: 229px;
    top: 100px !important;
    visibility: visible;
    position: absolute;
    overflow: visible;
    z-index: 1000;
}

.gwt-DialogBox .Caption {
	background: #f7b850;
    padding: 4px 4px 4px 8px;
    cursor: default;
    border-bottom: 1px solid #bbbbbb;
    border-top: 0px solid #e3e3e3;
    color: white;
    font-weight: bold;
    font-size: 13px;
}

.gwt-DialogBox .dialogTopRight {
	background: none !important;
}

.gwt-DialogBox .dialogTopLeft {
	background: none !important;
}

.gwt-DialogBox .dialogMiddleLeft {
	background: none !important;
}

.gwt-DialogBox  .dialogMiddleRight {
	background: none !important;
}

.gwt-DialogBox .dialogBottomLeft {
	background: none !important;
}

.gwt-DialogBox .dialogBottomCenter {
	background: none !important;
}

.gwt-DialogBox .dialogBottomRight {
	background: none !important;
}

.gwt-DialogBox .dialogMiddleCenter {
    padding: 5px;
    background: white;
}

/*PARAM WINDOW TABS*/
.flm_BOMTab{
	cursor: default;
	color: red !important;
	background-color: #ABBDEF !important;
}

.flm_BOMTab-selected{
	cursor: default;
	color: black !important;
	background-color: #8F8FBD !important;
}

.gwt-TextArea, .gwt-TextBox{
	background-color: white;
}

/*Model buttons*/
.buttonPause{
	z-index:100;
	position: relative;
	top: 230px;
	left: 116px;	/*101px;*/	
	background-color: Transparent;
	background-image: url("gfx/model/svg/dark_gray/baseline-pause_circle_outline-24px.svg");
	background-repeat:  no-repeat;
	height:	26px;
	width:	26px;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
.buttonPlay{
	z-index:100;
	position: relative;
	top: 230px;
	left: 116px;	
	background-color: Transparent;
	background-image: url("gfx/model/svg/dark_gray/baseline-play_circle_outline-24px.svg");
	background-repeat:  no-repeat;
	height:	26px;
	width:	26px;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
.buttonTopBottom{
	z-index:100;
	position: relative;
	top: 230px;
	left: 71px;	
	background-color: Transparent;
	background-image: url("gfx/model/svg/dark_gray/baseline-rotate_left-24px.svg");
	background-repeat:  no-repeat;
	height:	26px;
	width:	26px;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	display: none;
}
.buttonRotLeftRight{
	z-index:100;
	position: relative;
	top: 230px;
	left: 71px;
	background-color: Transparent;
	background-image: url("gfx/model/svg/dark_gray/baseline-360-24px.svg");
	background-repeat:  no-repeat;
	height:	26px;
	width:	26px;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	display: none;
}
.buttonRotAbout3D{
	z-index:100;
	position: relative;
	top: 10px;			/*230px;*/
	left: 191px;		/*101px;*/
	background-color: Transparent;
	background-image: url("gfx/model/svg/dark_gray/baseline-outline-aspect_ratio-24px.svg");
	background-repeat:  no-repeat;
	height:	26px;
	width:	26px;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
.buttonZoomIn{
	z-index:100;
	position: relative;
	top: 40px;			/*20px;*/
	left: 165px;	
	background-color: Transparent;
	background-image: url("gfx/model/svg/dark_gray/baseline-zoom_in-24px.svg");
	background-repeat:  no-repeat;
	height:	26px;
	width:	26px;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
.buttonZoomOut{
	z-index:100;
	position: relative;
	top: 66px;			/*46px*/
	left: 135px;	
	background-color: Transparent;
	background-image: url("gfx/model/svg/dark_gray/baseline-zoom_out-24px.svg");
	background-repeat:  no-repeat;
	height:	26px;
	width:	26px;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

canvas {
    position: absolute;
    top: 88px;
    left: 6px;
}

.btn-color{
    -webkit-filter: hue-rotate(220deg) saturate(5);
    filter: hue-rotate(220deg) saturate(5);
}

td #download_chechbox {
	width: 100%;
	padding-left:4px;
}

.no_model{
  background-image: url("gfx/coming_soon.png");
}