/* add, override bootstrap */
.list-group-item-device { height: 90px; padding-top: 2px;}
.list-group-item-device:hover { cursor:pointer; background-color:#f9f2f4}
.navbar-toogle-portal { margin-left: 15px; position:absolute !Important;}

.container-app{padding-left:2px; padding-right: 2px;}
.container-noPadding{padding-left:0px; padding-right: 0px;}
.addDocItemText{float:left; display:inline-block;padding-right: 10px;}
/* own */

.WBHbackground { background-color: #00AAE5 !Important;}
.WBHwhite{ color:White !Important;}
.list-device-img { height: 80px; display: block; padding-right: 10px; max-width: 80px}
.list-device-img2 {height: 80px; width:80px; display: block; padding-right: 10px; max-width: 80px; background-repeat:no-repeat; background-size: 80px 80px;}
.list-device-text { position:absolute; overflow:hidden; padding-top: 10px; margin-left: 100px; margin-right: 30px;}
.list-device-text:hover { cursor:pointer; background-color:#f9f2f4}
.list-device-shevron { height: 80px; vertical-align: middle; padding-top: 30px;}
.list-device-extension { color: #A0A0A0;}



.nav-tabs>li.notactive>a, .nav-tabs>li.notactive>a:hover, .nav-tabs>li.notactive>a:focus { background-color: #f0f0f0; border:  1px solid #eee; border-bottom:  1px solid #ddd; cursor:pointer;  }

.list-header /* similar same as MaintainDataListHeader_row */
{
	background-color:#5CC4EA;
	color: white; font-weight: bold; white-space: nowrap;
}


.text-leftalign { text-align: left !important;}
.bold { font-weight: bold; }
.device-doc-btn{ width: 180px; margin-bottom: 5px;}
.docArea{margin-top: 10px;}
.docTab ol li { margin-bottom: 10px; }
.cursor {cursor:pointer;}

.componentDrop{white-space:normal;width:100%;}
.componentDropItem{overflow: hidden;margin-right: 5px;}
.componentDropLeft{white-space:nowrap;width:100%; text-align:left;}
.componentDropItemLeft{overflow: hidden;margin-right: 5px;text-align:left;}


/* also used in Public.css */
.docHeaderText{font-size: 14pt;font-weight: bold;color: #009EE0;}
.docArtNoText{font-size: 10pt;font-weight: bold;color: #FF6A91;}
.docSubHeading{font-size: 12pt;font-weight: bold;color: #313131;text-transform: uppercase;}
.docText{font-size: 10pt ;font-weight: normal;color: #313131;}
.docTextList{list-style-type: disc;	font-family: Arial, Helvetica, sans-serif;font-size: 10pt ;font-weight: normal;
	text-align: left;color: #313131;padding-left:1em; margin-left:0;margin-top:0em;margin-bottom:0em;}
.docLink{width: 100%;font-weight: bold;font-size: 10pt;font-family: Arial, Helvetica, sans-serif;line-height: 18px; }
.docScreenImg{border: thin solid #CCCCCC;display: block;margin-left: auto;margin-right: auto;}
.docScreenHalf{	border: thin solid #CCCCCC;	width: 350px;}

/* used for heading in documentation */
/* also found in Portal011.css */
h4 { font-family:  Arial, Helvetica, sans-serif; color: #313131; font-size: 20px; margin: 15px 0 10px 0; text-decoration: underline; font-weight: bold; }
h5 { font-family:  Arial, Helvetica, sans-serif; color: #313131; font-size: 16px; margin: 15px 0 10px 0; font-weight: bold; }

.MSU-ItemRow { background-color: #e0e0e0;margin-top:10px;padding-top:3px; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;
margin-right:0px; margin-left:0px;}
.MSU-ExplRow { font-size: 11px;background-color: #e0e0e0;padding-bottom:3px;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;
margin-right:0px; margin-left:0px;}
.MSU-MiddleItemRow { background-color: #e0e0e0;padding-top:3px;margin-right:0px; margin-left:0px;}
.MSU-MiddleItemRow:hover { background-color: #f0f0f0;}
.MSU-Inteded { padding-left: 6px;}
.MSU-MiddleExplRow { font-size: 11px;background-color: #e0e0e0;padding-bottom:3px;margin-right:0px; margin-left:0px;}
.device-settings-btn{ width: 140px; margin-bottom: 5px;}
.MSU-ButtonArea { padding-left: 5px !Important; }
.MSU-InfoRow{margin-right:0px; margin-left:0px;}
.MSU-ItemName { font-weight: bold;}
.MSU-ItemInput{}
.MSU-Expl1Row {font-size: 10px;}
.MSU_TextTop{line-height:26px; vertical-align:top;}


.Edit_FadedWindow{position:absolute; top:0; left:0; width:100%; height:100%; opacity: .6;filter: alpha(opacity=60);background-color: #AAFFFF; z-index:2000;}
.Edit_Window{position:absolute; top:0; left:0; width:100%; height:100%;display:block; z-index:3000;}  
.Edit_Area {background-color: #fff;border-color: #ddd;border-width: 1px;border-radius: 4px 4px 4px 4px;-webkit-box-shadow: 10px 10px 5px #888888;box-shadow: 10px 10px 5px #888888;
          margin-top:60px; padding: 15px 15px 15px; display: block;background-color: #e0e0e0; border: solid 1px #333333;}
.Edit_BtnMargin{margin-right:10px;}

.CC-Head{float:none !Important; font-size:20px; font-weight: normal; white-space:nowrap; overflow:hidden;margin-top: 10px; z-index:1; margin-left: auto; margin-right: auto; max-width: 897px;  text-align:center; cursor:pointer;}

/***** FONT ICONS ****/
@font-face {
	font-family: 'webeicon';
	src:url('/fonts/webeicon.eot?ryiann');
	src:url('/fonts/webeicon.eot?#iefixryiann') format('embedded-opentype'),
		url('/fonts/webeicon.woff?ryiann') format('woff'),
		url('/fonts/webeicon.ttf?ryiann') format('truetype'),
		url('/fonts/webeicon.svg?ryiann#webeicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="webeicon-"], [class*=" webeicon-"] {
	font-family: 'webeicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 22px;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.webeicon-back:before{content:"\e617";}
.webeicon-delete:before {content: "\e610";}
.webeicon-refresh:before{content:"\e604";}
.webeicon-pedning-changes:before{content:"\e620"; color:Black;} /* NOT READY */
.webeicon-pending-changes:before{content:"\e620"; color:Black;} /* NOT READY */

.alertinput{background-color: IndianRed; color: White;}
.backgroundcolor_warning{background-color: #f0ad4e;}
.backgroundcolor_alert{background-color: #d9534f;}
.color_alert{color: #d9534f;}

/**** copy of items in portal.css*/
.DivBtnDelete {width: 18px; height: 17px; background-image: url('/Portal/Images/icon_delete.png');background-repeat: no-repeat;margin : 0 auto;}
.DivBtnDelete:hover { background-image: url('/Portal/Images/icon_delete_hover.png');background-repeat: no-repeat;cursor:pointer;}