/***Script Objects ****************************************************************************************/
#obj
{
	margin-top: -32px;
}


.smcNotPreferred
{
	color: #808080;
	padding: 2px 0px 2px 2px;
}
.smcPreferred
{
	color: #000;
	padding: 2px 0px 2px 2px;
}


.smcButton
{
    width: 170px;
    height: 55px;
    line-height: 16px; 
    display:inline-block; 
    vertical-align:middle;
    text-align: center;
    font-size: 1.1em;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    position:relative;
    overflow: hidden;
	z-index: 1;
}



.smcButton .btnText {
    padding-top: 12px;
    padding-left: 40px;
    width: 124px;
    height: 44px;
    display: table-cell;
    vertical-align: middle;
}



.btnRight 
{
    float: right;
}

.btnInstall 
{
    background: url(../img/btnInstallation2.png);
}

.btnInstall:hover
{
    background: url(../img/btnInstallation2hover.png);
}

.btnRequest 
{
    background: url(../img/btnMail.png);
}

.btnRequest:hover
{
    background: url(../img/btnMailhover.png);
}

.btnExcel 
{
    background: url(../img/btnExcel.png);
}

.btnExcel:hover
{
    background: url(../img/btnExcelhover.png);
}

.btnDrill 
{
    background: url(../img/btnDrill.png);
}

.btnDrill:hover
{
    background: url(../img/btnDrillhover.png);
}

.btnCable 
{
    background: url(../img/btnCable.png);
    border: 0;
}

.btnCable:hover
{
    background: url(../img/btnCableHover.png);
    border: 0;
}

.btnDynAsmDimension {
	margin-top: 14px;
	float: right;
	display: flex;
	align-items: center;
}











.btnTable
{
	padding: 4px;
    width: 100%;

 /*
    display: table;
    border-spacing:0;
    margin-bottom: 10px;
    width: 100%;
	 */
}

.btnTable td 
{
    width: 240px;
}


.webEditSave
{
	position: relative;
	display: none;
	cursor: pointer;
}

.webUpDown {
	position: absolute;
	display:block;
	float: left;
	z-index: 1;
	margin-top: 6px;
}
.updown_up
{
	position: absolute;
	padding: 0;
	font-size: 16px;
    top:16px;
    height:20px;
    width: 20px;
}
.updown_down
{
	position: absolute;
    top:16px;
    height:20px;
	padding: 0px;
	font-size: 16px;
    width: 20px;
}
#webUpDownMin
{
	display: none;
}
#webUpDownMax
{
	display: none;
}



.webTreeView
{
	cursor: pointer;
	position: absolute;
	display:block;
	z-index: 1;
	vertical-align: top;
	overflow: auto;
	color: #444;
}

.webTreeView ul
{
	line-height: normal;
	white-space: nowrap;
    list-style:none;
	padding-left:20px;
}

.webTreeView > ul
{
    margin: 0;
    padding: 0;
}


.webTreeView ul li
{
	line-height: normal;
	white-space: nowrap;
}

.webTreeView ul li img
{
	vertical-align: text-bottom;
	display: inline-block;
}

.webTreeView ul li .text
{
	display: inline-block;
}
 
.webTreeView ul li:not([disabled="disabled"]) .text:hover
{
	color: #000;
	text-decoration:underline;
}
.webTreeView ul li[disabled="disabled"]
{
	color: #aaa;
}

.webTreeView ul li[disabled="disabled"] img
{
	opacity: 0.5;
}

.webConfigGrid {
    position: absolute;
    display: block;
    z-index: 1;
    vertical-align: top;
}

.webConfigGrid .line {
    width: 100%;
    margin: 4px 0;
    line-height: 24px;
    font-size: 12px;
}

.webConfigGrid .line .caption {
    display: inline-block;
    margin: 0 2px;
    text-align: right;
}

.webConfigGrid .line input[type=text] {
    display: inline-block;
    margin: 0 2px;
    font-size: 12px;
    border: 1px solid #bbb;
    padding: 4px
}

.webConfigGrid .line select {
    display: inline-block;
    margin: 0 2px;
    font-size: 12px;
    border: 1px solid #bbb;
    padding: 4px
}

.webConfigGrid .line input[type=checkbox] {
    display: inline-block;
    margin: 0 11px 0 2px;
}

.webConfigGrid .line img {
    display: inline-block;
    margin: 0 8px;
    vertical-align: text-bottom;
}

.webConfigGrid .line .text {
    display: inline-block;
    margin: 0 2px;
}

.webMultiInput {
	position: absolute;
	display: block;
	z-index: 1;
	vertical-align: top;
	opacity: 1;
}

.webMultiInput .caption {
	display: inline-block;
	vertical-align: top;
	line-height: normal;
	padding-top: 4px;
}



.webMultiInput .unit
{
	display: inline-block;
	vertical-align: top;
	line-height: normal;
	padding-top: 4px;
}

.webMultiInput .rangeEdit
{
	display: inline-block;
	width: 60px;
	top: 0px;
	height: 19px;
	margin-left: 12px;
	text-align: right;
	vertical-align: top;
}

.webMultiInput .rangeEdit:disabled {
    opacity: 0.5;
    background-color: #fff;
    border: 1px solid #aaa;
}

.webMultiInput label
{
	display: inline-block;
	padding-top: 0px;
	margin:0;
}
.webMultiInput input[type="radio"]
{
	vertical-align: sub;
	margin-top: 5px;
}

.uiMultiButtons {
	display: flex;
	flex-direction: row;
	position: absolute;
	top: 0px;
}

.uiMultiButtons[disabled] {
	pointer-events: none;
	opacity: 0.2;
}

.uiMultiButtons div {
	margin: 0 2px;
	border: 1px solid #aaa;
	background-color: #f4f4f4;
	flex: 1 1 0px;
	text-align: center;
	position: relative;
	transition: all 0.24s ease-in-out;
}



.uiMultiButtons p {
	margin: 0;
	line-height: 14px;
	bottom: 0;
	position: absolute;
	width: 100%;
	text-shadow: 0px 0px 2px #FFF;
}


	.uiMultiButtons div[selected] {
		border: 1px solid #2e6e9e;
		background-color: #ddf;
	}

.uiMultiButtons div:not([selected]):hover {
    cursor: pointer;
    border: 1px solid #99f;
    background-color: #eef;
}

.uiMultiButtonImage {
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: 60px 60px;
 
}


/*
.uiSliderRange { top: 8px; height: 10px; border:1px solid #e9e9e9; width: 100%;}
*/
.uix-slider {
    position: relative;
    text-align: left;
}
.uix-slider .uix-slider-handle { position: absolute; z-index: 2; width: 15px; height: 25px; cursor: default; border:1px solid #bbb; background-color: #efefef;}
.uix-slider .uix-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.uix-corner-all {}
.uix-state-active {	border: 1px solid #0074bf; 	background-color: #ddd;	height: 25px;}

.uix-slider-horizontal { height: .8em; }
.uix-slider-horizontal .uix-slider-handle { top: -.1em; margin-left: -.6em; }
.uix-slider-horizontal .uix-slider-range { top: 8px; height: 10px; background:#ccc none repeat scroll 0 0 !important;}
.uix-slider-horizontal .uix-slider-range-min { left: 0; }
.uix-slider-horizontal .uix-slider-range-max { right: 0; }

.uix-slider-vertical { width: .8em; height: 100px; }
.uix-slider-vertical .uix-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.uix-slider-vertical .uix-slider-range { left: 0; width: 100%; }
.uix-slider-vertical .uix-slider-range-min { bottom: 0; }
.uix-slider-vertical .uix-slider-range-max { top: 0; }
.uix-slider-back { position: relative; width:100%; top: 8px; height: 10px; background-color:#efefef; }
.uix-widget-content {


}


.webTable
{
	position: absolute;
	display:block;
	z-index: 1;
	overflow: auto;
	color: #444;
	cursor: pointer;
	border: 1px solid #ddd;
}
.webTable table
{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}



.webTable table tr:nth-child(odd) 
{
    background-color: #f8f8ff;
}

.webTable table tr:hover
{
    background-color: #ffffaa;
}


.webTable table tr.selected
{
	background-color:#80e4ff;
}



.webTable table th
{
	font-weight: bold;
	text-align: left;
	background-color: #eee;
	color: #000;
	border-bottom: 1px solid #ddd;
	padding: 0px 4px;
}

.webTable table td
{
	padding: 0px 4px;
}

.webGrid 
{
	position: absolute;
	display:block;
	z-index: 1;
	overflow: hidden;
}

.webGrid .mnu
{
	text-align: right;
	padding-bottom: 4px;
	width: 100%;
}

.uiGrid
{
	
}



.webEdit 
{
	position: absolute;
	display:block;
	z-index: 1;
	border: 1px solid #ccc;
	border-radius: 2px;
}

.webEdit input
{
	border: 1px solid #ccc;
	border-radius: 2px;
}


.webImage
{
	position: absolute;
	display:block;
}

.webShape
{
	position: absolute;
	display:block;
}

.webLabel
{
	position: absolute;
	display:block;
    padding-top: 4px;
    line-height: 1.2em;
}

/* ************************************************************************************************************** webBevel */

.webBevelSingleLine2 
{
	position: absolute;
	display:block;
	border-bottom: 1px solid #e8e8e8;
    z-index: 0;
}
.webBevelCaption2 
{
	position: relative;
	display: table-cell;
	left: 5px;
    font-weight: bold; 
    white-space: nowrap;
	vertical-align: bottom;
	width: 100%;
	height: 100%;
    font-weight: bold;
	color: #007abf;
}

.webBevelSingleLine 
{
	position: absolute;
	display:block;
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
	margin-top: 2px;
	min-height: 17px;
    z-index: 0;
}
.webBevel 
{
	position: absolute;
	display:block;
	margin-top: 10px;
    z-index: 0;

    border-radius: 2px;

	border: 1px solid #e8e8e8;
	background-color: #f5f5f5; 


	/*
	border: 1px solid #ddd;
	box-shadow: inset 0px 0px 2px rgba( 0,0,0,0.1 );
	background-color: #f8f8f8; 
	border-radius: 3px;
		
		*/


}
.webBevelCaption 
{
	position: relative;
	left: 5px;
	top: -7px;
    font-weight: bold;
    background-color: #f5f5f5; 
/*    display: block;
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 3px;*/
    white-space: nowrap;
    float:left;
    font-weight: bold;
	color: #007abf;

}
.webBevelHelp 
{
	position: absolute;
	right: 2px;
    top: 0px;
    color: #aaaaff;
    font-weight: bold;
 /*  background-color: #f8f8f8; */ 
    display: block;
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
    float: right;
    cursor:help;
}

/* ************************************************************************************************************** webMemo */
.webMemo {
	position: absolute;
	display:block;
	z-index: 1;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden; 
	padding: 0;
}

.webMemo textarea
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	box-sizing: border-box; 
}

/* ************************************************************************************************************** webRadioListBox */
.webRadioListBox {
	position: absolute;
	display:block;
	z-index: 1;
	/* margin-top: 2px; */
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden; 
	line-height:21px;
}

.webRadioListBoxL {
	position: relative;
	top: -2px;	
}


/* ************************************************************************************************************** webCheckListBox */
.webCheckListBox {
	position: absolute;
	display:block;
	z-index: 1;
	/* margin-top: 2px; */
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden; 
	line-height:21px;
}

.webCheckListBoxCB {
	
}
.webCheckListBoxL {
	position: relative;
	top: -2px;	
}


/* ************************************************************************************************************** webCheckBox */
.webCheckBox {
	position: absolute;
	display:block;
	z-index: 1;
	margin-top: 2px;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden; 
	z-index: 1;
}
.webCheckBoxCB {
	position: absolute;
/*	top: 2px;*/
}
.webCheckBoxL {
	position: absolute;
	top: 3px; /* 6px */
	left: 20px;
}



/* ************************************************************************************************************** webComboBox */
.webComboBox {
	margin-top: 6px;
	position: absolute;
	display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
	z-index: 1;
/*    
	overflow: hidden;	  
	z-index: 1;
	
*/
}


.webComboBox .editButton
{
	margin-left: 2px;
	width: 18px;
	height: 18px;
	display: inline-block;
	cursor: pointer;
	background: url('../../img/gui/ico_pen2.png') no-repeat center;

}

.webComboBox .editButton:hover
{
	background: url('../../img/gui/ico_pen.png') no-repeat center;

}

.webComboBox select
{
	display: inline-block;

}



.webComboBox select:disabled
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #ddd) );
	background:-moz-linear-gradient( center top, #f8f8f8 5%, #eee 100% );
    color:#dcdcdc;
    border:1px solid #dcdcdc;
}


/* ************************************************************************************************************** webButtonArray */



.webButtonArray
{
	position: absolute;
	display:block;
	z-index: 1;
    overflow: hidden;
}


.webButtonArray .image
{
	position: absolute;
	left: 2px;
	top: 2px;
	width: 0px;
	overflow: hidden;
}

.webButtonArray .image img
{
	position: relative;
	left: 0px;
	top: 0px;
}


.webButtonArray .item
{
	cursor: pointer;
	z-index: 1;
	border: 1px solid #e8e8e8;
	position: absolute;
	display:block;
	text-align: center;
	vertical-align: middle;
	font-size: 1.0em;
	line-height:1.0em;
    background-color: #fff;
	transition: all 0.24s ease-in-out;
}

.webButtonArray #selected
{
	background-color: #eeeeff;
}

.webButtonArray .item .caption
{
	font-weight: bold;
}

.webButtonArray .item:hover
{
	border: 1px solid #0377c4;
    color: #0377c4;	
}

.webButtonArray #header
{
	padding: 4px 0px 0px 2px;
	font-size: 1.5em;
    line-height:1.3em;
	color: #0377c4; /*#aaaaff;*/
}

.webButtonArray[disabled="disabled"] .item {
	cursor: not-allowed;
	opacity: 0.5;
	pointer-events: none;
}


/* ************************************************************************************************************** webSmallButton */



.webSmallButton 
{
	display: block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	z-index: 1;
/*	border-radius: 2px;
	border: 1px solid #e8e8e8;
    color: #323232;*/
    overflow: hidden;
	position: absolute;
 /*   margin: 2px;*/

	border: none;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	background-color: #007abf;
	transition: all 0.24s ease-in-out;
}			 

.webSmallButton[disabled]
{
	opacity: 0.5;

}

.webSmallButton:hover
{
/*	border: 1px solid #0377c4;
    color: #0377c4;*/

    background-color: #00598c;
}


/* ************************************************************************************************************** webButton */

.webReplaceButton {
	cursor: pointer;
	z-index: 1;
	border: 1px solid #e8e8e8;
	overflow: hidden;
	position: absolute;
	display: block;
	transition: background-color,color,border 0.24s ease-in-out;
	background-color: #efefef;
	color: #888;
}

	.webReplaceButton:hover {
		border: 1px solid #0377c4;
		color: #0377c4;
		background-color: #f4f4f4;
	}

.webReplaceButton > div {
	display: flex;
	justify-content: center;
	padding:26px;
}

	.webReplaceButton > div:after {
		content: 'Click to open...';
		bottom: 4px;
		position: absolute;
		width: 100%;
		text-align: center;
		font-size: 24px;

	}



.outdated {
	opacity: 0.75;
}



.webButton {
	cursor: pointer;
	z-index: 1;
	border: 1px solid #e8e8e8;
	color: #444;
	overflow: hidden;
	position: absolute;
	display: block;
	transition: color,border 0.24s ease-in-out;
}

.webButton:hover
{
	border: 1px solid #0377c4;
    color: #0377c4;
}

.webButton .caption {
	padding: 4px 6px 0px 6px;
	font-weight: bold;
	font-size: 1.45em;
	line-height: 1.3em;
	/* color: #0377c4; */
}

.webButton .titlecenter {
	text-align: center;
	vertical-align: middle;
	font-size: 1.2em;
    line-height:1.3em;
}

.webButton .line {
	padding: 0px 0px 0px 6px;
	font-size: 1.1em;
    line-height:1.2em;
	display:grid;
	/* color: #0377c4; */
}

.webButton .detail {
	padding: 2px 0px 0px 10px;
	font-size: 1em; 
    line-height:1.2em;
    color: #888;
    text-overflow: ellipsis;
}
.webButton:hover .detail {
    color: #444;
}

.webButton .coreProgram {
    position: absolute;
    right: 2px;
    top: 0;
    font-weight: bold;
    padding: 0;
    margin: 0;
    background-image: url(../../img/gui/ico_star_e.png);
    background-repeat: no-repeat;
    text-indent: 20px;
    height: 20px;
    line-height: 19px;
    color: #0074be;
}

.webButton .image {
	width: 76px;
    height: 76px;
    position: absolute;
    left: 6px;
    top: 6px;
}

.webButton .image .imageitem 
{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 6px;
    top: 6px;
	/*re*/
}

.webButton .imagedef
{
    position: absolute;
    left: 90px;
   
}



.webPopupMenu {
    width: auto;
    z-index: 2000;
    border: 0;
    border-radius: 3px;
    box-shadow: 0px 2px 4px #A7A9A6;
    
    display: none;
    background-color: #fff;
    position:absolute;
}

.webPopupMenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.webPopupMenu ul li {
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    padding: 0 4px;
}
.webPopupMenu ul li:hover {
    background-color: #eee;
    cursor: default;
}

.webPopupMenu ul li div[selected="1"] {
    font-weight: bold;
}


.webPopupMenu .pmHeader {
    color: #888;
    border-bottom: 1px solid #aaa;
    background-color: #efefef;
}

.webPopupMenu .pmHeader:hover {
    background-color: #efefef;
}


.webPartNumber
{
	font-family: "Courier New";
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
    position: absolute;
}

.webPartNumber td
{
	padding: 4px 8px 4px 8px;
	text-align: center;
	vertical-align: middle;
    min-width: 12px;
}

.webPartNumber .fixed
{
	background-color: #eee;
	border: 1px solid #aaa;
}

.webPartNumber .value
{
	background-color: #fff;
	border: 1px solid #aaa;
}

.webPartNumber .sep
{
	background-color: #fff;
}


.webBevelHelpBlink {
    width: 100%;
    height: 10px;
    opacity: 0.0;
    position: absolute;
    top: -7px;
    left: -1px;
    z-index:1;
}

.blink {
    animation: blink-animation 0.5s linear 6;
    animation-direction: alternate;
}


@keyframes blink-animation {
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes blink-animation {
    to {
        opacity: 1.0;
    }
}





/* ************************************************************************************************************** webCheckBox */




.sliderCheckBox {
	width: 50px;
	font-size: 10px;
	left: 750px;
	position: relative;
}

	.sliderCheckBox input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	background-color: #f0f0f0;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 20px;
	width: 40px;
	height: 20px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 1px;
	bottom: 1px;
	background-color: #e2e2e2;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .slider {
	background-color: #007abf;
}


input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
	background-color: #fff;
}
.PrimaryBtn {
	border-radius: 3px;
	background-color: #007abf;
	background-image: linear-gradient( #007abf 0,#005a9f 100%);
	border: 1px solid #005a9f;
	color: #fff;
	transition: all 250ms ease-in-out;
}
.PrimaryBtn:hover, .PrimaryBtn:focus {
	background-color: #005a9f;
	background-image: linear-gradient( #005a9f 0px, #005a9f 100%);
	border: 1px solid #005a9f;
	color: #fff;
}