.logo-img-old {
	background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 2.2vw;
    position: absolute;
    width: 20vw;
}

.bgColorenable td{
	background : none !important;
	background-color: #ffffff !important;
}
.bgColordisable td{
	background : none !important;
	background-color: #dddddd !important;
}

.downloadVelostrataCSVDisable:before {
	float: left;
	background: url("images/downloadCsv.png") no-repeat;
	background-size: 100%;
	content: "";
	height: 1.3vw;
	left: 2px;
	margin-right: 0.4vw;
	margin-top: -0.2vw;
	width: 1.1vw;
}

.downloadVelostrataCSVDisable {
	color: #00A6FF;
	cursor: none;
	display: inline-block;
	float: right;
	font-size: 0.7vw;
	font-weight: normal;
	margin-top: .5vw;
	margin-right: 0.2vw;
	opacity: 0.5;
}

.downloadVelostrataCSV:before {
	float: left;
	background: url("images/downloadCsv.png") no-repeat;
	background-size: 100%;
	content: "";
	height: 1.3vw;
	left: 2px;
	margin-right: 0.4vw;
	margin-top: -0.2vw;
	width: 1.1vw;
}

.downloadVelostrataCSV {
	color: #00A6FF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 0.7vw;
	font-weight: normal;
	margin-top: .5vw;
	margin-right: 0.2vw;
	opacity: 1;
}

.center-align-for-column {
	text-align: center;
}
.footerDiv {
	bottom: 0;
	height: 2.2vw;
	position: absolute;
	vertical-align: middle;
	width: 100%;
}

.logo-img {
   background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 3.5vw;
    position: relative;
    width: 11.6vw;
}

.validation-grid-header-label{
    font-size:16px;
    color:#777777 ;
    padding:5px;
}

.logo-img-right {
   	background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 2.3vw;
    margin-left: 41vw;
    position: relative;
    width: 8.9vw;
}

.logo-img-right-footer {
   	background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    height: 2.3vw;
    margin-left: 91vw;
    position: relative;
    width: 8.9vw;
}

.logo-img-fits-all {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 14vw auto;
    float: left;
    height: 2.5vw;
    position: absolute;
    width: 18vw;
}

#loading {
	position: absolute;
	left: 45%;
	top: 40%;
	margin-left: -45px;
	padding: 2px;
	z-index: 20001;
	height: auto;
}

#loading a {
	color: #225588;
}

#loading .loading-indicator {
	color: #444;
	font: bold 13px;
	padding: 5px;
	margin: 0;
	height: 110px;
}

.ipAddressLabel {
		color: #00A5FF;
		font-weight: bold;
		padding-left: .5vw;
		
}
.planNameBoxError {
	width: 230px;
	height: 31px;
	border: 1px solid red;
	border-radius: 4px;
}

#loading .loading-indicator img {
	margin-right: 8px;
	float: left;
	vertical-align: top;
}

#loading-msg {
	font: 10px arial, tahoma, sans-serif;
	margin-top: 10px;
	width: 165px;
}

.grid-loader {
	background: url("images/wait.gif") no-repeat scroll 0 0 transparent;
	font-size: 13px;
	height: 30px;
	margin-top: 10px;
	padding: 5px 0 0 32px;
}

#loadingRelative {
	position: relative;
	left: 45%;
	padding: 2px;
	z-index: 20001;
	height: auto;
	border: 1px solid #ccc;
	width: 180px;
}

#loadingRelative a {
	color: #225588;
}

#loadingRelative .loading-indicator {
	background: white;
	color: #444;
	font: bold 13px;
	padding: 10px;
	margin: 0;
	height: auto;
}

#loadingRelative .loading-indicator img {
	margin-right: 8px;
	float: left;
	vertical-align: top;
}

#loadingRelative-msg {
	font: normal 10px;
}

body {
	font-family: Roboto;
	font-size: .8vw;
}

.body-mask {
	background: none repeat scroll 0 0 #000000;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99999;
}

:focus {
	outline: none;
}

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
	border: 1px solid #666777;
	background-color: #666777;
	cursor: se-resize;
}



.asr-migrator-grid {
	background: none repeat scroll 0 0 #666777 !important;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C4C9CB;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #575860;
    font-size: 0.8vw;
    padding: 0.5vw 0.25vw;
    white-space: nowrap;
}

.asr-migrator-grid-config-row {
	background: none repeat scroll 0 0 #DDDEEE !important;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C4C9CB;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #575860;
    font-size: 0.8vw;
    padding: 0.5vw 0.25vw;
    white-space: nowrap;
}

.asr-migrator-grid-non-config-row {
	background: none repeat scroll 0 0 #FFFFFF !important;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C4C9CB;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #575860;
    font-size: 0.8vw;
    padding: 0.5vw 0.25vw;
    white-space: nowrap;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	height: 2vw;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	float: left;
	cursor: pointer;
	padding-right: 1.3vw;
	padding-left: 1.3vw;
	color: #ffffff;
	font-size: 0.9vw;
	margin-left: .8vw;
	line-height: 1.6vw;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab.gwt-TabLayoutPanelTab-selected
	{
	background-color: #ffffff;
	border-radius: 5px 5px 0 0;
	border: 1px solid #96AABC;
	border-bottom: none;
	font-weight: bold;
	font-size: 1vw;
	margin-bottom: -1px;
	min-height: 2vw;
	line-height: 1.8vw;
	color: #2B3033;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	border-style: none none solid;
	height: 2vw;
}

.body-panel {
	padding: 10px;
	margin: 0px;
	/*background-color: #EFF8FC;*/
}

.subtab-item {
	padding: 4px 31px 2px 4px;
	font-weight: bold;
	font-size: 14px;
	width: 150px;
}

.subtab-item-icon {
	margin-right: 5px;
}

.pageHeader {
	border-bottom: 1px solid #9CAFB7;
	/*margin-top: 1vw;*/
	padding-bottom: 0.5vw;
	font-size: 1.2vw;
	color: #3B4144;
	width: 100%;
	/*margin-left: 0.5%;*/
	height: 100%;
	background-color: #F1F1F1;
}

.left-tree-box { /*border: 2px solid gray;
	border-radius: 5px 5px 5px 5px;
	margin: 10px;
	margin-top: 0px;*/
	background-color: #2b3033;
	float: left;
	width: 100%;
}

.leftPanel-box { /*border: 2px solid #3597D2;
	border-radius: 15px;
	margin: 10px;*/
	background-color: #2b3033;
}

.left-status-panel { /*border-radius: 12px;
	margin: 1px;
	padding: 7px;
	border: 2px solid white;*/
	cursor: pointer;
	/*height: 120px;*/
	text-align: center;
}

.left-status-panel-outer { /*border-radius: 12px;
	margin: 10px 13px;
	
	
	box-shadow: -5px 4px 3px 1px #277BAD;*/
	background-color: #73828A;
	text-align: center;
	height: 200px;
}

.severity-panel {
	font-weight: bold;
	font-size: 14px;
	background-color: #66CC33;
}

.top-border {
	background-color: #657278;
}

.logo-panel {
	margin-top: 0px;
	margin-left: 1.3vw;
	padding-left: 0px;
	padding-top: 0;
}

.user-panel {
	/*padding-right:70px;*/
	font-size: .85vw;
	font-weight: normal;
	color: #00A6FF;
	text-align: right;
	cursor: pointer;
	float: right;
	margin-right: 2vw;
	margin-top: 1.4vw;
}

.topLevel-tabbar {
	background: -moz-linear-gradient(left, #91C7E6, #3396D1);
	margin-top: 4px;
	height: 42px;
	border-radius: 0 15px 15px 0;
	margin-right: 15px;
	padding-left: 100px;
	padding-top: 21px;
	text-align: right;
}

.toplevel-tabitem {
	color: #667379;
	padding: 5px 20px;
	font-size: 14px;
	cursor: pointer;
	min-height: 29.37px;
}

.toplevel-tabitem-selected {
	color: #fff;
	font-weight: bold;
	background-color: #3B4144;
}

.toplevel-tabitem-disabled {
	cursor: default;
	opacity: .5;
}

.gwt-TabBarItem {
	position: relative;
}

.gwt-TabBar .gwt-TabBarItem-selected .toplevel-tabitem {
	color: #FFF;
	font-weight: 900;
	font-size: 18px;
}

.alert-panel {
	color: #FFF;
}

.alert-panel .gwt-Label {
	margin-left: 5px;
	margin-right: 7px;
	padding-top: 8px;
}

.alert-panel .td {
	vertical-align: bottom;
}

.content-panel {
	border: none;
	background-color: #FFFFFF;
	border-radius: 0 0 10px 10px;
}

.alert-notification {
	margin: 2px;
	border: 1px solid #ffffff;
	color: #FFF;
	font-size: 16px;
	text-align: center;
}

.navigation-label {
	color: #FFF;
	margin-left: 5px;
	margin-top: 15px;
	font-size: 16px;
}

.boxpanel-account {
	width: 262px;
	background-color: none;
	margin-left: 8px;
	cursor: default;
}

.boxpanel {
	background-color: none;
	cursor: pointer;
	margin-left: 4%;
	cursor: default;
	width: 96%;
}

.boxpanel-component {
	float: right;
	background-color: none;
	cursor: default;
	margin-left: 4%;
	width: 96%;
}

.selectedpointer {
	width: 1vw;
	height: 2vw;
	cursor: pointer;
}

.account-box {
	border-top: 1px solid #99A6AA;
	/*width: 236px;*/
	background-color: none;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	color: #B9D1D9;
	padding-right: 10px;
	cursor: default;
}

.asset-box {
	border-top: 1px solid #B8BABB;
	/*width: 236px;*/
	background-color: none;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-size: .8vw;
	font-weight: normal;
	height: 2vw;
	color: #B9D1D9;
	cursor: default;
}

.asset-box-migrator {
	border-bottom: 1px solid #495256;
	/*width: 236px;*/
	background-color: none;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-size: .8vw;
	font-weight: normal;
	height: 2vw;
	color: #9BACB2;
	cursor: default;
}

.validation-left-item {
	/* border-bottom: 1px solid #495256; */
    color: #9BACB2;
    cursor: default;
    font-size: 0.8vw;
    font-weight: normal;
    height: 1.4vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}

.validation-left-item>tbody>tr>td {
	vertical-align: middle !important;
}

.validation-edit-test {
    height: 20px;
    width: 20px;
    padding-right: 10px;
    cursor: pointer;
}

.asset-group-box-label {
	border-top: 1px solid #99A6AA;
	/*width: 236px;*/
	background-color: none;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-size: .7vw;
	font-weight: bold;
	height: 1.3vw;
	color: #B9D1D9;
	cursor: default;
}

.instance-group-box-label,.instance-group-box-label-migrator {
	border-top: 1px solid #99A6AA;
	/*width: 236px;*/
	background-color: none;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-size: .7vw;
	font-weight: bold;
	height: 1.3vw;
	color: #B9D1D9;
	padding-top: .5vw;
	padding-left: .5vw;
	cursor: pointer;
	white-space: nowrap;
	width: 100%;
}

.instance-group-box-label-migrator {
	border-bottom: 1px solid #495256;
	border-top: none;
	color: #9BACB2;
	font-weight: normal;
}

.expand-collapse-icon {
	color: #000000;
	cursor: pointer;
	font-size: 1vw;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.asset-instancesBox {
	overflow: auto;
	padding-bottom: 4px;
	float: left;
	width: 100%;
}

.instance-table {
	float: left;
	margin-left: 4%;
}

.asset-GroupBox {
	overflow: auto;
	padding-bottom: .2vw;
	display: block !important;
	overflow: hidden;
}

.instance-GroupBox {
	overflow: auto;
	padding-bottom: .2vw;
	padding-left: 4%;
	cursor: pointer;
	width: 96%;
	float: left;
}

.jspVerticalBar {
	left: 0;
}

.jspTrack {
	background-color: #fff;
}

.instance-box {
	float: left;
	height: 2vw;
	border-top: 1px solid #B8BABB;
	cursor: default;
	width: 100%;
}

.instance-box-nodesearch {
	min-height: 1.5vw;
	margin: 0px 1vw 0px 1vw;
	width: 11vw;
	cursor: default;
	paddin-top: .25vw;
}

.name-label {
	padding-left: 1px;
	cursor: pointer;
	word-break: break-all;
	padding-right: 20px;
}

.name-label-selected {
	padding-left: 1px;
	cursor: pointer;
	color: #CACACA;
	word-break: break-all;
	padding-right: 20px;
}

.account-label-box {
	width: 140px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.asset-label-box {
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	overflow: hidden;
}

.component-table { /*float: right;*/
	width: 100%;
	height: 40px;
}

.node-table { /*float: right;*/
	margin-left: 8%;
	height: 2vw;
	width: 92%;
	float: left;
}

.instance-name-label {
	width: 97%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .8vw;
	font-weight: normal;
	color: #B9D1D9;
	padding-left: 3%;
	cursor: pointer;
}

.label-for-node {
	color: #2B3033;
	font-weight: normal;
	font-size: .8vw;
}

.selected-instance {
	background-color: #0066FF;
	color: #FFF;
	font-weight: bold;
}

.instance-mouse-over {
	background-color: #9999FF;
	color: #FFF;
}

.instance-status-icon-panel {
	margin: 1px;
	padding-right: 0px;
	text-align: center;
	background-color: #FFA700;
	border-radius: 50% 50% 50% 50%;
	height: 18px;
	width: 18px;
}

.small-icons {
	margin-top: 2px;
}

.previous-table {
	float: right;
	width: 100%;
}

.previous-name-label {
	
}

.previous-icon-panel {
	cursor: pointer;
	margin: 5px;
}

/* END: Content Box */
#loading-chart {
	left: 0px;
	top: 0px;
	padding: 2px;
	z-index: 20001;
	height: auto;
	position: absolute;
	border: 2px solid black;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	background-color: #000000;
	display: none;
}

.selectedItem { /*background-color: #99CCFF;*/
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}

.searchBox {
	border: 1px solid gray;
	margin: 5px 0 5px 5px;
	width: 120px;
	color: gray;
	border-right: none;
	font-size: 14px;
}

.searchbox-clear {
	background-color: #FFFFFF;
	height: 18px;
	border: 1px solid gray;
	border-left: none;
	cursor: pointer;
}

.left-toolBar {
	border: 1px solid #FFF;
}

.jspVerticalBar {
	left: 0;
}

.jspVerticalBar {
	background: none repeat scroll 0 0 white;
	border-radius: 4px 4px 4px 4px;
	height: 100%;
	margin-left: 5px;
	position: absolute;
	right: 0;
	top: 0;
	width: 7px;
	padding: 1px;
}

.jspDrag {
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 2px #525C63 inset;
}

.alert-detail-panel {
	border: 1px solid #F1F5F8;
	margin: 5px;
	width: 99%;
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 4px 4px 4px 4px;
}

.alert-detail-panel .box {
	padding: 5px;
}

.alertdetail-innerbox {
	width: 100%;
	color: gray;
	text-decoration: none;
}

.gwt-DisclosurePanel a {
	text-decoration: none !important;
}

/** Add css rules here for your application. */
.apply-dialog {
	padding-right: 1.25vw;
	padding-top: 1.25vw;
}

.apply-dialog > div:first-child {
	border: .25vw solid #3B4144;
	border-radius: .4vw;
	background-color: #FFF;
}

.apply-dialog .Caption {
	border-radius: .4vw .4vw 0 0;
	color: #667379;
	font-size: .9vw;
	font-weight: bold;
	margin: -1.38vw 0 0 1.38vw;
	padding: 0;
	width: 100%;
}

.gwt-DialogBox {
	border: .2vw solid #667379;
	border-radius: .5vw;
	background-color: #FFF;
}

.gwt-DialogBox .Caption {
	background-color: #FFFFFF;
	border-radius: .4vw .4vw 0 0;
	font-weight: bold;
	margin: .1vw .75vw;
	padding: .2vw;
	font-size: .9vw;
	color: #667379;
	width: 95%;
}



/** Add css rules here for your application. */
.apply-dialog-fixed-height {
	padding-right: 1.25vw;
	padding-top: 1.25vw;
}

.apply-dialog-fixed-height>div {
	border: .25vw solid #3B4144;
	border-radius: .4vw;
	background-color: #FFF;
	height: 44vw;
}

.apply-dialog-fixed-height .Caption {
	border-radius: .4vw .4vw 0 0;
	color: #667379;
	font-size: .9vw;
	font-weight: bold;
	margin: -1.38vw 0 0 1.38vw;
	padding: 0;
	width: 100%;
}

.node-selector-metricpanel {
	margin-left: 35px;
	width: 90%;
	text-align: center;
	font-size: 16px;
	color: #2B3033
}

.dialogMiddle {
	
}

.gwt-PopupPanelGlass {
	background-color: #FFF;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	z-index: 999;
}

.gwt-PopupPanelGlassForPopup {
	background-color: #FFF;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	z-index: 10000;
}

/** SLT CSS**/
.slt-panel {
	width: 99%;
	border: none;
	margin: 10px;
}

.slt-band {
	height: 20px;
}

.slt-band.underUtilizeCritical {
	background-color: #D50B0B;
	border-radius: 10px 0 0 10px;
}

.slt-band.underUtilizeInvestigate {
	background-color: #FFA700;
}

.slt-band.optimum {
	background-color: #3396D1;
}

.slt-band.overUtilizeInvestigate {
	background-color: #FFA700;
}

.slt-band.overUtilizeCritical {
	background-color: #D50B0B;
	border-radius: 0 10px 10px 0;
}

.account-box-panel {
	margin-bottom: 1px;
	margin-top: -1px;
}

.asset-box-panel {
	margin-bottom: 1px;
	float: left;
	width: 100%;
	clear: both;
}

.top-tab-item {
	
}

.top-tab-item-estimator {
	margin-bottom: -1px;
}

.top-tab-item-disabled {
	opacity: 0.2;
	cursor: default;
	display: none;
}

.sub-tab-bar {
	background-color: #ffffff;
	border: 1px solid #96AABC;
	width: 100%;
	height: 100%;
}

/** Start css rules here for new application layout. */
.mainDiv {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}

.contentBlock {
	width: 100%;
	float: left;
	margin-top: 1.5vw;
}

.contentBlockOuter {
	width: 100%;
	float: left;
}

.contentHeader {
	width: 100%;
	float: left;
}

.contentTitle {
	float: left;
	font-size: 1vw;
	font-weight: normal;
	color: #808E93;
}

.contentTitleUnderline {
	border-bottom: 1px solid #9CAFB7;
	color: #808E93;
	float: left;
	font-size: 1vw;
	font-weight: normal;
	margin-bottom: 0.5vw;
	padding-bottom: 0.2vw;
	width: 100%;
}

.contentTitleCurrent {
	float: left;
	font-size: .9vw;
	font-weight: bold;
	color: #ED3E37;
}

.contentTitleRecommended {
	float: right;
	font-size: .9vw;
	font-weight: bold;
	color: #00A6FF;
}

.contentTitlePercent {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #00A6FF;
	margin-left: 5px;
	padding-top: 0px;
}

.contentTitlePercentHead {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #808E93;
	margin-left: 50px;
	padding-top: 2px;
}

.contentTitleSubMsg {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #00A6FF;
}

.contentSubTitle {
	float: left;
	margin-top: 15px;
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #667379;
}

.contentHeaderLabel {
	cursor: pointer;
}

.contentBody {
	width: 100%;
	float: left;
	margin-top: .3vw;
	border-top: 1px solid #9CAFB7;
}

.contentBodyBottomBorder {
	width: 100%;
	float: left;
	margin-top: .3vw;
	border-bottom: 1px solid #9CAFB7;
}

.contentBodyNoBordor {
	width: 100%;
	float: left;
	margin-top: .3vw;
}

.contentBodyNoBorder {
	width: 100%;
	float: left;
	margin-top: .3vw;
}

.contentBodyNoBorderNoMargin {
	width: 100%;
	float: left;
}

.contentBodyNoBorderNegativeMargin {
	width: 100%;
	float: left;
	margin-top: -25px;
}

.noDisplay {
	display: none;
}

.circleBlock {
	float: left;
	width: 20%;
	min-width: 8vw;
	margin-top: 0.8vw;
	margin-bottom: 0.5vw;
}

.circleBlockCostSummary {
	float: left;
	width: 50%;
	min-width: 160px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.circleBlockCostAction {
	float: left;
	width: 50%;
	min-width: 160px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.circleBlockPerformance {
	float: left;
	width: 25%;
	min-width: 150px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.circleBlockSmall {
	width: 160px;
	margin: 15px 0px 0px 40px;
}

.circleTitle {
	float: left;
	width: 100%;
	font-size: 0.8vw;
	text-align: center;
	color: #808E93;
	font-weight: bold;
	margin-bottom: 0.5vw;
	margin-top: 0.5vw;
}

.circleContent,.circleContentUnClickable {
	float: none;
	cursor: pointer;
	width: 12vw;
	height: 12vw;
	margin: 2vw auto 0;
	border-radius: 50%;
	border: .25vw solid;
	border-color: #A3E00E;
	background-color: #B2E161;
}

.circleContentUnClickable {
	cursor: default;
}

.circleContentSmall {
	float: left;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	float: left;
}

.circleTextLarge {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 2.4vw;
	color: #ffffff;
	font-weight: 500;
}

.circleTextLargePerf {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: #ffffff;
	margin-top: 42px;
}

.circleTextSmall,.circleTextSmallFaded {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}

.circleTextSmallFaded {
	color: rgba(255, 255, 255, 0.6);
}

.circleTextMsg {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1.2vw;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 3.5vw;
}

.textBlock {
	float: left;
	height: 3.75vw;
	margin-top: .6vw;
	border-right: 1px solid #9CAFB7;
}

.textBlockTitle {
	font-weight: bold;
	float: left;
	width: 100%;
	font-size: .75vw;
	text-align: center;
	color: #808E93;
}

.textBlockValue {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 2.3vw;
	color: #808E93;
}

.textBlockOptimumValue {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 2.3vw;
	color: #00A6FF;
}

.tabbedButton {
	border-radius: 0;
	margin-left: -5px;
	height: 32px;
	width: 60px;
	font-size: 14px;
	color: #667379;
	font-family: Roboto;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.tabbedButton-selected {
	border-radius: 0;
	margin-left: -5px;
	height: 32px;
	width: 60px;
	font-size: 14px;
	font-family: Roboto;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	-webkit-animation: pulsate 1.2s linear infinite;
	animation: pulsate 1.2s linear infinite;
	background: linear-gradient(top, #2D4144 0%, #3B4144 100%);
	background: -moz-linear-gradient(top, #2D4144 0%, #3B4144 100%);
	background: -webkit-linear-gradient(top, #2D4144 0%, #3B4144 100%);
	color: #ffffff;
}

.tabbedButtonLeft {
	border-radius: 8px 0 0 8px;
	color: #667379;
	font-size: 14px;
	font-family: Roboto;
	height: 32px;
	width: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.tabbedButtonLeft-selected {
	border-radius: 8px 0 0 8px;
	font-size: 14px;
	font-family: Roboto;
	height: 32px;
	width: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #2D4144 0%, #3B4144 100%);
	background: -moz-linear-gradient(top, #2D4144 0%, #3B4144 100%);
	background: -webkit-linear-gradient(top, #2D4144 0%, #3B4144 100%);
	color: #ffffff;
}

.tabbedButtonRight {
	border-radius: 0 8px 8px 0;
	height: 32px;
	margin-left: -5px;
	color: #667379;
	font-size: 14px;
	font-family: Roboto;
	width: 60px;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.tabbedButtonRight-selected {
	border-radius: 0 8px 8px 0;
	height: 32px;
	margin-left: -5px;
	font-size: 14px;
	font-family: Roboto;
	width: 60px;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #2D4144 0%, #3B4144 100%);
	background: -moz-linear-gradient(top, #2D4144 0%, #3B4144 100%);
	background: -webkit-linear-gradient(top, #2D4144 0%, #3B4144 100%);
	color: #ffffff;
}
.dropdownmask-auto {
	float: left;
    margin-right: 1.5vw;
    border-radius: .3vw;
    color: #667379;
    font-size: .7vw;
    font-family: Roboto;
    overflow: hidden;
    height: 1.7vw;
    /* width: 100%; */
    margin-top: .25vw;
    margin-bottom: .25vw;
    box-shadow: 1px 2px 3px #9CAFB7;
    border: 1px solid #3F3F40;
    background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
    background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
    background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}
.dropdownmask {
	float: left;
	margin-right: 1.5vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 12.75vw;
	margin-top: .5vw;
	margin-bottom: .25vw;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmaskASRStorage {
	float: left;
	margin-right: 1.5vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 17vw;
	margin-top: .5vw;
	margin-bottom: .25vw;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-long {
	float: left;
	margin-right: 1.5vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 19.5vw;
	margin-top: .5vw;
	margin-bottom: .25vw;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-short {
	float: left;
	margin-left: .8vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 9.75vw;
	margin-top: .25vw;
	margin-bottom: .25vw;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-mid {
	float: left;
	margin-left: .8vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 13.65vw;
	margin-top: .25vw;
	margin-bottom: .25vw;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-mid-1 {
	float: left;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.8vw;
	width: 15.65vw;
	margin-top: .25vw;
	margin-bottom: .25vw;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-machine-owner-popup {
	float: left;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.8vw;
	width: 25vw;
	margin-top: .25vw;
	margin-bottom: .25vw;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-detailedBilling {
	float: left;
	margin-right: 30px;
	border-radius: 8px;
	color: #667379;
	font-size: 14px;
	font-family: Roboto;
	overflow: hidden;
	height: 32px;
	width: 256px;
	margin-top: 10px;
	margin-bottom: 5px;
	box-shadow: 1px 2px 3px #9CAFB7;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-planning {
	float: left;
	margin-right: 1vw;
	margin-left: .8vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 12.75vw;
	margin-top: .2vw;
	margin-bottom: .25vw;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-asr-popup {
	float: left;
	margin-right: 1vw;
	margin-left: .8vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .7vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 8.45vw;
	margin-top: .2vw;
	margin-bottom: .25vw;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}

.dropdownmask-asr-popup-small {
	background: url("images/dropdown-selector.png") no-repeat scroll 11.05vw 0 / 1.7vw auto rgba(0, 0, 0, 0.069);
    border: 1px solid #3F3F40;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    color: #667379;
    float: left;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 2vw;
    margin: 0.2vw 0.5vw 0.25vw 0.8vw;
    overflow: hidden;
    width: 13vw;
}

.dropdownmask-asr-popup-small-error {
	background: url("images/dropdown-selector.png") no-repeat scroll 11.05vw 0 / 1.7vw auto rgba(0, 0, 0, 0.069);
    border: 1px solid red;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    color: #667379;
    float: left;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 2vw;
    margin: 0.2vw 0.5vw 0.25vw 0.8vw;
    overflow: hidden;
    width: 13vw;
}
.gwt-ListBox-auto {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    /* width: 14.75vw; */
    font-family: Roboto;
    padding: 0 0 0 0.25vw;
    font-size: .7vw;
    border: 0;
    color: #667379;
    height: 1.7vw;
    background: url(images/dropdown-selector.png) no-repeat 100% 0px;
    background-size: 1.7vw;
    margin-right: 2vw;
    width: 100%;
}
.gwt-ListBoxASR {
    -moz-appearance: window;
    background: url("images/dropdown-selector.png") no-repeat scroll 11.05vw 0 / 1.7vw auto rgba(0, 0, 0, 0);
    border: 0 none;
    color: #667379;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 1.7vw;
    padding: 0.3vw 1.3vw 0 0.25vw;
    width: 18vw;
}

.gwt-ListBoxASRStorage {
    -moz-appearance: window;
    background: url("images/dropdown-selector.png") no-repeat scroll 15.4vw 0 / 1.7vw auto rgba(0, 0, 0, 0);
    border: 0 none;
    color: #667379;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 1.7vw;
    padding: 0.3vw 1.3vw 0 0.25vw;
    width: 20vw;
}

/* .dropdownmask-planning {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	border-radius: 8px;
	color: #667379;
	font-size: 14px;
	font-family: Roboto;
	overflow: hidden;
	height: 32px;
	width: 230px;
	margin-top: 4px;
	margin-bottom: 5px;
	box-shadow: 1px 2px 3px #221E1F;
	border: 1px solid #3F3F40;
	background: linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -moz-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
	background: -webkit-linear-gradient(top, #F0F0F1 0%, #CFD1D2 100%);
}
 */
.dropdownmask-planning-hyd {
	float: left;
	margin-right: .8vw;
	margin-left: .8vw;
	border-radius: .3vw;
	color: #667379;
	font-size: .8vw;
	font-family: Roboto;
	overflow: hidden;
	height: 1.7vw;
	width: 90%;
	margin-top: .25vw;
	margin-bottom: .6vw;
	background-color: #d7d7d7;
}

.dropdownmask-planning-hyd:before {
	border-radius: 0.3vw;
	content: "";
	pointer-events: none;
	position: absolute;
}

.dropdownmask-planning-hyd:after {
	background: url("images/dropdown-selector.png");
	height: 1.7vw;
	pointer-events: none;
	position: absolute;
	right: 0.7vw;
	width: 1.7vw;
	background-size: 100%;
	content: "";
}

.dropdownmask-hydra {
	float: left;
	margin-right: 15px;
	border-radius: 8px;
	color: #667379;
	font-family: Roboto;
	overflow: hidden;
	height: 32px;
	width: 230px;
	margin-top: 4px;
	margin-bottom: 5px;
}

.gwt-ListBox-tags {
   -moz-appearance: window;
    border: 0 none;
    float: left;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 1.5vw;
    margin-left: 0.1vw;
    margin-top: 0.2vw;
    width: 10.45vw;
}

.gwt-ListBox-pm {
   -moz-appearance: none;
    border: 0 none;
    float: left;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 1.5vw;
    margin-left: 0.1vw;
    margin-top: 0.2vw;
    width: 10.15vw;
}

.gwt-ListBox {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	width: 14.75vw;
	font-family: Roboto;
	padding: 0 0 0 .25vw;
	font-size: .7vw;
	border: 0;
	color: #667379;
	height: 1.7vw;
	background: url("images/dropdown-selector.png") no-repeat 11.05vw 0px;
	background-size: 1.7vw;
}



gwt-ListBox-app {
	-webkit-appearance: none;
	-moz-appearance: window;
	background: transparent;
	width: 14.75vw;
	font-family: Roboto;
	padding: .5vw 0 0 .25vw;
	font-size: .7vw;
	border: 0;
	color: #667379;
	height: 1.7vw;
	background: url("images/dropdown-selector.png") no-repeat 11.05vw 0px;
	background-size: 1.7vw;
}

.gwt-ListBox-short {
	-webkit-appearance: none;
	-moz-appearance: window;
	background: transparent;
	width: 11.75vw;
	font-family: Roboto;
	padding: .3vw 0 0 .25vw;
	font-size: .7vw;
	border: 0;
	color: #667379;
	height: 1.7vw;
	background: url("images/dropdown-selector.png") no-repeat 8.05vw 0px;
	background-size: 1.7vw;
}

.gwt-ListBox-long {
	-webkit-appearance: none;
	-moz-appearance: window;
	background: transparent;
	width: 21.5vw;
	font-family: Roboto;
	padding: .3vw 0 0 .25vw;
	font-size: .7vw;
	border: 0;
	color: #667379;
	height: 1.7vw;
	background: url("images/dropdown-selector.png") no-repeat 17.8vw 0px;
	background-size: 1.7vw;
}

.gwt-ListBox option,.gwt-ListBox-short option,.gwt-ListBox-long option,.gwt-ListBox-app option{
	height: 1.2vw;
	padding-top: 0.3vw;
	background-color: #f0f0f0;
}

.gwt-ListBox option:last-child,.gwt-ListBox-short option:last-child,.gwt-ListBox-long option:last-child,.gwt-ListBox-app option:last-child{
	height: 1.2vw;
	padding-top: 0.3vw;
	border-bottom: 1px solid #888;
}

.gwt-ListBox-reportbuilder-day {
	-webkit-appearance: none;
	-moz-appearance: window;
	background: transparent;
	width: 147px;
	font-family: Roboto;
	padding: 4px 0 0 5px;
	font-size: 14px;
	border: 0;
	color: #667379;
	height: 35px;
	background: url("images/dropdown-selector.png") no-repeat 100px 0px;
}

.gwt-ListBox-reportbuilder-day option {
	height: 25px;
}

.gwt-ListBox-reportbuilder-day option:last-child {
	height: 25px;
	border-bottom: 1px solid #888;
}

.chartDiv {
	
}

.costPriceTableHeaderFirst {
	float: left;
	width: 16%;
	color: #667379;
	font-size: 18px;
	font-weight: bold;
}

.costPriceTableHeader {
	float: left;
	width: 14%;
	color: #808E93;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.costPriceTableContentFirstCol {
	float: left;
	width: 14%;
	color: #667379;
	font-size: 18px;
	font-weight: bold;
	background-color: #D6E1E5;
	height: 40px;
	padding-top: 16px;
	border-top: 1px solid #9CAFB7;
	border-left: 1px solid #9CAFB7;
	margin-right: -1px;
	margin-left: -1px;
	padding-left: 2%;
}

.costPriceTableContent {
	float: left;
	width: 14%;
	color: #2B3033;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	height: 40px;
	padding-top: 16px;
	border-top: 1px solid #9CAFB7;
	border-right: 1px solid #9CAFB7;
	margin-right: -1px;
	margin-left: -1px;
}

.costPriceTableContentFirstColLastRow {
	float: left;
	width: 14%;
	color: #667379;
	font-size: 18px;
	font-weight: bold;
	background-color: #D6E1E5;
	height: 40px;
	padding-top: 16px;
	border-top: 1px solid #9CAFB7;
	border-left: 1px solid #9CAFB7;
	border-bottom: 1px solid #9CAFB7;
	margin-right: -1px;
	margin-left: -1px;
	padding-left: 2%;
}

.costPriceTableContentLastRow {
	float: left;
	width: 14%;
	color: #2B3033;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	height: 40px;
	padding-top: 16px;
	border-top: 1px solid #9CAFB7;
	border-right: 1px solid #9CAFB7;
	border-bottom: 1px solid #9CAFB7;
	margin-right: -1px;
	margin-left: -1px;
}

.costPriceTableSubScript {
	font-size: 14px;
	font-weight: normal;
	color: #808E93;
	float: right;
	padding-top: 10px;
	padding-left: 3px;
}

.costPriceContentHeader>Div:nth-child(1){
	color:#57585B;
	font-weight:bold;
	font-size:16px;
}

#totalSaving {
	float: right;
	width: 30%;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.bar {
	height: 50px;
	border-width: 1px;
	border-style: solid;
}

.barTable {
	background: None;
	width: 92%;
	position: relative;
}

.barTable ul {
	float: left;
	margin: 0px;
	padding: 0px;
}

.barTable ul li {
	list-style: none;
}

.barTable ul li.title {
	font-weight: 800;
	background: #333;
	color: #fff;
}

.barClass {
	height: 38px;
	padding-top: 12px;
	font-size: 18px;
	color: white;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}

.barClass:hover {
	text-overflow: inherit;
	overflow: visible;
	color: #3B4144;
	position: relative;
}

.sltbarClass {
	height: 38px;
	padding-top: 2px;
	font-size: 14px;
	color: white;
	text-align: center;
}

.barHeader {
	color: #808E93;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
}

.barTable>div {
	color: #808E93;
}

.barRectangle {
	border-bottom: 1px solid #BABBBD;
	border-left: 1px solid #BABBBD;
	border-right: 1px solid #BABBBD;
	height: 32px;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 100%;
	postion: relative;
	font-size: 14px;
}

.barRectangleText {
	background-color: #ffffff;
	left: 40%;
	margin-left: 0;
	margin-top: -37px;
	position: absolute;
	text-align: center;
	width: 20%;
	color: #808E93;
	font-size: 14px;
}

.barRectangleText>div {
	color: #68696C;
	font-weight: bold;
	font-size: 13px;
}

.nodes-label {
	font-size: 0.7vw;
	color: #B9D1D9;
	font-weight: bold;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}

.nodes-label:hover {
	text-overflow: inherit;
	overflow: visible;
	white-space: normal;
}

.nodes-label-action {
	font-size: 0.6vw;
	color: #00A6FF;
	font-weight: normal;
	cursor: pointer;
}

.node-list-panel-first {
	margin-left: 15px;
}

.node-list-panel {
	border-left: 1px solid #D6E6F2;
}

.gwt-CheckBox input {
	color: green;
}

.tab-alertCount {
	border-radius: 10px;
	background-color: #FFA700;
	padding: 5px;
	color: #FFF;
	font-size: 10px;
}

.tab-item-label {
	float: left;
	padding: 5px;
}

.critical {
	background-color: #F62217;
}

.moderate {
	background-color: #FFA700;
}

.optimal {
	background-color: #9FF781;
}
/** End css rules here for new application layout. */
.grid-header {
	border-top: 1px solid #B2C2C8;
	border-left: 1px solid #B2C2C8;
	table-layout: fixed;
}

.grid-header-cell {
	border-right: 1px solid #C4C9CB;
	border-top: 1px solid #B2C2C8;
	background-color: #E0EFF4;
	cursor: pointer;
	height: 1.8vw;
}
.grid-header-left-border {
	border-left: 1px solid #B2C2C8;
}


.grid-header-label {
	padding: .4vw .4vw .4vw .5vw;
	font-size: .8vw;
	color: #667379;
	font-weight: 500;
}

/** End css rules here for new application layout. */
.validation-grid-header {
	/*border-top: 1px solid #B2C2C8;*/
	border-left: 1px solid #B2C2C8;
	table-layout: fixed;
}

.validation-grid-header-cell {
	border-right: 1px solid #B2C2C8;
	border-top: 1px solid #B2C2C8;
	background-color: #D6E1E5;
	cursor: pointer;
	height: 36px;
}

.validation-grid-header-label {
	padding: 8px;
	font-size: 14px;
	color: #2B3033;
	font-weight: bold;
}

.action-grid-row {
	width: 100%;
	background-color: #FFFFFF;
	border-right: 1px solid #B2C2C8;
	border-left: 1px solid #B2C2C8;
	border-top: 1px solid #B2C2C8;
	table-layout: fixed;
}

.action-grid-data-cell {
	padding: .5vw 0 0 .5vw;
	font-size: .75vw;
	color: #667379;
	text-align: left;
	min-height: 1.5vw;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}

.action-grid-data-cell-comp-label {
	padding: .5vw 0 0 .5vw;
	font-size: .75vw;
	color: #667379;
	text-align: left;
	min-height: 1.5vw;
	height: 1.7vw;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}

.security-action-grid-data-cell {
	padding: 4px 0 4px 10px;
	font-size: 12px;
	border-right: 1px solid #B2C2C8 !important;
	color: #667379;
	text-align: left;
	min-height: 30px;
}

.first-cell {
	padding-left: .75vw;
	height: 2vw;
}

.cellcontainer {
	float: left;
	border-bottom: 1px solid;
}

.action-count-circle {
	border-radius: 13px 13px 13px 13px;
	color: #FFFFFF;
	display: table;
	font-size: 11px;
	height: 20px;
	margin: 0 auto;
	min-width: 14px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	text-align: center;
	border: 1px solid #F9892D;
}

.node-expand-arrow {
	font-weight: bold;
	cursor: pointer;
	padding-right: 7px;
}

.action-detail-panel {
	background-color: #F0F6F7;
	border-left: 1px solid #B2C2C8;
	border-right: 1px solid #B2C2C8;
	width: 100%;
	display: table !important;
}

.action-grid-bottom-panel {
	border-top: 1px solid #B2C2C8;
	height: 30px;
	width: 100%;
}

.row-selection-list {
	border: 1px solid #B2C2C8;
	margin: 5px;
	font-size: 12px;
	font-family: Roboto;
}

.roe-select-label {
	margin: 6px;
	font-size: 12px;
}

.action-row-mouse-over {
	background-color: #F0F6F7;
	color: #FFF;
}

.hide-div {
	display: none;
}

.show-button-div {
	display: block;
	float: right;
	margin: 5px 20px 0px 0px;
}

.inner-grid-header {
	background-color: #D6E1E5;
	border-bottom: 1px solid #CCD8DA;
	border-left: 1px solid #CCD8DA;
	color: #2B3033;
	font-size: .75vw;
	font-weight: bold;
	padding: .25vw;
	text-align: center;
}

.inner-grid-value,.inner-grid-value-nopad {
	background-color: #FFFFFF;
	color: #667379;
	font-size: .7vw;
	font-weight: normal;
	padding: .2vw 0 0 .3vw;
	text-align: left;
	white-space: pre-line;
}

.inner-grid-value-nopad {
	padding: 0px 0 0 6px;
}

.action-detail-data-cell {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCD8DA;
	border-left: 1px solid #CCD8DA;
	min-width: 90px;
	vertical-align: top;
}

.action-detail-data-cell2 {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCD8DA;
	vertical-align: top;
	padding-bottom: 6px;
}

.inner-grid-box {
	border-top: 1px solid #CCD8DA;
	border-right: 1px solid #CCD8DA;
	margin: .5vw;
}

.inner-grid-box>tbody>tr>td {
	border-right: 1px solid #CCD8DA;
}

.view-more-label {
	background-color: #F0F6F7;
	color: #00A6FF;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 15px 5px 5px;
	text-align: right;
	margin-right: -2px;
}

.action-icon {
	margin: .25vw .15vw .15vw .6vw;
}

.action-label {
	color: #667379;
	cursor: pointer;
	font-size: .8vw;
	font-weight: normal;
	margin: .15vw;
	padding-bottom: 0;
	padding-right: .5vw;
	padding-top: 0;
	min-width: 4vw;
	white-space: pre;
}

.action-label-mouse-over {
	color: #2B3033;
}

.action-box:before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent #24303F;
	border-image: none;
	border-style: solid;
	border-width: .6vw;
	bottom: 100%;
	content: "";
	height: 0;
	left: 50%;
	margin-bottom: -.55vw;
	margin-left: -.6vw;
	position: absolute;
	width: 0;
	z-index: 6;
}

.action-box:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFFFFF;
	border-image: none;
	border-style: solid;
	border-width: .6vw;
	bottom: 100%;
	content: "";
	height: 0;
	left: 50%;
	margin-bottom: -.6vw;
	margin-left: -.6vw;
	position: absolute;
	width: 0;
	z-index: 6;
}

.action-box {
	background-color: #FFFFFF;
	border: 1px solid #24303F;
	border-radius: .3vw;
	margin: .5vw;
	min-height: 1.5vw;
	padding-left: .1vw;
	text-align: left;
	min-width: 7.5vw;
	padding-top: .5vw;
	padding-bottom: .25vw;
	box-shadow: 1px .1vw .15vw #9CAFB7;
}

.onboarding-action-box {
	min-width: 0vw;
}

.user-action-arrow-panel {
	margin-left: .25vw;
	margin-right: .35vw;
	float: right;
	margin-top: 1.5vw;
}

.app-selection-arrow-panel {
	margin-left: .25vw;
	margin-right: .35vw;
	float: right;
	margin-top: 1.55vw;
}

.page-icon-panel {
	margin-top: .8vw;
	margin-right: .5vw;
	float: left;
}

.user-icon {
	float: left;
}

.pricingPlanRecommendation {
	color: #00A6FF;
	float: left;
	font-size: 18px;
	margin-left: 10px;
}

.planning-header {
	border-bottom: 2px solid #66cc33;
	display: none;
	background-color: #b8e975;
}

.config-incomplete-header {
	background-color: #F7B900;
	border-bottom: 2px solid #F76900;
	float: left;
}

.planning-left-panel {
	background-color: #3B4144;
}

.planning-header-box {
	background-color: #2B3033;
	width: 100%;
}

.planning-header-text {
	color: #FFFFFF;
	font-size: 1.1vw;
	font-weight: 500;
	padding-bottom: 0.3vw;
	padding-left: 0.8vw;
	padding-right: 0.3vw;
	padding-top: 3vw;
}

.left-stack-header-text {
	color: #FFF;
	padding: .5vw .3vw .3vw .5vw;
	cursor: pointer;
}

.left-stack-headerOpen {
	border-top: 1px solid #50595B;
	font-size: .9vw;
	background-color: #495256;
	padding-left: .8vw;
	height: 2.7em;
	width: 100%;
}

.left-stack-headerClose {
	border-top: 1px solid #50595B;
	font-size: .9vw;
	background-color: #3B4144;
	padding-left: .8vw;
	height: 2.7em;
	width: 100%;
}

.left-stack-content {
	background-color: #2b3033;
	direction: rtl;
}

.right-stack-header-comingsoon {
	color: #9BACB1;
	padding: .5vw .3vw .3vw .5vw;
	cursor: pointer;
	padding: 0.7vw 3.9vw 0.3vw 0vw;
	font-size: 0.6vw;
	font-style: italic;
}

.planning-button-box {
	background-color: #2B3033;
	width: 100%;
	height: 100%;
}

.changes-title {
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding: .3vw;
	padding-left: 0;
}

.changes-row {
	border-bottom: 1px solid #000;
	padding: .3vw;
	font-size: .6vw;
}

.action-grid-arrow {
	height: 0;
	width: 0;
	border: .25vw solid transparent;
	margin: 1px
}

.action-grid-arrow.up {
	border-bottom-color: #667379;
}

.action-grid-arrow.down {
	border-top-color: #667379;
}

.action-grid-arrow.upselected {
	border-bottom-color: #000;
}

.action-grid-arrow.downselected {
	border-top-color: #000;
}

.planningButton {
	margin-right: .5vw;
	margin-top: .5vw;
}

.applyButton {
	background-color: #00A5FF;
	border: 1px solid #FFFFFF;
	border-radius: .3vw;
	box-shadow: none;
	color: #FFFFFF;
	font-family: roboto;
	font-size: .7vw;
	height: 1.5vw;
	margin-right: 1vw;
	margin-top: .3vw;
	padding: 0;
	width: 4.5vw;
	cursor: pointer
}

.buildDesignButton {
	background-color: #00A5FF;
	border: 1px solid #FFFFFF;
	border-radius: .3vw;
	box-shadow: none;
	color: #FFFFFF;
	font-family: roboto;
	font-size: .7vw;
	height: 1.5vw;
	width: 87%;
	margin-right: 1vw;
	margin-top: .3vw;
	padding: 0;
	cursor: pointer
}

.planningResetButton {
	background-color: rgba(0, 0, 0, 0);
	border: medium none;
	box-shadow: none;
	color: #FFFFFF;
	cursor: pointer;
	font-family: roboto;
	font-size: .7vw;
	height: 1vw;
	margin-right: .6vw;
	margin-top: .5vw;
	padding: 0;
	width: 4vw;
}

.forceRecomputeButton {
	background-color: #00A5FF;
	border: 1px solid #FFFFFF;
	border-radius: .3vw;
	box-shadow: none;
	color: #FFFFFF;
	font-family: roboto;
	font-size: .7vw;
	height: 1.5vw;
	margin-right: 1vw;
	margin-top: .3vw;
	padding: 0;
	width: 5.1vw;
	cursor: pointer
}

.CloseButton {
	
}

.closeIconPanelSmall {
	background: url("images/close-cross.png") no-repeat scroll 8px 8px
		#3B4144;
	border: 4px solid #FFFFFF;
	border-radius: 25px;
	box-shadow: 0 0 2px #3B4144;
	float: right;
	height: 30px;
	text-align: center;
	width: 30px;
	cursor: pointer;
}

.closeIconPanel {
	background-color: #3B4144;
	border: .2vw solid #FFFFFF;
	border-radius: 1.25vw;
	box-shadow: 0 0 .1vw #3B4144;
	float: right;
	height: 1.6vw;
	padding-top: .55vw;
	text-align: center;
	width: 2.15vw;
	cursor: pointer;
}

.overview-left-header {
	background-color: #F0F1F1;
	color: #667279;
	float: left;
	font-size: 18px;
	height: 43px;
	margin-right: 1%;
	margin-top: 0;
	padding: 27px 0 1% 2%;
	width: 19%;
}

.agentProgress-box {
	border-color: red;
	border-radius: 50px 50px 50px 50px;
	border-style: solid;
	border-width: 2px 2px 2px 30px;
	float: right;
	height: 21px;
	margin-left: 10px;
	width: 50px;
}

.performanceOverviewOverlay {
	border: 1px solid gray;
	display: none;
	background-color: #F5F8FA;
	margin-top: -255px;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 0 10px;
}

.performanceOverviewOverlayChart {
	border: 1px solid gray;
	display: none;
	background-color: #F5F8FA;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 0 10px;
	margin-top: 5px;
}

.trailHeader-perfor-overview {
	background: url("images/install-agents-sm.png") no-repeat scroll 6px 5px
		#00A6FF;
	border-radius: 5px 5px 0 0;
	color: #FFFFFF;
	font-size: 16px;
	height: 44px;
	padding: 5px 10px 0 27px;
}

.trailHeader-perfor-overview-sub {
	background: url("images/install-agents-sm.png") no-repeat scroll 10px
		6px #00A6FF;
	border-radius: 5px 5px 0 0;
	color: #FFFFFF;
	font-size: 16px;
	height: 30px;
	padding: 7px 10px 0 35px;
}

.lockedText {
	background: url("images/lock-sm.png") no-repeat scroll 5px 0
		rgba(0, 0, 0, 0);
	float: left;
	height: 20px;
	margin-left: 5px;
	width: 25px;
}

.instanceCount-green {
	color: #00A6FF;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-left: 5px;
	height: 20px;
}

.circleTextInstallAgent {
	background: url("images/install-agents-tiny.png") no-repeat scroll 20px
		2px rgba(0, 0, 0, 0);
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	padding-left: 11px;
	text-align: center;
	width: 100%;
}

.circleTextSampleData {
	background-color: #FFFFFF;
	border-radius: 10px;
	color: #96AABC;
	float: left;
	font-size: 12px;
	height: 16px;
	margin-left: 15%;
	margin-top: 5px;
	text-align: center;
	width: 70%;
	padding-bottom: 2px;
}

.performance-overview-center-box {
	background-color: #FFFFFF;
	box-shadow: 0 0 2px #888888 inset;
	clear: both;
	height: 217px;
	margin: 2%;
	float: left;
	width: 96%;
	margin-top: -168px;
}

.performance-icon-close {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: -19px;
	top: -19px;
}

.lockedScreenBox {
	border: 2px solid #808E93;
	margin: 20px;
	background-color: #D6E6F2;
	float: left;
	max-width: 98%;
}

.lockedScreenInnerBox {
	border: 2px solid #808E93;
	margin: 10px;
	background-color: #FFF;
	float: left;
}

.needHelpBox {
	background: url("images/tophelp-fff.png") no-repeat scroll 0 -3px
		rgba(0, 0, 0, 0);
	color: #FFFFFF;
	cursor: pointer;
	padding-left: 30px;
	position: absolute;
	right: 40px;
	text-align: center;
	top: 10px;
}

.needHelpBox-old {
	width: 130px;
	height: 22px;
	border: 2px solid #808E93;
	border-bottom: none;
	margin: 20px auto -5px;
	text-align: center;
	color: #00A6FF;
	font-size: 16px;
	padding-top: 8px;
	border-radius: 2px 2px 0 0;
	background-color: #D6E6F2;
	float: none;
}

.helpbox-inner {
	background-color: #D6E6F2;
	float: left;
	height: 24px;
	position: absolute;
	text-align: center;
	width: 130px;
}

.upgradeNow-top {
	background: #00A6FF;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 16px;
	height: 25px;
	margin-right: 8px;
	margin-top: 3px;
	padding: 3px 12px 1px;
}

.unlockMsg-top {
	background: url("images/smallLock.png") no-repeat scroll left center
		#00A6FF;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	margin-top: 3px;
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 5px;
}

.help-icon {
	background: url("images/tophelp.png") no-repeat scroll 3px 1px
		rgba(0, 0, 0, 0);
	color: #48637F;
	cursor: pointer;
	margin-left: 14px;
	margin-right: 22px;
	margin-top: 2px;
	padding: 3px 10px 5px 32px;
}

.help-icon-selected {
	background: url("images/tophelp-fff.png") no-repeat scroll 3px 0px
		#00A6FF;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	margin-left: 2px;
	margin-right: 10px;
	margin-top: 3px;
	padding: 3px 10px 5px 32px;
}

.separtor-top {
	color: gray;
	font-weight: bold;
	margin: 5px 10px 10px 5px;
}

.mask-panel {
	opacity: 0.3;
	pointer-events: none;
}

.floating-upgrade-now-plan {
	background: url("images/lock.png") no-repeat scroll 0 0 #00A6FF;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	padding-left: 30px;
	padding-top: 10px;
	position: absolute;
	text-decoration: underline;
	width: 98px;
	cursor: pointer;
}

/*Help Bubbles*/
.bubble-right,.bubble-right-planning {
	position: absolute;
	width: 195px;
	padding: 0px;
	background: #3B4144;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bubble-right:after,.bubble-right-planning:after {
	content: "";
	position: absolute;
	top: 52px;
	left: -20px;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #3B4144;
	display: block;
	width: 0;
	z-index: 1;
}

.bubble-right-planning:after {
	top: 31px;
}

.bubble-left:after {
	border-color: rgba(0, 0, 0, 0) #3B4144;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	content: "";
	display: block;
	position: absolute;
	right: -20px;
	top: 32px;
	width: 0;
	z-index: 999999;
}

.bubble-left {
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 0;
	position: relative;
	width: 210px;
	float: left;
	z-index: 999999;
}

.helpBox {
	color: #FFF;
	padding: 10px;
	float: left;
}

.helpHeader {
	font-size: 16px;
	font-weight: normal;
	font-family: Roboto;
	margin-bottom: 5px;
}

.helpContent {
	font-size: 12px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.helpLink {
	color: #00A6FF;
	font-size: 12px;
}

.bubble-infra:after {
	border-color: rgba(0, 0, 0, 0) #3B4144;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	content: "";
	display: block;
	left: -20px;
	position: absolute;
	top: 25px;
	width: 0;
	z-index: 1;
}

.bubble-infra {
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 0;
	position: absolute;
	float: left;
	width: 210px;
}

.helpBox-infra {
	color: #FFFFFF;
	padding: 10px;
	float: left;
}

.bubble-navigation:after {
	border-color: transparent #3B4144;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	content: "";
	display: block;
	left: -20px;
	position: absolute;
	top: 85px;
	width: 0;
	z-index: 1;
}

.bubble-navigation {
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 5px;
	position: absolute;
	width: 310px;
	float: left;
}

.bubble-overview-status:after {
	border-color: transparent #3B4144;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	content: "";
	display: block;
	left: -20px;
	position: absolute;
	top: 32px;
	width: 0;
	z-index: 1;
}

.bubble-overview-status {
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 0;
	position: absolute;
	width: 295px;
	float: left;
}

.bubble-additioanl-spend {
	position: absolute;
	width: 250px;
	padding: 0px;
	background: #3B4144;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
}

.bubble-additioanl-spend:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 120px;
	border-style: solid;
	border-width: 20px 10px 0;
	border-color: #3B4144 transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.bubble-optimization-overview:after {
	border-color: transparent #3B4144;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	content: "";
	display: block;
	left: -20px;
	position: absolute;
	top: 100px;
	width: 0;
	z-index: 1;
}

.bubble-optimization-overview {
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 0;
	position: absolute;
	width: 386px;
	float: left;
}

.bubble-planningdropdown:after {
	border-color: transparent #3B4144;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	content: "";
	display: block;
	left: -20px;
	position: absolute;
	top: 35px;
	width: 0;
	z-index: 1;
}

.bubble-planningdropdown {
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 0;
	position: absolute;
	width: 239px;
	float: left;
}

.bubble-planning-cancel {
	position: absolute;
	width: 225px;
	padding: 0px;
	background: #3B4144;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
}

.bubble-planning-cancel:after {
	content: "";
	position: absolute;
	top: -20px;
	left: 97px;
	border-style: solid;
	border-width: 0 10px 20px;
	border-color: #3B4144 transparent;
	display: block;
	width: 0;
	z-index: 1;
}

/* Hydra left menu */
.hydraSelector {
	border-bottom: 1px solid #DDDDDD;
	cursor: pointer;
	display: none;
	position: relative;
	background-color: #4F585A;
}

.hydraSelector-dropdown {
	border-bottom: 1px solid #b8babb;
	display: none;
	position: relative;
	background-color: #2b3033;
	width: 100%;
}

.menuItem-hydra {
	border-bottom: 1px solid #b8babb;
	color: #F2F2F2;
	cursor: pointer;
	font-size: 0.8vw;
	font-weight: normal;
	height: 1vw;
	padding: 1vw 5% 1vw 5%;
	position: relative;
	width: 90%;
	background-color: #2b3033;
}

.activeMenu {
	color: #FFF;
	background-color: #495256;
}

.selectedItem-hydra { /*background-color: #99CCFF;*/
	color: #FFF;
}

/* Hydra table */
table.hydraTable {
	border-collapse: collapse;
}

.hydraTable td {
	border: 1px solid #C4C9CB;
	color: #575860;
	padding: 10px 5px;
}

.hydraTable thead .header td {
	background-color: #E0EFF4;
	font-weight: bold;
	color: #111;
	padding: 6px 5px;
	font-size: 14px;
	text-align: center;
}

.hydraTable thead .groupHeader td {
	background-color: #9BACB1;
	font-weight: bold;
	color: #FFF;
	padding: 6px 5px;
	text-align: center;
	font-size: 18px;
}

.downloadMSCSV:before {
	background: url("images/Download_csn_white.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 0.9vw;
    left: 2px;
    margin-right: 0.5vw;
    margin-top: 0.05vw;
    width: 0.8vw;
}

.downloadMSCSV {
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 0.7vw;
	font-weight: normal;
	margin-right: 0.4vw;
    margin-top: 0.4vw;
    font-family: roboto;
}


.downloadCSV:before {
	float: left;
	background: url("images/downloadCsv.png") no-repeat;
	background-size: 100%;
	content: "";
	height: 0.7vw;
	left: 2px;
	margin-right: 0.4vw;
	margin-top: 0.1vw;
	width: 0.7vw;
}

.downloadCSV {
	color: #00A6FF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 0.7vw;
	font-weight: normal;
	margin-top: .1vw;
	margin-right: 0.2vw;
}

.uploadCSV:before {
	float: left;
	background: url("images/uploadCsv.png") no-repeat;
	background-size: 100%;
	content: "";
	height: 0.7vw;
	left: 2px;
	margin-right: 0.4vw;
	margin-top: 0.1vw;
	width: 0.7vw;
}

.uploadCSV {
	color: #00A6FF;
	cursor: pointer;
	float: right;
	font-size: 0.7vw;
	font-weight: normal;
	margin-top: .1vw;
	margin-right: 1vw;
}



.downloadASRCSV:before {
	float: left;
	background: url("images/downloadCsv.png") no-repeat;
	background-size: 100%;
	content: "";
	height: 1.3vw;
	left: 2px;
	margin-right: 0.4vw;
	margin-top: -0.2vw;
	width: 1.1vw;
}

.downloadASRCSV {
	color: #00A6FF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 0.7vw;
	font-weight: normal;
	margin-top: .5vw;
	margin-right: 0.2vw;
}


.restartDemoButtom:before {
	background: url("images/restart-demo.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 1.3vw;
    left: -0.4px;
    margin-right: 0.4vw;
    margin-top: -0.2vw;
    margin-left: 1vw;
    width: 1.1vw;
}

.restartDemoButtom{
	color: #00A6FF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 0.7vw;
    font-weight: normal;
    margin-right: 0.2vw;
    margin-top: 0.8vw;
}

.downloadCSVGray {
	color: #00A6FF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 13px;
	font-weight: normal;
	margin-right: 10px;
	padding-left: 22px;
	background: url("images/download_csv_gray.png") no-repeat;
}

#hydraGridSearch {
	background: url("images/search.png") no-repeat scroll 5px 5px
		transparent;
	border: 1px solid #999999;
	border-radius: 6px;
	color: #666666;
	float: right;
	font-size: 14px;
	line-height: 1;
	margin-top: 2px;
	padding: 7px 5px 7px 30px;
	width: 280px;
	font-style: italic;
}

.hydraGridSearchField {
	background: url("images/search.png") no-repeat scroll .25vw .25vw
		transparent;
	border: 1px solid #DCDCDC;
	border-radius: 0.3vw;
	color: #666666;
	float: right;
	font-size: 0.7vw;
	line-height: 1;
	padding: 0.35vw 0.25vw 0.35vw 1.5vw;
	width: 14vw;
	font-style: italic;
	background-size: 7%;
}

.hydraGridSearchField:-moz-placeholder { /* Firefox 18- */
	color: #DCDCDC;
}

.hydraGridSearchField::-moz-placeholder { /* Firefox 19+ */
	color: #DCDCDC;
}
/* Hydra tab bar */
.hTabBar {
	line-height: 1;
	border-bottom: 1px solid #999;
	margin: 0.75vw 0 0.5vw 0;
	padding-left: 0.75vw;
}

.hTabBar .hTab {
	display: inline-block;
	min-width: 4vw;
	font-size: 0.9vw;
	line-height: 1;
	border: 1px solid transparent;
	padding: 0.5vw 0.75vw;
	text-align: center;
	cursor: pointer;
	color: #586170;
}

.hTabBar .hTab.active {
	border: 1px solid #999;
	border-bottom: 2px solid #FFF;
	font-weight: bold;
	margin-bottom: -1px;
	border-radius: .3vw .3vw 0 0;
}

.hTabBar .hTab.active2 {
	border: 1px solid #999;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	border-radius: .3vw .3vw 0 0;
}

/* Hydra tab bar */
.hTabBarASR {
	line-height: 1;
	border-bottom: 1px solid #999;
	margin: 0.75vw 1.7vw 0.5vw 0;
	padding-left: 0.75vw;
}

.hTabBarASR .hTab {
	display: inline-block;
	min-width: 4vw;
	font-size: 0.9vw;
	line-height: 1;
	border: 1px solid transparent;
	padding: 0.5vw 0.75vw;
	text-align: center;
	cursor: pointer;
	color: #586170;
}

.hTabBarASR .hTab.active {
	border: 1px solid #999;
	border-bottom: 2px solid #FFF;
	font-weight: bold;
	margin-bottom: -1px;
	border-radius: .3vw .3vw 0 0;
}

.hTabBarASR .hTab.active2 {
	border: 1px solid #999;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	border-radius: .3vw .3vw 0 0;
}

/* tab bar ASR Info*/
.hTabBarASRInfo {
	line-height: 1;
	border-bottom: 1px solid #999;
	margin: 0.75vw 1.7vw 0.5vw 0;
	padding-left: 0.75vw;
}

.hTabBarASRInfo .hTab {
	color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9vw;
    line-height: 1;
    min-width: 4vw;
    padding: 0.5vw 0.75vw;
    text-align: center;
}

.hTabBarASRInfo .hTab.active {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999 #999999 #666666;
    border-image: none;
    border-radius: 0.3vw 0.3vw 0 0;
    border-style: solid;
    border-width: 1px 1px 2px;
    font-weight: bold;
    margin-bottom: -1px;
}

.hTabBarASRInfo .hTab.active2 {
	border: 1px solid #999;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	border-radius: .3vw .3vw 0 0;
}

/*Agent Installation*/
.agentInstallPanel {
	width: 100%;
}

.agent-instructions {
	width: 100%;
}

.agent-instructions td {
	vertical-align: top;
	padding: 0;
}

.agent-instructions td.leftPanel {
	width: 75%;
}

.agent-instructions td.rightPanel {
	width: 25%;
	padding-left: 15px;
}

.agent-instructions .link-block {
	border: 1px solid #999999;
	border-radius: .25vw;
	padding: .75vw 1vw;
}

.agent-instructions .link-block .link {
	padding: .25vw 0 .25vw 1.5vw;
}

.agent-instructions .link-block .email {
	background: url("images/email20.png") no-repeat scroll 0px .2vw
		transparent;
	background-size: 7%
}

.agent-instructions .link-block .logout {
	background: url("https://cloudamize-logos.s3-us-west-2.amazonaws.com/cloudamize/monogram.png") no-repeat scroll 0px .2vw
		transparent;
	background-size: 7%
}

.agent-instructions .link-block .dashbrd {
	background: url("images/dashboard20.png") no-repeat scroll 0px 6px
		transparent;
}

.agent-instructions .os-header {
	margin: 0 0 15px;
	position: relative;
	padding-left: 30px;
	font-size: 1.1vw;
}

.agent-instructions .os-header:before {
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("images/OS_icons.png") no-repeat scroll -58px 0
		transparent;
}

.agent-instructions .os-header.win:before {
	background-position: -58px 0;
}

.agent-instructions .os-header.linux:before {
	background-position: -88px 0;
}

.agent-instructions .os-header.ubantu:before {
	background-position: -118px 0;
}

.agent-instructions .os-header.centos:before {
	background-position: -154px 0;
}

.agent-instructions .link {
	color: #00A6FF;
	cursor: pointer;
	font-size: .7vw;
	text-decoration: none;
}

.agent-instructions .in-details {
	color: #667279;
	font-family: Roboto;
	font-size: .7vw;
	line-height: 1.5;
	padding-bottom: .4vw;
}

.agent-instructions .in-text {
	background-color: #2A2F32;
	color: #CCCCCC;
	font-family: Courier;
	font-size: .7vw;
	margin-top: .25vw;
	padding: .5vw 1vw;
	margin-bottom: .5vw;
}

.agent-instructions .in-header {
	font-size: .9vw;
	font-weight: bold;
	margin: .5vw 0;
}

.panelHeader {
	color: #3B4144;
	font-size: 1.2vw;
	font-weight: bold;
	margin: .5vw 1.5vw 0 1.5vw;
	padding-bottom: 0px;
}

.linuxTab,.windowTab {
	position: relative;
	padding: 12px 12px 12px 40px !important;
	text-align: left !important;
	min-width: 60px !important;
}

.statusTab {
	position: relative;
	padding: 12px 12px 12px 15px !important;
	text-align: left !important;
	min-width: 60px !important;
}

.linuxTab:before,.statusTab:before,.windowTab:before {
	content: "";
	width: 22px;
	height: 28px;
	position: absolute;
	top: 10px;
	left: 15px;
}

.linuxTab:before {
	background: url("images/OS_icons.png") no-repeat scroll -24px 0
		transparent;
}

.windowTab:before {
	background: url("images/OS_icons.png") no-repeat scroll 0 0 transparent;
}

.installationTab {
	margin-top: 0;
	margin-bottom: 0.5vw;
}

.installationTab .hTab.active {
	color: #00A6FF;
}

.bubble-performance-tuning:after {
	border-color: transparent #2B3033;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	content: "";
	display: block;
	left: -20px;
	position: absolute;
	top: 32px;
	width: 0;
	z-index: 1;
}

.bubble-performance-tuning {
	background: none repeat scroll 0 0 #2B3033;
	border-radius: 3px;
	padding: 0;
	position: absolute;
	width: 295px;
	float: left;
}

.helpIconLeft,.helpIconLeft-ff,.helpIconCost,.helpIconCostUnusedStorage,.helpIconCostPricingPlan,.helpIconCostOverProvisioned,.helpIconCostUnderProvisioned,.helpIconPerformanceOverProvisioned,.helpIconPerformanceUnderProvisioned,.helpIconPerformanceOptimallyProvisioned,.helpIconPerformanceAgentNotInstall,.helpIconLeft-planning-workingPlan,.helpIconLeft-planning-performanceTuning,.helpIconLeft-planning-performanceTuning-close,.helpIconactionableRecommendationChart
	{
	float: left;
	background: url("images/help_icon.gif") no-repeat scroll 0px 0px
		transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -4px;
	margin-bottom: -6px;
}

.helpIconRight-planning-cancel {
	float: right;
	background: url("images/help_icon.gif") no-repeat scroll 0px 0px
		transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -4px;
	margin-bottom: -6px;
}

.helpIconRight-planning-peakCPUUsage {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -4px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconRight-planning-instanceType {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -6px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconRight-planning-smoothingWindow {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -6px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconRight-planning-definePeak {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -5px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconRight-planning-loadGrowth {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -5px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconRight-planning-fixedUsageGrowth {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -4px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconRight-planning-monthlyUsageGrowth {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -4px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconRight-planning-pricingPlanInput {
	float: left;
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -5px;
	margin-bottom: -6px;
	pointer-events: auto !important;
}

.helpIconLeft-ff {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	margin-top: -5px;
}

.helpIconactionableRecommendationChart {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -37px;
}

.helpIconCost {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 22px;
}

.helpIconCostUnusedStorage {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 19px;
}

.helpIconCostPricingPlan {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 31px;
}

.helpIconCostOverProvisioned {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 15px;
}

.helpIconCostUnderProvisioned {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 12px;
}

.helpIconPerformanceOverProvisioned {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 40px;
}

.helpIconPerformanceUnderProvisioned {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 37px;
}

.helpIconPerformanceOptimallyProvisioned {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 24px;
}

.helpIconPerformanceAgentNotInstall {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	float: right;
	margin-top: -26px;
	margin-right: 35px;
}

.helpIconLeft-absolute,.helpIconLeft-absolute-ff {
	float: left;
	background: url("images/help_icon.gif") no-repeat scroll 0px 0px
		transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	position: absolute;
	right: 60px;
	top: -3px;
	margin-top: -4px;
	margin-bottom: -4px;
}

.helpIconLeft-absolute-ff {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	margin-top: -5px;
}

.helpIconRight,.helpIconRight-ff {
	float: right;
	background: url("images/help_icon.gif") no-repeat scroll 0px 0px
		transparent;
	height: 34px;
	width: 34px;
	cursor: pointer;
	display: none;
	margin-top: -4px;
	margin-bottom: -6px;
}

.helpIconRight-ff {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	margin-top: -6px;
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	margin-top: -6px;
	background: url("images/help_icon_ff.gif") no-repeat scroll 0px 0px
		transparent;
	margin-top: -6px;
}

.helpIconRight-lb {
	background: url("images/help_icon_lightblue.gif") no-repeat scroll 0px
		0px transparent;
	margin-top: -6px;
}

.helpIconLeft-planning-workingPlan,.helpIconRight-planning-cancel {
	background: url("images/help_icon_lightblue.gif") no-repeat scroll 0px
		0px transparent;
}

.helpIconRight-dg {
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	margin-top: -6px;
}

.helpIconLeft-planning-performanceTuning {
	background: url("images/help_icon_planning_gray.gif") no-repeat scroll
		0px 0px transparent;
	margin-top: -6px;
}

.helpIconLeft-planning-performanceTuning-close {
	background: url("images/help_icon_planning_lightgray.gif") no-repeat
		scroll 0px 0px transparent;
	margin-top: -6px;
}

.addedVMWareBox {
	background-color: #EAECEC;
	border-radius: .2vw;
	color: #8C9396;
	font-size: 1.1vw;
	height: 2.5vw;
	margin-bottom: .25vw;
}

.bubble-cost-status,.bubble-cost-status-four-line,.bubble-actionable-recommendation-chart,.bubble-unused-storage-chart,.bubble-pricing-plan-chart,.bubble-pricing-plan-component-chart
	{
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 0;
	position: absolute;
	width: 295px;
	float: left;
}

.bubble-cost-status:after,.bubble-cost-status-four-line:after,.bubble-actionable-recommendation-chart:after,.bubble-unused-storage-chart:after,.bubble-pricing-plan-chart:after,.bubble-pricing-plan-component-chart:after
	{
	border-color: transparent #3B4144;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	content: "";
	display: block;
	left: -20px;
	position: absolute;
	top: 42px;
	width: 0;
	z-index: 1;
}

.bubble-cost-status-four-line:after {
	top: 50px;
}

.bubble-actionable-recommendation-chart:after {
	top: 84px;
}

.bubble-unused-storage-chart:after {
	top: 64px;
}

.bubble-pricing-plan-chart:after {
	top: 50px;
}

.bubble-pricing-plan-component-chart:after {
	top: 60px;
}

.bubble-cost-left {
	background: none repeat scroll 0 0 #3B4144;
	border-radius: 3px;
	padding: 0;
	position: relative;
	width: 350px;
	float: left;
}

.bubble-cost-left:after {
	border-color: rgba(0, 0, 0, 0) #3B4144;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	content: "";
	display: block;
	position: absolute;
	right: -20px;
	top: 42px;
	width: 0;
	z-index: 1;
}

.mainDivActionSecurity {
	margin-left: 30px;
	margin-right: 30px;
}

::-webkit-input-placeholder {
	color: #CCD8DA;
}

:-moz-placeholder { /* Firefox 18- */
	color: #CCD8DA;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #CCD8DA;
}

:-ms-input-placeholder {
	color: #CCD8DA;
}

.pageHeaderAccessCode {
	border-bottom: 1px solid #808E93;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 5px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #3B4144;
}

.centerMainContainerAccessCode {
	margin: 10px 300px;
}

.migratorOverflowHidden {
	overflow: hidden;
}

.left_column {
	float: left;
	font-family: Roboto;
	width: 150px;
	margin: 15px 30px 0px 0px;
	text-align: right;
}

.right_column {
	float: left;
	font-family: Roboto;
	width: 255px;
	height: 32px;
	margin-right: 30px;
	font-size: 14px;
	font-family: Roboto;
	margin-top: 10px;
	margin-bottom: 5px;
}

.generate {
	color: #ffffff;
	border: solid 2px #fff;
	background-color: #00A6FF;
	border-radius: 5px;
	font-size: 20px;
	font-family: Roboto;
	box-shadow: 0 0 2px #3B4144;
	float: right;
	cursor: pointer;
	width: 200px;
	height: 50px;
	font-size: 22px;
}

.generate:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}

.generate:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

.auditReportHeading {
	float: left;
	font-size: 44px;
	font-weight: bold;
	font-family: Roboto;
	width: 98%;
	color: #004b8c;
	padding: 25px 0px 5px 10px;
	border-bottom: 2px dashed #00A6FF;
}

.auditReportSubHeading {
	float: left;
	font-size: 34px;
	font-weight: bold;
	font-family: Roboto;
	color: #00A6FF;
	padding: 15px 0px 5px 10px;
}

.auditReportSubHeadingImageDiv {
	float: left;
	padding: 21px 0px 5px 10px;
}

.auditReportSubHeadingImage {
	height: 30px;
	width: 30px;
}

.auditReportText {
	float: left;
	font-size: 24px;
	font-family: Roboto;
	color: #667379;
	padding: 15px 0px 5px 10px;
}

.auditReportTwoColumnDiv {
	float: left;
	width: 70%;
	margin-left: 15%;
	margin-top: 10px;
}

.auditReportRowLabel {
	float: left;
	font-size: 34px;
	width: 55%;
	font-family: Roboto;
	color: #000000;
	padding: 15px 0px 5px 10px;
	background: none repeat scroll 0 0 #D6E6F2;
}

.auditReportRowValue {
	float: left;
	background: none repeat scroll 0 0 #00A6FF;
	font-size: 34px;
	width: 40%;
	font-family: Roboto;
	color: #FFFFFF;
	padding: 15px 0px 5px 10px;
	text-align: center;
}

.auditReportSubSubHeading {
	float: left;
	font-size: 34px;
	font-family: Roboto;
	color: #00A6FF;
	padding: 15px 0px 0px 25px;
}

.auditReportSubSubHeadingImageDiv {
	float: left;
	padding: 21px 0px 0px 30px;
}

.auditReportSubText {
	float: left;
	font-size: 24px;
	font-family: Roboto;
	color: #667379;
	padding: 0px 0px 5px 85px;
}

.auditReportTableDiv {
	float: left;
	width: 95%;
	padding: 25px 5px 5px 25px;
}

.auditReportTableHeaderDiv {
	float: left;
	width: 99%;
	border-top: 2px solid #004b8c;
	border-bottom: 2px solid #004b8c;
	height: 50px;
}

.auditReportTableValueDiv {
	float: left;
	width: 99%;
	border-bottom: 2px dotted #808E93;
	height: 75px;
}

.auditReportTableSpanToplabelText {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	text-align: center;
}

.auditReportTableSpanValueText {
	display: table-cell;
	vertical-align: middle;
	height: 75px;
}

.auditReportTableLeftHeaderlabelDiv {
	float: left;
	font-size: 24px;
	font-family: Roboto;
	color: #000000;
	background: none repeat scroll 0 0 #D6E6F2;
	width: 32%;
	height: 50px;
}

.auditReportTableLeftValuelabelDiv {
	float: left;
	font-size: 24px;
	font-family: Roboto;
	color: #000000;
	background: none repeat scroll 0 0 #D6E6F2;
	width: 32%;
	height: 75px;
}

.auditReportTableToplabelDiv {
	float: left;
	width: 17%;
	font-size: 24px;
	font-family: Roboto;
	color: #00A6FF;
	height: 50px;
}

.auditReportTableTextDiv {
	float: left;
	width: 17%;
	font-size: 28px;
	font-family: Roboto;
	color: #000000;
	height: 75px;
}

.buttonBlue {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: 0 0 .1vw #3B4144;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1.1vw;
	height: 2.8vw;
	width: 12.5vw;
}

.textBoxLocal {
	border: 1px solid #B1BCC0;
	border-radius: 6px;
	color: #808080;
	font-family: Roboto;
	font-size: 24px;
	height: 42px;
	padding: 4px;
	width: 80%;
}

.searchBoxHeader {
	width: 100%;
	float: left;
	border-style: solid;
	border-width: 1px;
	border-color: #8E979B;
	background-color: #EAEAEA;
	margin-bottom: -8px;
}

.searchBoxHeader .hydraGridSearchField {
	background-color: #FFFFFF;
	margin: 2px;
}

.contentBlock1 {
	width: 100%;
	float: left;
}

.analyticsReportMainDiv {
	float: left;
	width: 100%;
	font-family: Roboto;
	border-bottom: 1px solid #808E93;
}

.analyticsReportNameDiv {
	color: #00A6FF;
	float: left;
	font-family: Roboto;
	font-size: .8vw;
	font-weight: bold;
	height: 1vw;
	padding: .4vw 0 0 .5vw;
	width: 99%;
}

.analyticsReportDescMainDiv {
	float: left;
	width: 99%;
	padding: .1vw 0px 0px 0px;
}

.analyticsReportNameDescDiv {
	float: left;
	width: 80%;
	height: .8vw;
	font-family: Roboto;
	font-size: .7vw;
	padding: 0px 0px 0px .5vw;
	color: #667379;
}

.analyticsReportNameDescRightDiv {
	float: right;
	height: .8vw;
	font-family: Roboto;
	font-size: .6vw;
	padding: 0px 0px 0px .5vw;
	color: #8C9396;
}

.analyticsReportNameSubDescDiv {
	float: left;
	width: 99%;
	height: .8vw;
	font-family: Roboto;
	font-size: .6vw;
	padding: 0px 0px 0px .5vw;
	color: #8C9396;
}

.analyticsReportOperationMainDiv {
	float: right;
	height: .8vw;
	font-family: Roboto;
	font-size: .8vw;
	padding: 0px 0px 0px .5vw;
	margin-top: -.5vw;
}

.analyticsReportOperationEmailDiv {
	float: left;
	color: #00A6FF;
	cursor: pointer;
}

.analyticsReportOperationPipeDiv {
	float: left;
	color: #8C9396;
	padding: 0px 4px 0px .2vw;
}

.analyticsReportOperationDownloadDiv {
	float: left;
	color: #00A6FF;
	cursor: pointer;
}

/* Hydra Summary Tables */
.summaryHeadHydra {
	background-color: #00a6ff;
	color: #FFFFFF;
	float: left;
	font-size: 0.8vw;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
	width: 100%;
}

.leftSummaryRowTitleHydra {
	background-color: #F2F2F2;
	color: #3A4044;
	float: left;
	font-size: 0.8vw;
	font-weight: 500;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	width: 50%;
}

.rightSummaryRowTitleHydra {
	color: #3A4044;
	float: left;
	font-size: 0.8vw;
	font-weight: 500;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	width: 36%;
}

.leftSummaryRowValueHydra {
	background-color: #F2F2F2;
	color: #9BACB1;
	float: left;
	font-size: 1.8vw;
	font-weight: bold;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 5px;
	vertical-align: top;
	width: 50%;
	border-bottom: 1px solid #9BACB1;
	min-height: 2.2vw;
}

.rightSummaryRowValueHydra {
	color: #9BACB1;
	float: left;
	font-size: 1.8vw;
	font-weight: bold;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 5px;
	vertical-align: top;
	width: 42%;
	border-bottom: 1px solid #9BACB1;
	min-height: 2.2vw;
}

.totalRowTitleHydra {
	background-color: #00a6ff;
	color: #FFFFFF;
	float: left;
	font-size: 1vw;
	font-weight: 500;
	padding: 0 2%;
	text-align: right;
	vertical-align: top;
	width: 50%;
	line-height: 3vw;
}

.totalRowValueHydra {
	background-color: #50595B;
	color: #FFFFFF;
	float: left;
	font-size: 1.8vw;
	font-weight: bold;
	padding: 0 2%;
	vertical-align: top;
	width: 42%;
	line-height: 3vw;
}

.downloadMSITitle {
	color: #667379;
	float: left;
	font-size: 26px;
	font-family: Roboto;
	font-weight: normal;
	margin-top: 15px;
}

.summaryTable { /*display: inline-block;*/
	float: left;
	border: 1px solid #9bacb1;
	margin-right: 6%;
	width: 42%;
}

.downloadMSIContent {
	color: #667379;
	float: left;
	font-size: 14px;
	font-family: Roboto;
	font-weight: normal;
	margin: 10px 20px 20px 20px;
}

.doanloadMSILink {
	color: blue;
	font-weight: bold;
	padding: 0 20px 20px;
	cursor: pointer;
}

.deleteMessagePopup {
	background-color: #FFF;
	border: 1px solid #73828A;
}

.deleteMSIButtonPanel {
	text-align: right;
	padding-bottom: 15px;
	margin-right: 20px;
	min-height: 40px;
}

.popupTitle {
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	font-size: 26px;
	color: #667379;
}

.blue2 {
	background-color: #00A6FF;
	border: 2px solid #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #3B4144;
	color: #FFFFFF;
	float: right;
	font-size: 16px;
	height: 38px;
	width: 165px;
}

.blue2:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}

.blue2:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

.cancelLink {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	border-radius: 8px;
	color: #ED3E37;
	cursor: pointer;
	float: right;
	font-size: 14px;
	height: 20px;
	margin: 11px 10px 0;
	padding-bottom: 2px;
	padding-top: 0;
	width: 60px;
}

.gwt-DatePicker {
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	cursor: default;
}

.gwt-DatePicker td,.datePickerMonthSelector td:focus {
	outline: none;
}

.datePickerMonthSelector td:focus {
	outline: none;
}

.datePickerDays {
	width: 100%;
	background: white;
}

.datePickerDay,.datePickerWeekdayLabel,.datePickerWeekendLabel {
	font-size: 85%;
	text-align: center;
	padding: 4px;
	outline: none;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,.datePickerWeekendLabel {
	background: #fff;
	padding: 0px 4px 2px;
	cursor: default;
	color: #666;
	font-size: 70%;
	font-weight: normal;
}

.datePickerDay {
	padding: 4px 7px;
	cursor: hand;
	cursor: pointer;
}

.datePickerDayIsWeekend {
	background: #f7f7f7;
}

.datePickerDayIsFiller {
	color: #999;
	font-weight: normal;
}

.datePickerDayIsValue {
	background: #d7dfe8;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
	background: #d7dfe8;
}

.datePickerDayIsToday {
	padding: 3px;
	color: #00f;
}

.datePickerMonthSelector {
	width: 100%;
	padding: 1px 0 5px 0;
	background: #fff;
}

.datePickerPreviousButton,.datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	color: #667379;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	padding: 0px 4px;
	outline: none;
}

td.datePickerMonth {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 100%;
	font-weight: bold;
	color: #667379;
}

.divLeft {
	float: left;
	margin-left: 4px;
	cursor: pointer;
}

.datePickerContentBox {
	border-left: 1px solid #9CAFB7;
	color: #667379;
	float: left;
	font-size: 18px;
	margin-bottom: -6px;
	margin-left: 20px;
	padding-left: 5px;
	padding-top: 9px;
	text-align: center;
	min-width: 200px;
}

.datePickerContent {
	display: inline-block;
	font-family: Roboto;
	font-size: 14px;
	line-height: normal;
	padding-bottom: 7px;
	padding-left: 5px;
	vertical-align: middle;
}

.home-logo-image {
	cursor: pointer;
}

.highcharts-tooltip {
	background-color: white;
	z-index: 9998;
	opacity: 1;
}

.highcharts-tooltip span {
	background-color: white;
	opacity: 1;
	z-index: 9999 !important;
	padding: 5px;
	border-radius: 3px;
}

.menuItem {
	border-bottom: 1px solid #DDDDDD;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	height: 12px;
	padding: 15px 10px 20px 30px;
	position: relative;
	width: 240px;
}

.noteLabel {
	width: 98%;
	float: left;
	margin-top: 2px;
	font-size: 11px;
	text-align: right;
}

.popUpPanal {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 4px solid #3B4144;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 2px 2px 2px #888888;
	min-height: 300px;
	padding: 10px 20px 20px;
	width: 260px;
}

.securityNoDataStyle {
	color: #667379;
	fill: #667379;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
	text-align: center;
}

.headerDiv {
	padding-top: .5vw;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: .8vw;
	/*color: #00A6FF;*/
	color: #96AABC;
	font-weight: 500;
	font-size: .8vw;
	vertical-align: middle;
	border-top: .5vw solid #667379;
	float: left;
	width: 92%;
}

.progressDiv {
	padding-top: 0.9vw;
	padding-bottom: 1.3vw;
	background-color: #00A6FF;
	color: #fff;
	font-weight: normal;
	font-size: 1.2vw;
	vertical-align: middle;
	float: left;
	width: 100%;
}

.progressPadding {
	float: left;
	width: 5%;
	height: 30px;
}

.progressLineDone {
	float: left;
	height: .2vw;
	width: 12%;
	background-color: #004b8c;
	margin-top: 1vw;
	min-height: 1px;
}

.progressLine {
	float: left;
	height: .2vw;
	width: 6%;
	background-color: #ffffff;
	margin-top: 1vw;
	min-height: 1px;
}

.progressMarker,.progressMarkerDone {
	float: left;
	height: .8vw;
	background-color: #00A6FF;
	border: .3vw solid #ffffff;
	border-radius: .8vw;
	width: .8vw;
	margin-top: .5vw;
}

.progressMarkerDone {
	background-color: #004b8c;
}

.providerDiv {
	border: 1px solid #B1BCC0;
	border-radius: 5px;
	padding-left: 30px;
	padding-right: 30px;
	min-height: 130px;
	min-width: 690px;
}

.billingOnboardingDiv {
	border-top: 1px solid #B1BCC0;
	border-radius: 5px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	min-height: 350px;
	min-width: 690px;
}

.progressHeader {
	float: left;
	width: 50%;
	text-align: center;
	height: 1.5vw;
	font-weight: 500;
}

.onboardingBody {
	
}

.saveDisabledIaasModel {
	border-radius: .3vw;
	width: 9vw;
	height: 2.1vw;
	font-size: 1vw;
	font-family: Roboto;
	float: right;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #96AABC;
	opacity: 0.3;
	cursor: default;
	box-shadow: 0 0 .1vw #3B4144;
}

.centerDiv {
	font-size: .7vw;
	font-weight: normal;
	color: #00A6FF;
	margin-left: 17%;
	width: 73%;
}

.centerDivIaasPanel {
	float: left;
	font-size: .7vw;
	font-weight: normal;
	color: #00A6FF;
	height: 100%;
	margin-left: 12%;
	width: 66%;
	margin-top: 1.3vw;
}

.addEAcenterDiv {
	float: left;
	font-size: .7vw;
	font-weight: normal;
	color: #00A6FF;
	height: 100%;
	margin-left: 2%;
	width: 66%;
}

.inputBox {
	border: 1px solid #B1BCC0;
	border-radius: .3vw;
	padding: .2vw;
	color: #3B4144;
	width: 21vw;
	height: 1.6vw;
	font-size: 1.1vw;
	font-family: Roboto;
}


.inputErrorBoxASR {
    border: 1px solid #DB3535;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    color: #3B4144;
    font-family: Roboto;
    font-size: 0.8vw;
    height: 1.6vw;
    width: 17vw;
}

.inputBoxASR {
	border: 1px solid #B1BCC0;
	border-radius: .3vw;
	color: #3B4144;
	width: 17vw;
	height: 1.6vw;
	font-size: 0.8vw;
	font-family: Roboto;
}

.inputErrorBox {
	border: 1px solid #DB3535;
	border-radius: .3vw;
	padding: .2vw;
	color: #3B4144;
	width: 21vw;
	height: 1.6vw;
	font-size: 1.1vw;
	font-family: Roboto;
}

.inputBoxSmall {
	border: 1px solid #B1BCC0;
	border-radius: .3vw;
	padding: .2vw;
	color: #3B4144;
	width: 12.35vw;
	height: 1.3vw;
	font-size: 1vw;
	font-family: Roboto;
}

.inputBoxSmall-long {
	border: 1px solid #B1BCC0;
	border-radius: .3vw;
	padding: .2vw;
	color: #3B4144;
	width: 19.1vw;
	height: 1.3vw;
	font-size: 1vw;
	font-family: Roboto;
}

.labelHeader {
	font-size: 2.2vw;
	font-weight: normal;
	color: #2B3033;
}

::-webkit-input-placeholder {
	color: #CCD8DA;
}

:-moz-placeholder { /* Firefox 18- */
	color: #CCD8DA;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #CCD8DA;
}

:-ms-input-placeholder {
	color: #CCD8DA;
}

.blue {
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .3vw;
	width: 22vw;
	height: 2.4vw;
	font-size: 1.2vw;
	box-shadow: 0 0 .1vw #3B4144;
	margin: 0 auto;
}

.blue:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}

.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

.blue.disabled{
	color: #777777;
	border: solid .1vw #fff;
	background-color: #CCCCCC;
	border-radius: .3vw;
	width: 22vw;
	height: 2.4vw;
	font-size: 1.2vw;
	box-shadow: 0 0 .1vw #3B4144;
	margin: 0 auto;
}

.blue.disabled:HOVER{
	
}

.privacyDiv {
	font-weight: normal;
	font-size: .75vw;
	color: #666666;
	float: left;
	width: 22vw;
	text-align: right;
}

#privacyDiv>a {
	color: #00A6FF;
	text-decoration: none;
}

.fieldLabel {
	padding-left: .5vw;
	padding-bottom: .3vw;
	font-size: .9vw;
	color: #667379;
	line-height: .9vw;
}

.fieldLabelSurveyQuestion {
	font-size: .9vw;
	color: #667379;
	line-height: .9vw;
}

.fieldLabelASR {
	padding-bottom: .3vw;
	font-size: .9vw;
	color: #667379;
	line-height: .9vw;
}

.fieldLabelDemo {
	padding-left: .1vw;
	padding-bottom: .3vw;
	font-size: .9vw;
	color: #667379;
	line-height: .9vw;
}

.fieldLabelError {
	padding-left: .1vw;
	color: #DB3535;
	padding-bottom: .3vw;
	font-size: .9vw;
}

.addedAccountHeader {
	float: left;
	font-size: 22px;
	color: #808E93;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 2%;
}

.addedAccountValue {
	float: left;
	font-size: 22px;
	color: #808E93;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 2%;
}

.tooltip {
	margin-top: 1px;
	display: inline-table;
}

p.tooltip {
	outline: none;
}

p.tooltip strong {
	line-height: 30px;
	font-size: 16px;
	font-family: Roboto;
	font-weight: normal;
}

p.tooltip:hover {
	text-decoration: none;
}

p.tooltip span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	margin-top: -196px;
	margin-left: 12px;
	width: 580px;
	line-height: 16px;
	font-size: 12px;
	font-family: Roboto;
	cursor: default;
}

p.tooltip:hover span {
	display: inline;
	position: absolute;
	color: #fff;
	background: #3B4144;
}

.callout {
	z-index: 20;
	position: absolute;
	top: 190px;
	border: 0;
	left: -12px;
}

p.tooltip span {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}

.dropdownDiv option {
	border-right: 1px solid gray;
}

.dropdownDiv {
	-webkit-appearance: none;
	-moz-appearance: window;
	background: transparent;
	width: 250px;
	font-family: Roboto;
	padding: 4px 0 0 5px;
	font-size: 14px;
	border: 0;
	color: #667379;
	height: 35px;
	background: url("images/dropdown-selector.png") no-repeat 200px 0px;
	;
}

.grayDisabled {
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #96AABC;
	border-radius: .25vw;
	width: 12.5vw;
	height: 2.7vw;
	opacity: 0.3;
	cursor: default;
	font-size: 1.1vw;
	box-shadow: 0 0 .1vw #3B4144;
}

.setupAccountButton {
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .3vw;
	width: 11.5vw;
	height: 2.8vw;
	font-size: 1.1vw;
	font-family: Roboto;
	box-shadow: 0 0 .1vw #3B4144;
}

.setupAccountButton:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}

.setupAccountButton:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

.detailedBillingBarLegendsDiv {
	float: left;
	height: 15px;
	width: 15px;
	line-height: 13px;
	text-align: center;
}

.detailedBillingBarLegendsSpan {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.detailedBillingFilterAZ {
	background-color: #00A6FF;
	border: 2px solid #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 2px #3B4144;
	color: #FFFFFF;
	font-size: 20px;
	height: 33px;
	margin-top: 8px;
	margin-left: -10px;
	width: 203px;
	cursor: pointer;
	text-align: center;
}

.detailedBillingFilterDialogButtonDone {
	background-color: #00A6FF;
	border: 2px solid #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 2px #3B4144;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 20px;
	height: 40px;
	margin-top: 10px;
	width: 85px;
	margin-right: 50px;
}

.detailedBillingGrayLabel {
	color: #00A6FF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 13px;
	font-weight: normal;
	margin-top: 15px;
	padding-left: 22px;
	background: url("images/filter-icon.png") no-repeat;
}

.filter-boxpanel {
	width: 245px;
	background-color: none;
	cursor: pointer;
	cursor: default;
	padding-left: 10px;
	border-top: 1px solid #99A6AA;
}

.filter-item-box {
	background-color: none;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	color: #B9D1D9;
	padding-right: 10px;
	cursor: default;
}

.filter-option-box {
	background-color: rgb(92, 106, 109);
	border-top: 1px solid #99A6AA;
	width: 226px;
	height: 35px;
	padding-left: 18px;
	line-height: 2;
	color: #B9D1D9;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.saved-filter-option-box {
	width: 180px;
	height: 35px;
	padding-left: 30px;
	line-height: 2;
	color: #B9D1D9;
	font-size: 14px;
}

.assetSelectionList {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	width: 100%;
	font-family: Roboto;
	font-size: 14px;
	border: 0;
	color: #667379;
	height: 29px;
	background: url("images/dropdown-selector.png") no-repeat 105% 0px;
}


.doneClass {
	color: #667379;
	margin-right: 20px;
	font-size: 14px;
}

.cancelClass {
	color: #FF0000;
	margin-right: 20px;
	font-size: 14px;
}

.gwt-StackLayoutPanelHeader {
	z-index: 998;
}

.reportBuilderTextBoxLabels {
	color: #667379;
	font-size: .9vw;
	padding-left: .1vw;
	font-weight: normal;
	margin-top: 1vw;
	margin-bottom: .1vw;
}

.center-body-panel {
	margin: 0px;
}


.accountSelectionAndConfigDiv {
	float: left;
	width: 100%;
	padding-top: 10px;
}


.invoiceTreeChild {
	background-color: #F0F6F7;
	display: none;
	float: left;
	margin: 10px 0 20px 2%;
	padding: 5px 0 10px 1%;
	width: 96%;
}

.invoiceNoDataDiv {
	float: left;
	width: 100%;
	text-align: center;
}

.invoiceNoDataSpan {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-family: Roboto;
}

.noteLabelAlignStart {
	width: 98%;
	float: left;
	margin-top: 2px;
	font-size: 11px;
	text-align: start;
}

.buttonBlueSmall {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: 0 0 .1vw #3B4144;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1vw;
	height: 2.1vw;
	font-family: Roboto;
	padding-left: .5vw;
	padding-right: .5vw;
}

.buttonGreenSmall {
	background-color: #66cc33;
	border-radius: .25vw;
	box-shadow: 0 0 .1vw #3B4144;
	color: #FFFFFF;
	cursor: pointer;
	font-size: .9vw;
	font-weight: 500;
	height: 2.1vw;
	font-family: Roboto;
	padding-left: .6vw;
	padding-right: .6vw;
	border: 0;
}

.grayDisabledSmall {
	background-color: #96AABC;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: 0 0 .1vw #3B4144;
	color: #FFFFFF;
	cursor: default;
	font-size: 1vw;
	opacity: 0.3;
	height: 2.1vw;
	font-family: Roboto;
	padding-left: .5vw;
	padding-right: .5vw;
}

.disabledElement {
	opacity: 0.5;
	pointer-events: none;
}

.textBlockValueSmall {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	color: #808E93;
}

.textBlockTitleSmall {
	font-weight: bold;
	float: left;
	width: 100%;
	font-size: 10px;
	text-align: center;
	color: #808E93;
}

.ellipsis-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis-text:hover {
	text-overflow: inherit;
	overflow: visible;
	color: #3B4144;
}

.filter-delete {
	cursor: pointer;
	margin-top: 8px;
}

.estimatorGridNoDataStyle {
	color: #667379;
	fill: #667379;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 15px;
}

.y-popup {
	color: #FFFFFF;
}

.normalSubEnabledLabel {
	color: #D6E6F2;
	font-size: 14px;
	padding-left: 45px;
	margin-top: 10px;
	cursor: pointer;
	margin-bottom: 10px;
	float: left;
	width: 179px;
}

.gwt-MenuItem {
	background-color: #FFFFFF;
	color: #0094FF;
	font-family: roboto;
	font-size: 14px;
	padding: 3px;
	text-decoration: underline;
	cursor: pointer;
}

.migratorRightConfig {
	float: left;
	width: 238px;
	border: 1px solid;
	border-radius: 8px 0 0 8px;
}

.rightMgrnHeaderCode {
	background-color: #2B2F33;
	border-radius: 6px 0 0 0;
	color: #FFFFFF;
	float: left;
	font-size: 20px;
	height: 30px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 3px;
	width: 100%;
}

.rightMgrnConfigCode {
	background-color: #4F585A;
	border-top: 1px solid #99A6AA;
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	margin-top: 0;
	width: 100%;
}

.testGroup {
	overflow: visible;
	top: 105px;
	position: static !important;
}

.centerConfig {
	height: 100%;
	width: 100%;
	position: static !important;
}

.configStack {
	float: left;
	width: 100%;
	height: 100%;
	z-index: 2;
	/* top: 124px;*/
	position: absolute !important;
}

.configStack-button {
	background-color: #4F585A;
	border-radius: 0 0 0 6px;
	border-top: 1px solid #000000;
	float: right;
	height: 40px;
	width: 100%;
}

.migApplyButton {
	background-color: #00A5FF;
	border: 1px solid #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: none;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-family: roboto;
	font-size: 14px;
	height: 32px;
	margin-right: 5px;
	margin-top: 4px;
	padding: 0;
	width: 70px;
}

.migrAppList {
	float: left;
	width: 11vw;
}

.migrConfigListElement {
	color: #667379;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 14vw;
}

.migrConfigListElement:hover {
	text-overflow: inherit;
	overflow: visible;
	white-space: normal;
}

.bottomspace {
	float: left;
	width: 100%;
}

.appHeader {
	float: left;
	padding-left: 7px;
}

.collapsedFilter {
	position: absolute;
	background-image: url("images/filterPlus.png");
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFF;
	height: 48px;
	top: 113px;
	right: -5px;
	width: 60px;
	-moz-border-radius-topleft: 40%;
	-webkit-border-top-left-radius: 40%;
	border-top-left-radius: 40%;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 40%;
	-webkit-border-bottom-left-radius: 40%;
	border-bottom-left-radius: 40%;
	opacity: 0.8;
	cursor: pointer;
}

.migratorHeader {
	background-color: #495256;
	float: left;
	width: 100%;
	border-top: 0.1vw solid #495256;
	height: 2.5vw;
}

.additionalDataPanel {
	border: 1px solid #495256;
	background-color: #2b3033;
	opacity: 0.9;
	z-index: 999;
	position: relative;
	width: 100%;
}

.noSelectedNodeMsg {
	font-family: Roboto;
	color: #9BACB2;
	font-size: .8vw;
	padding: .5vw;
	padding-bottom:0px;
}

.layoutOption {
	border-bottom: 1px solid #CCCCCC;
	color: #777777;
	cursor: pointer;
	font-size: .7vw;
	padding: .13vw;
	width: 6.6vw;
}

.layoutOption-selected {
	background-image: url("images/selected.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: .9vw;
	width: 6vw;
}

.conflict {
	background-image: URL("images/warning.png");
	background-repeat: no-repeat;
	background-position: right;
}

.layoutOption:HOVER {
	background-color: #9CAFB7;
	color: #FFF;
}

.layoutOptionPopup {
	border: 1px solid #ccc;
	background-color: #F2F3F4;
}

.leftNavtitle {
	color: #FFFFFF;
	font-size: 1vw;
	font-weight: 500;
	padding-left: 1vw;
	padding-top: .5vw;
	padding-bottom: .5vw;
	line-height: 1.5vw;
}

.tinyblue {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: 1px 1px .1vw #3B4144;
	color: #FFFFFF;
	float: right;
	font-family: Roboto;
	font-size: .9vw;
	height: 1.6vw;
	margin-top: .25vw;
	width: 7vw;
}

.non-float-tinyblue{
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: 1px 1px .1vw #3B4144;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .9vw;
	height: 1.6vw;
	margin-top: .25vw;
	width: 7vw;
}

.tinybluereset {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: 1px 1px .1vw #3B4144;
	color: #FFFFFF;
	float: left;
	font-family: Roboto;
	font-size: .9vw;
	height: 1.6vw;
	width: 3.3vw;
}

.buttonblue {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .8vw;
	box-shadow: 1px 1px .1vw #3B4144;
	color: #FFFFFF;
	display: inline-block;
	float: left;
	font-family: Roboto;
	font-size: 1.2vw;
	font-weight: bold;
	height: 1.6vw;
	line-height: 1.2vw;
	margin-left: .5vw;
	margin-right: .5vw;
	margin-top: .25vw;
	width: 1.6vw;
}

.smallblue,.smallblue-right {
	float: left;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	width: 8.25vw;
	height: 1.8vw;
	font-size: .9vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
}

.trynewconsole {
	float: left;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	width: 8.25vw;
	height: 2.2vw;
	font-size: .9vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
	margin-top: 0.6vw;
    margin-left: 0px;
    margin-right: 1.5vw;
	cursor: pointer;
	
}

.smallblue.disabled {
	background-color: #96AABC;
	cursor: not-allowed;
}

.smallblue-right {
	float: right;
}

.smallblue-right-disabled {
	float: left;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	width: 8.25vw;
	height: 1.8vw;
	font-size: .9vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
	float: right;
	cursor: default;
	opacity: .5;
}


.smallblue-right-dialog {
	float: right;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	width: 6.25vw;
	height: 1.8vw;
	font-size: .9vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
}

.smallblue-right-dialog-disabled {
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	width: 6.25vw;
	height: 1.8vw;
	font-size: .9vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
	float: right;
	cursor: default;
	opacity: .5;
}



.gridblue {
	float: left;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	height: 1.3vw;
	font-size: .8vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
}

.buttonblue:hover,.tinyblue:hover,.smallblue:hover ;.gridblue:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}

.buttonblue:active,.tinyblue:active,.smallblue:active,.gridblue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

.sourceAppHeader td {
	border-right: 1px solid #FFF;
	color: #9BACB2;
}

.sourceAppText {
	color: #9BACB2;
}

.appLabel {
	color: #00a5ff;
	word-wrap: break-word;
	width: 5vw;
}

.linkLabel {
	cursor: pointer;
}

.linkLabel:HOVER {
	color: #FFF;
}

.appRow td {
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

.appDetailIcon {
	background: url("images/application_detail.png") no-repeat scroll center
		center transparent;
	height: .8vw;
	width: .8vw;
	cursor: pointer;
	display: block;
	margin-top: -.2vw;
	margin-bottom: -.3vw;
	background-size: 90%
}

.connectionDetailPanel {
	border: 1px solid #CCC;
	background-color: #73828A;
	z-index: 999999;
	position: relative;
	opacity: 0.9;
	COLOR: #fff;
	font-size: .7vw;
	padding: .5vw;
}

.connectionHeader td {
	border-right: 1px solid #CCC;
	background-color: #00a5ff;
}

.connectionRow td {
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
}

.headerColumn {
	background-color: #00a5ff;
}

.asrPopupHeaderColumn {
	background-color: #00A5FF;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    margin-right: 0vw;
    padding: 4px;
    width: 6.7vw;
}

.asrPopupHeaderColumnFirst {
	background-color: #00A5FF;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    margin-right: 0vw;
    padding: 4px;
    width: 6.7vw;
}

.asrPopupValueColumn {
	background-color: #666666;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    margin-right: 0vw;
    padding: 4px;
    width: 6.7vw;
}

.asrPopupValueColumnFirst {
	background-color: #666666;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    margin-right: 0vw;
    padding: 4px;
    width: 6.7vw;
}

.asrPopupValueColumnWide {
	background-color: #666666;
    margin-right: 0vw;
    padding: 4px;
    width: 21vw;
}

.asrPopupPanel {
	border: 1px solid #FFFFFF;
	background-color: #666666;
	z-index: 999999;
	position: relative;
	opacity: 0.9;
	color: #fff;
	font-size: .7vw;
	padding: .5vw;
	height: 15vw;
}

.asrHistoryParentPanel {
	background-color: #666666;
	z-index: 999999;
	position: relative;
	opacity: 0.9;
	color: #fff;
	font-size: .7vw;
	padding: .5vw;
	height: 15vw;
}

.hyperlinkLabel {
	cursor: pointer;
	text-decoration: underline;
}

.hyperlinkLabel:HOVER {
	color: #00a5ff;
}

.keyValueTable {
	width: 94%;
	border: 1px solid #CCC;
	margin: .8vw;
	background-color: #42494c;
}

.keyLabel {
	padding: .3vw;
	color: #3b4144;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-color: #E6F0F7;
}

.valueLabel {
	padding: .3vw;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	background-color: #666;
}

.planningIcon {
	padding: .3vw .3vw .3vw;
	float: right;
	cursor: pointer;
	display: block;
}

.migratorButton,.migratorButton-disabled {
	background-color: #00A6FF;
	border-radius: .3vw;
	color: #FFFFFF;
	cursor: pointer;
	font-size: .9vw;
	height: 2.1vw;
	font-family: Roboto;
	margin-left: .5vw;
	margin-right: .75vw;
	float: right;
	margin-top: 1vw;
}

.migratorButton-disabled {
	background-color: #96AABC;
	opacity: 0.3;
	pointer-events: none;
}

.deleteDisabled {
	color: #96AABC;
	border-radius: .25vw;
	opacity: 0.3;
}

.invisibleMigratorButton {
	color: #FFFFFF;
	font-size: 18px;
	height: 42px;
	font-weight: bold;
	font-family: Roboto;
	margin-left: 32px;
	margin-top: 3px;
	margin-right: 15px;
	width: 190px;
}

.migratorButtonNoPointer {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: 0 0 .1vw #3B4144;
	color: #FFFFFF;
	font-size: .9vw;
	height: 2.1vw;
	font-weight: bold;
	font-family: Roboto;
	margin-left: .5vw;
	margin-top: .25vw;
	margin-right: .75vw;
	float: right;
}

.assetNameBoxError {
	width: 15vw;
	height: 2vw;
	border: 1px solid red;
	border-radius: 4px;
}

.assetNameBox {
	width: 15vw;
	height: 2vw;
	border: 1px solid #CCC;
	border-radius: 4px;
	margin-top: 3px;
}

.blue-est {
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .3vw;
	width: 11.5vw;
	height: 2.8vw;
	font-size: 1.1vw;
	box-shadow: 0 0 .1vw #3B4144;
	cursor: pointer;
}

.blue-est:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}

.blue-est:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

.vcenterErrorPopup {
	color: red;
	max-width: 200px;
	min-height: 20px;
	background-color: #CCC;
	padding: 10px;
	border: 1px solid gray;
}

.configselectionarrow {
	float: right;
	width: 1vw;
	height: 2vw;
}

.noResultFoundLabel {
	font-size: .8vw;
	font-family: roboto;
}

.gwt-CheckBox>input[type=checkbox] {
	color: green;
}

.customCheckBox {
	float: left;
}

.customCheckBox>input[type=checkbox] {
	width: 1.3vw;
	margin: 0;
	padding: 0;
	opacity: 0;
	float: left;
	line-height: .9vw;
}

.customCheckBox>input[type=checkbox]+label {
	margin-left: -1.3vw;
	padding-left: 1.3vw;
	background: url('images/checkbox.png') no-repeat 0 0;
	background-size: .7vw;
	background-position: .1vw .1vw;
}

.customCheckBox>input[type=checkbox]:checked+label {
	background: url('images/checkbox-checked.png') no-repeat 0 0;
	background-size: .7vw;
	background-position: .1vw .1vw;
}

.gwt-RadioButton>input[type=radio] {
	width: 1.3vw;
	margin: 0;
	padding: 0;
	opacity: 0;
}

.gwt-RadioButton>input[type=radio]+label {
	margin-left: -1.3vw;
	padding-left: 1.3vw;
	background: url('images/unchecked.png') no-repeat 0 0;
	background-size: 1vw;
	background-position: left center;
}

.gwt-RadioButton>input[type=radio]:checked+label {
	background: url('images/checked.png') no-repeat 0 0;
	background-size: 1vw;
	background-position: left center;
}

.stackHeader {
	background-color: #3B4144;
	height: 2vw;
	color: #FFF;
	font-size: .9vw;
	line-height: 2;
	padding-left: .5vw;
	opacity: 0.9;
	z-index: 999;
	cursor: pointer;
	border-top: 1px solid #495256;
}

.expandCollapseIcon {
	width: 0.6vw;
	height: 0.8vw;
	float: left;
	cursor: pointer;
	margin-right: 0.8vw;
	margin-top: 0.5vw;
}

.topologyBackground {
	background: url('images/topologyBackgrd.png');
	background-repeat: repeat;
}

/*--------------Topology Style*/
.groupStyle {
	fill: rgba(0, 0, 0, 0.0);
	stroke: rgba(0,166,255,0.7);
	stroke-linejoin: round;
	stroke-dasharray: 16, 6;
	stroke-width: 4;
	position:relative;
}

.assetStyle {
	fill: rgba(102, 204, 51, 0.0);
	stroke-linejoin: round;
	stroke: rgba(179,179,179,0.7);
	stroke-dasharray: 16, 6;
	stroke-width: 4;
}

.group-label {
	font-size: 14px;
	cursor: pointer;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
	fill: #F69722;
	margin-top: 0.5vw;
}

.componentDialog .closeIconPanel {
	position: absolute;
	right: 7px;
	top: 7px;
}

.componentDialog {
	right: 2vw !important;
	top: 2vw !important;
}

.componentDialog .dialogMiddleCenter {
	vertical-align: bottom;
}

.componentDialog .infoPanel {
	margin: 0 1px 2px 0;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	position: relative !important;
}

.compCol:hover {
	text-decoration: underline;
}

.performancePageHeaderRow {
	background-color: #F1F1F1;
	color: #3A4044;
	float: left;
	font-size: 0.7vw;
	font-weight: bold;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	width: 50%;
	height: 0.6vw;
}

.nodeTitle {
	color: #73828A;
	font-size: 1.3vw;
	font-weight: bold;
	padding-left: 10px;
	margin-top: .7vw;
	float: left;
	width: 45%;
}

.entityName {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.entityNamePopup {
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 30vw;
}

.headerSection {
	/* background-color: #73828A; */
	
}

.collapseExpand {
	position: absolute;
	top: 50%;
	margin-top: -27px;
	padding: 18px 3px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3), inset 1px 1px 0
		rgba(255, 255, 255, 0.1);
	border: 1px solid #676767;
	color: #fff;
	background: #666;
	cursor: pointer;
	left: 50%;
	border-left: none;
	border-radius: 0 3px 3px 0;
}

.rightCollapseIcon {
	border-radius: 3px 0 0 3px;
}

.node-background {
	fill-opacity: 0.2;
	fill: #D8DAEB;
	-webkit-transition: fill-opacity 0.3s ease-in-out;
	-o-transition: fill-opacity 0.3s ease-in-out;
	transition: fill-opacity 0.3s ease-in-out;
}

.node-label {
	font-size: 6.5vw;
	text-anchor: middle;
	fill: #333;
	cursor: default;
}

.instanceColumn {
	cursor: pointer;
	color: #00A6FF;
	text-decoration: underline;
}

.instanceColumn:hover {
	text-decoration: underline;
}

.userPopupPanel {
	z-index: 1000;
}

.showGraph-button-left {
	/* 	background-image: url("images/graphicon.png") !important; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.2vw auto;
	cursor: pointer;
	padding: 1vw;
}

.tipPopup {
	background-color: #444;
	color: #FFF;
	padding: 5px;
	z-index: 20000;
}

.migr-grid-header-cell {
	border-right: 1px solid #B2C2C8;
	background-color: #E0EFF4;
	cursor: pointer;
	height: 6.8vw;
}

.validation-grid-header-cell {
	border-right: 1px solid #B2C2C8;
	background-color: #E0EFF4;
	cursor: pointer;
	height: 1.8vw;
}

.migr-grid-main-header-cell {
	border-right: 1px solid #B2C2C8;
	background-color: #00a6ff;
	cursor: pointer;
	height: 1.8vw;
}

.migr-grid-header-label {
	padding: .25vw;
	font-size: .7vw;
	text-align: left;
	color: #3b4144;
	font-weight: 500;
	white-space: normal !important;
	max-height: 6vw;
	overflow: hidden;
}

.migr-grid-main-header-label {
	padding: .25vw;
	font-size: .9vw;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	white-space: normal !important;
	max-height: 2.1vw;
	overflow: hidden;
}

.migr-inner-grid-header {
	background-color: #E0EFF4;
	border-bottom: 1px solid #B7C2C4;
	border-left: 1px solid #B7C2C4;
	color: #3b4144;
	font-size: .7vw;
	font-weight: 500;
	padding: .25vw;
	height: 4vw;
	text-align: left;
	overflow: hidden;
}

.migr-inner-grid-main-header {
	background-color: #799299;
	border-bottom: 1px solid #B7C2C4;
	border-left: 1px solid #B7C2C4;
	color: #ffffff;
	font-size: .7vw;
	font-weight: 500;
	padding: .25vw;
	text-align: center;
}

.action-detail-data-name-col {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCD8DA;
	border-left: 1px solid #CCD8DA;
	vertical-align: top;
	padding-bottom: 6px;
	width: 4vw;
}

.header-planningButton {
	float: right;
	font-size: 1vw;
	height: 2.3vw;
	margin-top: 3px;
	width: 10.5vw;
	cursor: pointer;
}

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
	background-color: transparent;
	cursor: row-resize;
	color: #FFFFFF;
}

.help-icon-estimator {
	background: url("images/tophelp.png") no-repeat scroll 0.4vw 1px
		rgba(0, 0, 0, 0);
	color: #48637F;
	background-size: 2vw;
	cursor: pointer;
	margin-left: 0.5vw;
	margin-right: -0.2vw;
	padding: 0.5vw 1vw 0 2.4vw;
	font-size: 1vw;
	height: 2.1vw;
	float: right;
	margin-top: 0.9vw;
}

.validationEditTestIcon {
    background-image: url("images/editWhite.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1vw 1vw;
    cursor: pointer;
    float: right;
    height: 1vw;
    padding-right: 1vw;
    padding-top: 0;
    width: 1vw;
}

.help-icon-selected-estimator {
	background: url("images/help_icon_ff.gif") no-repeat scroll 0.4vw 0px
		rgba(0, 0, 0, 0);
	color: #48637F;
	background-size: 2vw;
	cursor: pointer;
	margin-left: 0.5vw;
	margin-right: -0.2vw;
	padding: 0.5vw 1vw 0 2.4vw;
	font-size: 1vw;
	height: 2.1vw;
	float: right;
	margin-top: 0.9vw;
}

.notification-icon-estimator {
	background: url("images/notification.png") no-repeat scroll 0.6vw 0px
		rgba(0, 0, 0, 0);
	color: #48637F;
	background-size: 1.5vw;
	cursor: pointer;
	margin-left: 0.5vw;
	margin-right: -1.5vw;
	padding: 0.5vw 1vw 0 2.4vw;
	font-size: 1vw;
	height: 2.1vw;
	float: right;
	margin-top: 1.2vw;
}

.close-notification{
	background: url("images/cross-black.png") no-repeat scroll 14px 3px
		rgba(0, 0, 0, 0);
	color: #48637F;
	background-size: 0.8vw;
	cursor: pointer;
	margin-right: -1.5vw;
	padding: 0.5vw 1vw 0 2.4vw;
	font-size: 1vw;
	height: 2.1vw;
	float: right;
}

.helpGridIconRight-ff {
	float: right;
	background: url("images/help_icon_ff.gif") no-repeat scroll center/1.4vw
		transparent;
	width: 100%;
	height: 1.7vw;
	cursor: pointer;
	display: none;
	margin-bottom: -6px;
}

.help-icon-estimator-new {
	height: 1.7vw;
	display: block;
}

.changePopup {
	z-index: 999;
}

.info-popup {
	border: 1px solid #666;
	border-radius: 5px;
	background-color: #333;
	max-width: 300px;
	max-height: 100px;
	min-width: 100px;
	min-height: 20px;
	color: #FFF;
	text-align: left;
	padding: 20px;
	z-index: 99999;
}

.cancelButton {
	background: transparent;
	border: medium none;
	border-radius: .4vw;
	color: #ED3E37;
	float: right;
	font-size: .7vw;
	height: 1vw;
	margin: .55vw .5vw 0 .5vw;
	padding-top: 0;
	width: 3vw;
	cursor: pointer;
	padding-bottom: .1vw;
}

.deleteButton {
	background: transparent;
	border: medium none;
	border-radius: .4vw;
	color: #ED3E37;
	float: right;
	font-size: .7vw;
	height: 1vw;
	margin: .0 .0 0 .5vw;
	padding-top: 0;
	width: 6vw;
	cursor: pointer;
	padding-bottom: .1vw;
	text-align: right;
}

.deleteButton-disabled {
	background: transparent;
	border: medium none;
	border-radius: .4vw;
	color: #ED3E37;
	float: right;
	font-size: .7vw;
	height: 1vw;
	margin: .0 .0 0 .5vw;
	padding-top: 0;
	width: 6vw;
	cursor: default;
	padding-bottom: .1vw;
	text-align: right;
	opacity: .5;
}

.planning-header-button {
	background-color: #3F811F;
	border: medium none;
	font-family: Roboto;
	border-radius: .3vw;
	color: #FFFFFF;
	float: right;
	font-size: .8vw;
	height: 1.7vw;
	margin: .25vw .6vw 0;
	padding: 0 .8vw .2vw;
	cursor: pointer;
}

.planning-header-label {
	float: left;
	color: #3F811F;
	font-size: 0.9vw;
	margin: 0.5vw 1vw 0 0;
	border: none;
	background: none;
}

.planning-header-link {
	float: right;
	color: #3F811F;
	font-size: 0.8vw;
	margin: 0.5vw 0.25vw 0px;
	border: none;
	background: none;
}

.summaryPlanName {
	float: left;
	color: #00a6ff;
	font-size: 1.3vw;
	height: 3.5vw;
	line-height: 3.5vw;
}

.summaryPlanNameManage {
	float: left;
	color: #00a6ff;
	font-size: 1.9vw;
	height: 3.5vw;
	line-height: 3.5vw;
	font-weight: bold;
}

.summaryPlanCost {
	float: left;
	color: #00a6ff;
	font-size: 2.5vw;
	font-weight: bold;
	height: 3.5vw;
	line-height: 3.5vw;
	margin-left: 1vw;
}

.mask-general {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: #333;
	opacity: 0.2;
	pointer-events: none;
}

.errorMsgLabel {
	width: 100%;
	color: #DB3535;
}

.smallLabel {
	color: #66cc33;
	font-size: .7vw;
	float: left;
	height: 1vw;
	padding-top: .1vw;
}

.smallLabel-blue {
	color: #00a6ff;
	font-size: .7vw;
	float: left;
	height: 1vw;
	padding-top: .1vw;
}

.smallValue {
	color: #66cc33;
	font-size: .8vw;
	float: left;
	margin-left: .3vw;
	height: 1vw;
}

.smallValue-blue {
	color: #00A6FF;
	font-size: .8vw;
	float: left;
	margin-left: .3vw;
	height: 1vw;
}

.planningLabel {
	font-size: .7vw;
	color: #B9D1D9;
	margin: .3vw .8vw 0;
	width: 40%;
}

.planningLabelLong {
	font-size: .7vw;
	color: #B9D1D9;
	margin: .3vw .8vw 0;
	width: 80%;
}

.dialogContent {
	float: left;
	margin: .5vw 1.4vw 1vw;
}

.dialogText {
	float: left;
	color: #808E93;
	font-size: .9vw;
	width: 100%;
}

.dialogTextSmall {
	float: left;
	color: #808E93;
	font-size: .8vw;
	width: 100%;
	margin-bottom: 1vw;
}

.dialogButtonLeftMargin {
	float: right;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	padding: 0 1vw;
	height: 1.8vw;
	font-size: .9vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
	margin-left: 1vw;
}

.dialogButton {
	float: right;
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .25vw;
	padding: 0 1vw;
	height: 1.8vw;
	font-size: .9vw;
	box-shadow: 1px 1px .1vw #3B4144;
	font-family: Roboto;
}

.designerChangesHeader {
	background-color: #B8E975;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #FFFFFF;
	font-size: 0.8vw;
	line-height: 1.2vw;
	font-weight: 500;
	padding-left: 0.5vw;
}

.designerChangesItem {
	color: #667379;
	font-size: 0.8vw;
	font-weight: normal;
	padding-bottom: .3vw;
	padding-left: 1vw;
}

.changesBox {
	float: left;
	width: 100%;
	border: 1px solid #d7d7d7;
	border-radius: .3vw;
	font-size: .8vw;
	overflow: none;
	max-height: 15vw;
}

.filterIconButtonNoBorder {
	float: left;
	text-align: center;
	cursor: pointer;
	padding: 0 3.4px;
	width: 29%;
	/*height: 3vw;*/
}

.filterIconButton {
	float: left;
	text-align: center;
	border-right: 1px solid #798286;
	cursor: pointer;
	padding: 0 3.4px;
	width: 29%;
	/*height: 3vw;*/
}

.migratorIconButton,.migratorIconButton-right {
	float: left;
	text-align: center;
	border-right: 1px solid #798286;
	cursor: pointer;
	padding: 0 3.4px;
	/*height: 3vw;*/
}

.migratorIconButton-right {
	float: right;
	border-left: 1px solid #798286;
	border-right: none;
}

.migratorIconButton-toolbar {
	float: right;
	border-left: 1px solid #798286;
	border-right: none;
	height: 4.2vw !important;
	cursor: pointer;
}

.migratorIconButton-toolbar:HOVER {
	opacity: 0.3;
	background-color: #000;
}

.migratorIconButton:HOVER,.migratorIconButton-right:HOVER {
	opacity: 0.3;
	background-color: #000;
}

.migratorToolBar {
	float: left;
	width: 100%;
}

.configPageHeaderPanel {
	float: left;
	width: 100%;
	font-size: 1vw;
	line-height: 3vw;
	font-family: Roboto;
	color: #ffffff;
	background: #2b3033;
}

.firewallTable {
	width: 100%;
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 10px;
}

.firewallHeader {
	background-color: #495256;
	font-size: 1vw;
	color: #FFFFFF;
	cursor: pointer;
	height: 1.1vw;
	padding: 0.38vw;
	width: 98.5%;
}

.firewallTableColumns {
	color: "#FFFFFF";
	width: 100%;
}

.columnHeader {
	background: "#777777";
	color: rgb(0, 165, 255);
	font-size: 14px
}

.firewallRows {
	color: "#777777";
	width: 100%;
	border-top: 1px solid #B2C2C8;
}

.columnHeaderServerProcessName {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 96.5%;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.columnHeaderServerPort {
	background-color: #00A5FF;
	color: #FFFFFF;
	background: "#777777";
	font-size: 0.9vw;
	width: 93.0%;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.columnHeaderServerIp {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 96.9%;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.columnValueServerProcessName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 18.9vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.columnValueServerPort {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 9.1vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.columnValueServerIp {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 19.1vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.columnValue {
	
}

.tableCollapseExpandPanel {
	background-color: #495256;
	height: 1.1vw;
	padding: 0.38vw;
	width: 1vw;
}

.scrollPanelHeight{
	height:36vw !important;
}

.noDataRHP{
	border-top: 1px solid #FFFFFF;
	color: #808080;
	text-align: center;
}

.installedAppsTable {
	/*width: 400px;*/
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 10px;
}

.installedAppsHeader {
	background-color: #495256;
	font-size: 1vw;
	color: #FFFFFF;
	cursor: pointer;
	height: 1.1vw;
	padding: 0.38vw;
	width: 32.97vw;
}

.installedAppsTableColumns {
	color: "#FFFFFF";
	width: 100%;
}

.installedAppsRows {
	color: "#777777";
	width: 100%;
	border-top: 1px solid #B2C2C8;
}

.installedAppsColumnHeaderApplicationName {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 16vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.installedAppsColumnHeaderVersion {
	background-color: #00A5FF;
	color: #FFFFFF;
	background: "#777777";
	font-size: 0.9vw;
	width: 7vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.installedAppsColumnHeaderVendor {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 10.5vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.installedAppsColumnValueApplicationName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 16vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.installedAppsColumnValueVersion {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 7vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.installedAppsColumnValueVendor {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10.5vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.appDNSTable {
	width: 400px;
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 10px;
}

.appDNSHeader {
	background-color: #495256;
	font-size: 1vw;
	color: #FFFFFF;
	cursor: pointer;
	height: 1.1vw;
	padding: 0.38vw;
	width: 32.97vw;
}

.appDNSTableColumns {
	color: "#FFFFFF";
	width: 100%;
}

.appDNSRows {
	color: "#777777";
	width: 100%;
	border-top: 1px solid #B2C2C8;
}

.appDNSColumnHeaderApplicationName {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 16vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.appDNSColumnHeaderDNSName {
	background-color: #00A5FF;
	color: #FFFFFF;
	background: "#777777";
	font-size: 0.9vw;
	width: 10.5vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.appDNSColumnHeaderIp {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 7vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.appDNSColumnValueApplicationName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 16vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.appDNSColumnValueDNSName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10.5vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.appDNSColumnValueIp {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 7vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.appDNSErrorMessage {
	color : red;
	font-size : 0.9vw;
}

.processesCPUUtilizationTable {
	width: 250px;
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 10px;
}

.processesCPUUtilizationHeader {
	background-color: #495256;
	font-size: 1vw;
	color: #FFFFFF;
	cursor: pointer;
	height: 1.1vw;
	padding: 0.38vw;
	width: 22vw;
}

.processesCPUUtilizationTableColumns {
	color: "#FFFFFF";
	width: 100%;
}

.processesCPUUtilizationRows {
	color: "#777777";
	width: 100%;
	border-top: 1px solid #B2C2C8;
}

.processesCPUUtilizationColumnHeaderProcessName {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 16vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.processesCPUUtilizationColumnHeaderCpuUtilization {
	background-color: #00A5FF;
	color: #FFFFFF;
	background: "#777777";
	font-size: 0.9vw;
	width: 7vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.processesCPUUtilizationColumnHeaderDescription {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 10.5vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.processesCPUUtilizationColumnHeaderProductName {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 10.5vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.processesCPUUtilizationColumnHeaderCompanyName {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 10.5vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.processesCPUUtilizationColumnValueProcessName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 16vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.processesCPUUtilizationColumnValueCpuUtilization {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 7vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.processesCPUUtilizationColumnValueDescription {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10.5vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.processesCPUUtilizationColumnValueProductName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10.5vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.processesCPUUtilizationColumnValueCompanyName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 10.5vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.buttonBigRed {
	background-color: #F73900;
	border: 1px solid #F73900;
	border-radius: .4vw;
	color: #FFFFFF;
	float: right;
	font-family: Roboto;
	font-size: 1vw;
	height: 1.8vw;
	margin-right: 1vw;
	margin-top: .5vw;
	padding-bottom: .2vw;
	cursor: pointer;
	padding-left: .5vw;
	padding-right: .5vw;
	overflow: hidden;
}

.buttonBigRed1 {
	background-color: #F73900;
	border: 1px solid #F73900;
	border-radius: .4vw;
	color: #FFFFFF;
	float: right;
	font-family: Roboto;
	font-size: 1vw;
	height: 1.8vw;
	margin-right: 2.2vw;
	margin-top: .5vw;
	padding-bottom: .2vw;
	cursor: pointer;
	padding-left: .5vw;
	padding-right: .5vw;
	overflow: hidden;
}

.buttonBigBlue {
	background-color: #00A6FF;
	border: 1px solid #00A6FF;
	border-radius: .4vw;
	color: #FFFFFF;
	float: right;
	font-family: Roboto;
	font-size: 1vw;
	height: 1.8vw;
	margin-right: 1vw;
	margin-top: .5vw;
	padding-bottom: .2vw;
	cursor: pointer;
	padding-left: .5vw;
	padding-right: .5vw;
	overflow: hidden;
}

.migrator-entity-label{
	padding:10px;
	color:#FFFFFF
}

.editName{
	background-image: url("images/editWhite.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    cursor: pointer;
    height: 25px;
    padding-top: 10px;
    width: 25px;
}

.entityEditField{
	background-color: #FFFFFF;
	border:1px solid #DDDDDD;
	margin-top: 10px;
}

.entityEditFieldError{
	background-color: #FFFFFF;
	border:1px solid red;
	margin-top: 10px;
}

.saveEditName{
	background-image: url("images/saveEditTool.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    cursor: pointer;
    height: 25px;
    padding-top: 10px;
    width: 25px;
}

.save {
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #00A6FF;
	border-radius: .3vw;
	width: 9vw;
	height: 2.1vw;
	font-size: 1vw;
	font-family: Roboto;
	box-shadow: 0 0 .1vw #3B4144;
	float: right;
	cursor: pointer;
}

.cancel {
	color: #ffffff;
	border: solid .1vw #fff;
	background-color: #96AABC;
	border-radius: .3vw;
	width: 9vw;
	height: 2.1vw;
	font-size: 1vw;
	font-family: Roboto;
	box-shadow: 0 0 .1vw #3B4144;
	float: right;
	cursor: pointer;
}

.saveEditName .disabled{
	opacity:0.4;
}

.saveEditName:HOVER{
	opacity:0.7;
}

.cancelEditName{
	background-image: url("images/cancelToolIcon.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    cursor: pointer;
    height: 25px;
    padding-top: 10px;
    width: 25px;
}

.cancelEditName:HOVER {
	opacity:0.7;
}

.validation-tool-bar{
	/* height: calc(1.7vw + 50px); */
    padding-left: 1.8vw;
	/* border-bottom: 1px solid #66CC33; */
    display: table;
    overflow: auto;
    padding-bottom: 1vw;
    width: 100%;
}

.validation-left-header {
	font-size: 1.2vw;
	color: #FFFFFF;
	padding-left: 1vw;
    padding-top: 1vw;
    padding-bottom: .5vw;
}

.validation-tool-button{
    cursor: pointer;
    float: left;
    margin-right: 1.4vw;
    padding-top: 0.8vw;
    display: table-row;
}

.validation-tool-button:HOVER{
	opacity:0.5
}

.validation-tool-button-icon-panel{
	text-align: center;
}

.validation-tool-button-label-panel{
	font-size: 10;
	color:#FFFFFF;
	text-align: center;
}

.validation-text-error{
	border:1px solid red;
}
.validation-left-tree{
	width:94%;
    margin: 10px;
    border-top: 2px solid grey;
	border-bottom: 2px solid grey;
}

.validation-left-tree>tbody>tr>td {
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    padding: 5px 5px 5px 10px;
}
.validation-tree-item-container{
	border-bottom: 1px solid #FFFFFF;
	width:100%;
	cursor: pointer;
}
.validation-tree-item-label{
	color:#CCD8DA;
	font-size:14px;
	padding-bottom: 0.2vw;
    padding-top: 0.2vw;
}

.validation-tree-item-label.selected{
	color:#00A6FF;
	font-weight: bold;
}

.test-case-item{
	color:#B8BABB;
	font-style: italic;
	cursor: pointer;
}
.validation-main-head {
	color:#FFFFFF;
	background-color: #2B3033;
	padding:10px 10px 10px 10px;
}
.validation-create-header{
	font-weight: bold;
	font-size:16px;
	display: inline-block;
}
.validation-back-label {
	font-size: .7vw;
	display: inline-block;
	cursor: pointer;
	float: right;
}
.validation-back-label:HOVER {
	text-decoration: underline;
}

.blue-button-fixed {
	background-color: #00A6FF;
	border: 2px solid #FFFFFF;
	border-radius: 4;
	box-shadow: 1px 1px .1vw #3B4144;
	color: #FFFFFF;
	float: right;
	font-family: Roboto;
	font-size: 14px;
	height: 30px;
	width: 100px;
}

.validation-content-title{
	padding:10px;
	background-color:#2B3033;
	border-bottom: 1px solid #DDDDDD;
	color:#FFFFFF;
	font-size: 1vw;
}

.content-search-field{
    height: 30px;
    width: 85%;
    padding: 5px 5px 5px 40px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #2B3033;
    border-radius: 10px;
    background: url(images/search.svg) no-repeat 10px;
    background-size: 16px;
    background-color: #FFF;
}

.validation-selected-panel{
	border:1px solid #DDDDDD;
	margin:10px;
}

.validation-item-panel {
	width: 96% !important;
    margin-left: 2%;
    margin-right: 2%;
}


.validation-content-panel{
}

.validation-item {
	color:#777777;
    width: 28vw;
    margin-left: .2vw;
}

.validation-item-selected{
	/* background-color: rgba(4, 166, 255, 0.3); */
	background-color: #04A6FF !important;
	color: black;
}

.validation-item-last{	
}

.validation-item-header {
	font-size: 1vw;
	height: 2.5vw;
	border-bottom: 1px solid #cacaca;
}

.validation-item-header:HOVER {
	background-color: rgba(4, 166, 255, 0.3);
	/* background-color: #04A6FF; */
}

.validation-item-header div {
    padding-left: .8vw;
    display: inline-block;
    padding-top: .7vw;
}

.validation-item-name {
    height: 100%;
    width: 90%;
    white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}

.validation-moreInfo {
    font-size: 0.8vw;
    background-color: rgba(186, 209, 218, 0.2);
    padding: 0.5vw 1.5vw 0.5vw 2vw;
    width: unset !important;
	border-bottom: 1px solid #cacaca;
}

.validation-moreInfo div {
    padding: 0.3vw 0.3vw 0.3vw 0.5vw;
}

.validation-label {
	color: #014B8C;
}
.validation-button-panel {
	padding-top: 0.5vw;
    margin-right: 1px;
    margin-left: 1px;
    width: calc(100% - 2px);
    display: table;
    padding-bottom: 0.5vw;
    background-color: rgba(186, 209, 218, 0.2);
}

.validation-move-button{
    cursor: pointer;
    z-index: 10000;
}

.validation-move-button:HOVER {
	background-color: #81BEF7;
}

.instance-selection-check-header{
	color:#FFFFFF;
	background-color: #00A6FF;
}

.instance-selection-check-header-label{
	color:#FFFFFF;
	padding:5px;
	font-size:16px;
	width:156px;
	overflow: hidden;
	padding-top:0;
}

.instance-selection-check-header-label-long{
	width:158px;
}

.instance-selection-check{
	font-size:16px;
	width:158px;
	overflow: hidden;
}

.instance-selection-check-asset-name{
	padding:5px;
	font-size:16px;
	width:156px;
	overflow: hidden;
	padding-top:0;
}

.instance-selection-check-asset-name{
	padding:5px;
	font-size:16px;
	width:156px;
	overflow: hidden;
}

.migrator-filter-rule-match-type-text {
	font-family: Roboto;
	font-size: .8vw;
	color: #667379;
	font-weight: bold;
	float: left;
}

.migrator-filter-rule-match-type-listbox {
	width: 3vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin-right: 0.25vw;
	margin-left: 0.25vw;
	border: 1px solid #c4c9cb;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}

.migrator-filter-add-button {
    width: 3.5vw;
	height: 1.2vw;
	margin: 0.25vw 0.25vw 0.25vw 0.25vw;
    background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	cursor: pointer;
	text-align: center;
}

.migrator-filter-add-button.disabled {
    background-color: #96AABC;
	cursor: not-allowed;
}

.migrator-filter-remove-button {
    width: 3.5vw;
	height: 1.2vw;
	margin: 0.25vw 0.25vw 0.25vw 0.25vw;
    background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	cursor: pointer;
	text-align: center;
}

migrator-filter-remove-button .disabled{
	cursor: default;
	opacity: .5;
}


.migrator-filter-categorys-listbox {
	width: 6vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin: 0.25vw 1.5vw 0.25vw 0.25vw;
	border: 1px solid #c4c9cb;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}

.migrator-filter-conditions-listbox {
	width: 5vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin: 0.25vw 1.5vw 0.25vw 0.25vw;
	border: 1px solid #c4c9cb;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}

.migrator-filter-contents-listbox {
	width: 9.9vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin: 0.25vw 1.5vw 0.25vw 0.25vw;
	border: 1px solid #c4c9cb;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}

.migrator-filter-contents-textbox {
	width: 5vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin: 0.25vw 1.5vw 0.25vw 0.25vw;
	border: 1px solid #c4c9cb;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
}

.ipAndDnsTable {
	width: 400px;
	border: 1px solid gray;
	padding: 5px;
	margin-bottom: 10px;
}

.ipAndDnsHeader {
	background-color: #495256;
	font-size: 1vw;
	color: #FFFFFF;
	cursor: pointer;
	height: 1.1vw;
	padding: 0.38vw;
	width: 30vw;
}

.ipAndDnsTableColumns {
	color: "#FFFFFF";
	width: 100%;
}

.ipAndDnsRows {
	color: "#777777";
	width: 100%;
	border-top: 1px solid #B2C2C8;
}

.ipAndDnsColumnHeaderIpAddress {
	background: "#777777";
	background-color: #00A5FF;
	color: #FFFFFF;
	font-size: 0.9vw;
	width: 13vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.ipAndDnsColumnHeaderDnsName {
	background-color: #00A5FF;
	color: #FFFFFF;
	background: "#777777";
	font-size: 0.9vw;
	width: 18.3vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
}

.ipAndDnsColumnValueIpAddress {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 13vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.ipAndDnsColumnValueDnsName {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 18.3vw;
	padding-right: 1vw;
	border-right: 1px solid #B2C2C8;
	padding: 0.3vw;
	white-space: nowrap;
}

.build-app-group-flex-table {

}

.build-app-group-multi-selection-panel {
	border: 1px solid #B7C2C4;
	border-radius: 5px;
}

.build-app-group-apply-button {
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.5vw;
	width: 3.5vw;
	cursor: pointer;
	text-align: center; 
}

.build-app-group-apply-button-uninstall{
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	cursor: pointer;
	text-align: center; 
}

.build-app-group-apply-button-disabled {
	background-color: #777777;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 3.5vw;
	cursor: default;
	text-align: center;
}

.build-app-group-apply-button-cell {
	vertical-align:bottom;
	display: inline-block;
    float: left;
    position: relative;
    top: 9vw;
    margin-left: 1vw;
}

.build-app-group-filter-label {
	color: #667379;
	font-size: .9vw;
	font-weight: bold;
}

.build-app-group-url-column {
	cursor: pointer;
	color: #00A6FF;
}

.errorCheckbox {
	border: 1px solid red;
}

.dynamic-filter-filters {
	border-right: 1px solid #C4C9CB;
	width: 100%;    
	height: 100%;
}
.dynamic-filters-label {
    background-color: #C4C9CB;
    border-right: 1px solid #B2C2C8;
    cursor: pointer;
    height: 1.6vw;
    line-height: 1.6vw;
    text-align: center;
    font-weight: bold;
}
.dynamic-filters-listbox {
	height: 13.5vw;
	width: 100%;
	font-family: roboto;
}

.dynamic-filters-listbox option {
	padding-bottom: 0.3vw;
}

.dynamic-filter-options {
	width: 10vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin: 0.25vw 0.5vw 0.25vw 0.25vw;
}

.dynamic-filter-options-right {
	color: #667379;
    float: right;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 1.2vw;
    margin: 0.25vw 0 0.25vw 0.25vw;
    width: 10vw;
}

.dynamic-filter-options-right-asr {
    color: #667379;
    float: right;
    font-family: Roboto;
    font-size: 1.0vw;
    height: 1.5vw;
    margin: 0.4vw 0 0.25vw 0.25vw;
    width: 10vw;
}

.dynamic-filter-options-operands {
	width: 5.0vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin: 0.25vw 0.5vw 0.25vw 0.25vw;
}

.dynamic-filter-border-top {
    border-top: 1px solid #B2C2C8;
    width: 100%;
}

.tagBox {
	background-color: #E0EFF4;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    float: left;
    margin: 0.2vw;
}

.tagBox div {
	background-color: #E0EFF4;
	display: inline-block;
    font-weight: 400;
    padding: 0.2vw 0.2vw 0.2vw 0.6vw;
}

.tagBox img {
	cursor: pointer;
  	color: #667379;
}

.tagBox-disabled {
	background-color: #DDDDDD;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    float: left;
    margin: 0.2vw;
}

.tagBox-disabled div {
	background-color: #DDDDDD;
	display: inline-block;
    font-weight: 400;
    padding: 0.2vw 0.2vw 0.2vw 0.6vw;
}

.tagBox-disabled img {
	cursor: not-allowed;
  	color: #667379;
}

.migration-integration-filter-label {
	color: #667379;
	font-size: 0.9vw;
	font-weight: bold;
}

.migration-integration-expand-collapse-icon {
	color: #000000;
	font-size: .8vw;
	font-weight: bold;
	cursor: pointer;
	margin-left: .1vw;
	margin-right: .1vw;
}

.migration-integration-status-detail-button button{
	color: white;
	font-size: .8vw;
	font-family: Roboto;
	background: #00A6FF;
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .3vw;
	box-shadow: 1px 1px .1vw #3B4144;
	cursor: pointer;
}

.migration-integration-status-detail-flexTable {
  border-top: thin solid #C4C9CB;
  border-right: thin solid #C4C9CB;
}

.migration-integration-status-detail-flexTable-headerLabel {
  font-weight: bold;
  color: #111111;
  padding: 3px;
  background-color: #E0EFF4;
}

.migration-integration-status-detail-flexTable-headerLabelCell {
  text-align: center;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #C4C9CB;
  background-color: #E0EFF4;
}

.migration-integration-status-detail-flexTable-cell {
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: #C4C9CB;
  padding: 5px;
}

::-webkit-input-placeholder { /* Chrome */
  color: #667379;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #667379;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #667379;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #667379;
  opacity: 1;
}

.filterNameBox {
	width: 21vw;
	height: 2vw;
	border: 1px solid #CCC;
	border-radius: 4px;
	margin-top: 3px;
}
.column-selection{
	background: url("images/dropdown-selector.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border: 1px solid;
    color: #667379;
    cursor: pointer;
    float: right;
    font-family: Roboto;
    font-size: 14px;
    height: 22px;
    line-height: 1.5;
    margin: -6px 5px 5px;
    padding-right: 35px;
    padding-top: 2px;
    width: 66px;
}

.column-selection-popup{
	background-color: #FFFFFF;
	border:1px solid #777777;
	z-index: 99999;
}
.column-selection-item{
	padding:5px;
}

.expandCollapseAll {
	color: #00A6FF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 0.7vw;
	font-weight: normal;
	margin-top: .1vw;
	margin-right: 0.2vw;
}

.filter-left-item{
	padding:5px;
	border-bottom: 1px solid #777777;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	width:195px;
  	cursor:pointer;
  	color:#9BACB2;
}

.filter-left-item:HOVER {
	color:#00A6FF;
}

.filter-left-item.selected{
	background-color:#00A6FF;
	color:#FFFFFF;
}

.filter-left-item-system{
	padding:5px;
	border-bottom: 1px solid #777777;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	width:195px;
  	cursor:pointer;
    font-weight: bold;
    color:#66CC33;
}

.filter-left-item-system:HOVER {
	color:#00A6FF;
}

.filter-left-item-system.selected{
	background-color:#777777;
}

.filter-left-item-partner{
	padding:5px;
	border-bottom: 1px solid #777777;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	width:195px;
  	cursor:pointer;
    font-weight: bold;
    color:#FF5733;
}

.filter-left-item-partner:HOVER {
	color:#00A6FF;
}

.filter-left-item-partner.selected{
	background-color:#777777;
}

.center-align-button{
	position:absolute;
	top:35%;
	left:35%;
}
.gwt-SuggestBox {
    border: 0.1vw solid #DDDDDD;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    box-shadow: none;
    margin-top: 0.3vw;
}

.gwt-SuggestBox-error {
    border: 0.1vw solid red;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    box-shadow: none;
    margin-top: 0.3vw;
}

.gwt-SuggestBoxPopup{
	left: 697px;
    overflow: visible;
    position: absolute;
    top: 158px;
    visibility: visible;
    z-index: 1000;
    max-height: 190px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    width: 8vw;
}

.gwt-SuggestBoxPopup{
	left: 697px;
    overflow: visible;
    position: absolute;
    top: 158px;
    visibility: visible;
    z-index: 1000;
    max-height: 190px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}

.gwt-SuggestBoxPopup > div{
	max-height: 190px;
	overflow: auto;
}
.select-plan-label{
	font-weight: bold;
	line-height: 2;
	padding-left:10px;
	float:right;
}

.action-grid-data-cell-group-name {
	padding: .5vw 0 0 .5vw;
	font-size: .75vw;
	color: #667379;
	text-align: left;
	min-height: 1.5vw;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
	width: 4vw;
	word-wrap:break-word;
}

.action-grid-data-cell-test-name {
	font-size: .75vw;
	color: #667379;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
	word-wrap:break-word;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    width: 80%;
}

.filter-selection-scroll-panel{
	border-top:1px solid #777777;
}

.validation-grid-header-label{
	font-size:16px;
	color:#777777;
	padding:5px;
}
.validation-selected-tab{
	border-bottom: 2px solid #495256;
    color: #66CC33 !important;
}
.validation-savebutton{
		float:right;
		width:150px;
		margin-right:10px;
}

.validation-data-panel-grid{
	max-height: 290px;
}

.assessment-error-cell{
	color:red;
	width: 250px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
}

.assessment-detail{
	cursor:pointer;
}

.assessment-actions{
	margin-right: 0.2vw;
    width: 10vw;
    color: #667379;
    font-family: roboto;
}

.assessmenet-apply-button{
	margin:2px;
}

.action-grid-data-cell-assessment {
	padding: .5vw 0 0 .5vw;
	font-size: .75vw;
	color: #667379;
	text-align: left;
	min-height: 1.5vw;
	height:1.7vw;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}

.buttonblue-config-small{
    background-color: #00A6FF;
    border: 2px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px #3B4144;
    color: #FFFFFF;
    float: left;
    font-family: Roboto;
   	font-size: 12px;
    height: 1.4vw;
    margin-bottom: 5px;
    width: 4.5vw;
    cursor: pointer;
}

.banner-box{
	padding: 1vh 0.5vw 0vh 0.5vw;
    text-align: center;
    position: absolute;
    top: 3.5vh;
    border-top: none;
    background-color: #FFFFFF;
    border: 2px solid #DB3535;
    left: 50%;
    opacity: 0.9;
    transform: translate(-50%, -50%);
}

.banner-message{
	float:left;
	width:43.8vw;
	font-size:14px;
}

.banner-action{
	float:left;
	cursor:pointer;
	width:3vw;
}

.banner-message-label{
	/*padding-top:0.8vw;*/`
}

.banner-action-close{
	float:left;
	padding:8px;
	cursor:pointer;
	border-top:none;
	background-color: #66CC33;
    border-color: #66CC33;
    margin-top:-5px
}
	
.edge-selection-panel {
	/*height: 350px;*/
	padding: 15px;
	margin: 10px;
	border: 1px solid #DDDDDD;
	min-height:100px;
}

.tinyBlueButton {
	background-color: #00A6FF;
	border: 1px solid #96AABC;
  	border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
	color: #FFFFFF;
	cursor: pointer;
  	float: right;
  	font-family: Roboto;
  	font-size: 0.8vw;
  	height: 1.6vw;
  	margin-left: 0.6vw;
  	margin-right: 15px;
  	margin-top: 0.3vw;
  	width: 3vw;
}

.tinyBlueButtonDisabled {
	background-color: #777777;
	border: 1px solid #96AABC;
  	border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
	color: #FFFFFF;
	cursor: default;
  	float: right;
  	font-family: Roboto;
  	font-size: 0.8vw;
  	height: 1.6vw;
  	margin-left: 0.6vw;
  	margin-right: 15px;
  	margin-top: 0.3vw;
  	width: 3vw;
}

.tinybluecreatenew {
	background-color: #00A6FF;
	border: .1vw solid #00A6FF;
	border-radius:
	.3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .8vw;
	height: 4vh;
	width: 4.5vw;
	margin-top: .3vw;
	margin-right: .5vw;
	margin-bottom: .5vw;
	cursor: pointer;
	float: right;
}

.largertextbox {
	-moz-box-sizing: border-box;
	border: 1px solid #C4C9CB;
	border-radius: 5px 5px 5px 5px;
  	color: #667379;
  	font-family: Roboto;
  	font-size: 1vw;
  	height: 2.3vw;
  	margin: 5px 5px 5px 0.8vw;
  	width: 13.2vw;
}

.largertextboxerror {
	-moz-box-sizing: border-box;
	border: 1px solid red;
	border-radius: 5px 5px 5px 5px;
  	color: #667379;
  	font-family: Roboto;
  	font-size: 1vw;
  	height: 2.3vw;
  	margin: 5px 5px 5px 0.8vw;
  	width: 13.2vw;
}

.textLabel {
	margin: 0.9vw 5px 5px;
	width: 10vw;
}

.errorMsgLabelASR{
	width: 24.9vw;
	color: #DB3535;
	text-align: left;
}

.asr-migration-header-label {
    color: #667379;
    font-size: 0.9vw;
    font-weight: bold;
    margin-top: 1.3vw;
}

.asr-migration-step4 {
    width:100%;
    /* border-top: 1px solid #99A6AA; */
    margin-top: 0.6vw;
}

.asr-migration-header-label-step4 {
	color: #667379;
	font-size: 0.9vw;
	font-weight: bold;
	margin-top: 0.5vw;
}

.asr-create-button-small {
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 3.5vw;
	cursor: pointer;
	text-align: center;
	margin-top: 0.6vw;
}

.asr-migration--create-button-small {
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 3.5vw;
	cursor: pointer;
	text-align: center;
	 margin: 0.9vw 0.4vw;
}

.cancelButtonASR {
	background: transparent;
	border: medium none;
	border-radius: .3vw;
	color: #00A6FF;
	float: right;
	font-size: .7vw;
	height: 4vh;
	width: 4.5vw;
	cursor: pointer;
	margin-right: 5px;
	margin-top: 0.3vw;
}

.containerPanel {
	background-color: #666666;
}

.export-template-container-enable{
	pointer-events: auto;
}

.export-template-container-disable{
	pointer-events: none;
}

.export-template-draggable {
	/* margin: 1vw; */
	border: 1px solid blue;
	background-color: #B3FF87; /* bright green */
}

.export-template-draggable,
.export-template-draggable DIV {
	/* display: inline; */
	display: inline-block;
}

.export-template-TagBoxClose {
	cursor: pointer;
}

.validation-grid-empty {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCD8DA;
    border-left: 1px solid #CCD8DA;
    border-right: 1px solid #CCD8DA;
    padding: 0.5vw;
    text-align: center;
    vertical-align: top;
    width: 98.6%;
}

.validation-inner-grid-header {
    background-color: #E0EFF4;
    border-bottom: 1px solid #B7C2C4;
    border-top: 1px solid #B7C2C4;
    color: #667379;
    font-size: 0.7vw;
    font-weight: 500;
    height: 1.4vw;
    overflow: hidden;
    padding: 0.25vw;
    text-align: left;
}

.splitLayoutPanel .gwt-SplitLayoutPanel-HDragger { 
	border-top: 2px solid #000000;
    background:#66cc33;
    cursor: col-resize;
}

.splitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
	border-top: 2px solid #000000;
    background: #66cc33;
    cursor: row-resize;
}

.refreshGrid:before {
	background: url("images/refresh-small.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    content: "";
    float: left;
    height: 1.3vw;
    left: -0.4px;
    margin-right: 0.4vw;
    margin-top: -0.2vw;
    width: 1.1vw;
}

.refreshGrid{
	color: #00A6FF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 0.7vw;
    font-weight: normal;
    margin-right: 0.5vw;
    margin-top: 0.1vw;
}

.appViewSaveNewAppTagTextBox{
	background-color: #fff;
	font-size: .75vw;
	height: 1.2vw;
	width: 10vw;
	padding-left: .2vw;
	margin-right: .5vw;
	border-radius: .2vw;
	font-family: Roboto;
	margin-top: .3vw;
}

.appViewSaveNewAppTagTextBoxError{
	background-color: #fff;
	font-size: .75vw;
	height: 1.2vw;
	width: 10vw;
	padding-left: .2vw;
	margin-right: .5vw;
	border-radius: .2vw;
	font-family: Roboto;
	margin-top: .3vw;
	border: 1px solid red;
}
.migr-dma-host-grid {
	/* border: 1px solid #B2C2C8; */
	border-left: 1px solid #B2C2C8;
	border-right: 1px solid #B2C2C8;
	border-bottom: 1px solid #B2C2C8;
	background-color: #e0eff4;
}

.migr-dma-sqlinstance-grid {
	/* border: 1px solid #B2C2C8; */
	border-left: 1px solid #B2C2C8;
	border-right: 1px solid #B2C2C8;
	border-bottom: 1px solid #B2C2C8;
	background-color: #f0f6f7;
}

.migr-dma-database-grid {
	/* border: 1px solid #B2C2C8; */
	border-left: 1px solid #B2C2C8;
	border-right: 1px solid #B2C2C8;
	border-bottom: 1px solid #B2C2C8;
	background-color: #ffffff;
}

.migr-dma-grid-main-header-row {
	background-color: #00a6ff;
	height: 1.8vw;
	table-layout: fixed;
}

.migr-dma-grid-main-header-row td {
	border: 1px solid #B2C2C8;
	overflow:hidden;
}

.migr-dma-grid-main-header-label {
	/* padding: .25vw; */
	padding-top: .25vw;
	font-size: .9vw;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	white-space: normal !important;
	overflow: hidden;
}

.migr-dma-inner-grid-box {
	border-top: 1px solid #CCD8DA;
	border-right: 1px solid #CCD8DA;
	margin: .5vw;
	float:right;
}

.migr-dma-host-grid-data-row {
	background-color: #e0eff4;
	border-top: 1px solid #B2C2C8;
	table-layout: fixed;
	padding: 0.5vw 0px 0.5vw 0px;
}

.migr-dma-sqlinstance-grid-data-row {
	background-color: #f0f6f7;
	border-top: 1px solid #B2C2C8;
	table-layout: fixed;
	padding: 0.5vw 0px 0.5vw 0px;
}

.migr-dma-database-grid-data-row {
	background-color: #ffffff;
	border-top: 1px solid #B2C2C8;
	table-layout: fixed;
	padding: 0.5vw 0px 0.5vw 0px;
}

.migr-dma-host-grid-data-row td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.migr-dma-sqlinstance-grid-data-row td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.migr-dma-database-grid-data-row td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.migr-dma-button {
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 3.5vw;
	cursor: pointer;
	text-align: center; 
}

.break-word{
	word-wrap: break-word;
}

.migr-dma-button.disabled{
	background-color: #777777;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 3.5vw;
	cursor: default;
	text-align: center;
}

.migr-dma-button-fixed-width {
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 50%;
	cursor: pointer;
	text-align: center; 
}

.migr-dma-button-fixed-width.disabled{
	background-color: #777777;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 50%;
	cursor: default;
	text-align: center;
}

.migr-dma-expand-arrow {
	font-weight: bold;
	cursor: pointer;
	float:left;
}

.migr-dma-show-detail-button {
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: 50%;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 1.2vw;
	cursor: pointer;
	text-align: center; 
}

.migr-dma-show-detail-button.disabled{
	background-color: #777777;
	border: .1vw solid transparent;
	border-radius: 50%;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 1.2vw;
	cursor: default;
	text-align: center;
}

.migr-dma-instance-more-info-grid {
	/* border: 1px solid #B2C2C8; */
	border-left: 1px solid #B2C2C8;
	border-right: 1px solid #B2C2C8;
	border-bottom: 1px solid #B2C2C8;
	background-color: #e0eff4;
}

.migr-dma-grid-instance-more-info-row {
	background-color: #00a6ff;
	height: 1.8vw;
	table-layout: fixed;
}

.migr-dma-grid-instance-more-info-row td {
	border: 1px solid #B2C2C8;
	overflow:hidden;
}

.migr-dma-grid-instance-more-info-label {
	/* padding: .25vw; */
	padding-top: .25vw;
	font-size: .9vw;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	white-space: normal !important;
	overflow: hidden;
}

.migr-dma-instance-more-info-data-row {
	background-color: #f0f6f7;
	border-top: 1px solid #B2C2C8;
	table-layout: fixed;
	padding: 0.5vw 0px 0.5vw 0px;
}

.migr-dma-instance-more-info-data-row td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}


	
.migratorLHPSearchBox {
	float: left;
	border: none;
	font-size: 0.7vw;
	margin: 0.2vw 0;
	height: 1.5vw;
	width: 80%;
	border-radius: 0 .25vw .25vw 0;
}

.migratorSuggestBox {
    visibility: visible;
    overflow: visible;
    position: absolute;
   	left: 2.35vw !important;
    top: 8.6vw !important;
    width: 13.6vw;
    z-index: 1000;
	background-color: rgb(255, 255, 255);
	border: 2px solid threeddarkshadow;
	font-family: Roboto;
	font-size: 0.8vw;
	margin-top: 0.2vw;
}

.migratorSuggestBoxItem:hover {
	background-color: #d6d7d8;
}

.suggestPopupContent{
    height: 15vw;    
    overflow-y: scroll;
    width: 13.6vw;
    overflow: auto;
}

.suggestPopupContent table {
    width: 13.2vw;
}

.divTextInfoMsgStar {
	display: table;
	float: left;
	font-family: Roboto;
	height: 1.5vw;
	text-align: center;
	width: 3%;
}

.divTextInfoMsg {
	float: left;
	font-family: Roboto;
	width: 95%;
	margin-left: 2px;
	margin-top: 3px;
}

.fieldLabelCI {
	color: #667379;
	font-size: 0.9vw;
	line-height: 0.9vw;
	padding-bottom: 0.3vw;
	padding-left: 0.1vw;
}

.dynamic-filter-add-tag-options {
	width: 10.5vw;
	height: 1.2vw;
	font-family: Roboto;
	font-size: .7vw;
	color: #667379;
	margin: 0.25vw 0.5vw 0.25vw 0.25vw;
}

.migr-azure-migrate-host-grid {
	/* border: 1px solid #B2C2C8; */
	border-left: 1px solid #B2C2C8;
	border-right: 1px solid #B2C2C8;
	border-bottom: 1px solid #B2C2C8;
	background-color: #e0eff4;
}

.migr-azure-migrate-storage-grid {
	/* border: 1px solid #B2C2C8; */
	border-left: 1px solid #B2C2C8;
	border-right: 1px solid #B2C2C8;
	border-bottom: 1px solid #B2C2C8;
	background-color: #f0f6f7;
}

.migr-azure-migrate-grid-main-header-row {
	background-color: #00a6ff;
	height: 1.8vw;
	table-layout: fixed;
}

.migr-azure-migrate-grid-main-header-row td {
	border: 1px solid #B2C2C8;
	overflow:hidden;
}

.migr-azure-migrate-grid-main-header-label {
	/* padding: .25vw; */
	padding-top: .25vw;
	font-size: .9vw;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	white-space: normal !important;
	overflow: hidden;
}

.migr-azure-migrate-inner-grid-box {
	border-top: 1px solid #CCD8DA;
	border-right: 1px solid #CCD8DA;
	margin: .5vw;
	float:right;
}

.migr-azure-migrate-host-grid-data-row {
	background-color: #e0eff4;
	border-top: 1px solid #B2C2C8;
	table-layout: fixed;
	padding: 0.5vw 0px 0.5vw 0px;
}

.migr-azure-migrate-storage-grid-data-row {
	background-color: #f0f6f7;
	border-top: 1px solid #B2C2C8;
	table-layout: fixed;
	padding: 0.5vw 0px 0.5vw 0px;
}

.migr-azure-migrate-host-grid-data-row td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.migr-azure-migrate-storage-grid-data-row td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.migr-azure-migrate-button {
	background-color: #00A6FF;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 3.5vw;
	cursor: pointer;
	text-align: center; 
}

.migr-azure-migrate-button.disabled{
	background-color: #777777;
	border: .1vw solid transparent;
	border-radius: .3vw;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .7vw;
	height: 1.2vw;
	width: 3.5vw;
	cursor: default;
	text-align: center;
}

.migr-azure-migrate-expand-arrow {
	font-weight: bold;
	cursor: pointer;
	float:left;
}

.surveyQuestionLabel {
	font-size: 1vw;
	color: #667379;
	float: left;
	margin-top: 1vw;
    width: 34vw;
    margin-bottom: 1vw;
}

.surveyQuestionOrderLabel {
	font-size: 1vw;
	color: #667379;
	float: left;
	margin-top: 1vw;
	padding-right: 0.2vw;
}
	
.surveyAnswerCheckBox {
	float: left;
	margin-top: 0.4vw;
	clear: left;
	margin-left: 1vw;
	color: #667379;
}

.surveyAnswerCheckBox label {
	margin-left: 0.5vw
}

.survey-answer-text-area {
    width: 36vw;
    height: 5vw;
    resize: none;
    color: #667379;
}

.answer-panel{
	margin-top: 4vw;
	height: 6vw;
	margin-left: 1vw;
}

.answer-select-choices-panel{
	margin-right: 3vw;
}

.answer-select-choices-radio {
    font-size: .75vw;
    color: #667379;
    text-align: left;
    min-height: 1.5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.progressBarProgressLabel {
	text-align: center;
	font-size: 0.7vw;
	color: #667379;
	margin-top: 0.2vw;
}
	
.tinyblueApplyAndReset {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .3vw;
	box-shadow: 1px 1px .1vw #3B4144;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: .8vw;
	height: 1.4vw;
	width: 4.5vw;
	margin: 0.3vw 0.1vw 0.5vw 1.5vw;
	cursor: pointer;
}

.tinyblueApplyAndReset.disabled {
	background-color: #96AABC;
    cursor: not-allowed;
}

progress,          /* All HTML5 progress enabled browsers */
progress[role]     /* polyfill */
{

	/* Turns off styling - not usually needed, but good to know. */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;

	/* gets rid of default border in Firefox and Opera. */ 
	border: none;

	/* Needs to be in here for Safari polyfill so background images work as expected. */
	background-size: auto;
   	background: #E6F0F7 !important; /* !important is needed by the polyfill */
	
	/* Dimensions */
	height: 0.5vw;
	
	border-radius: 20px;
	
}

/* Polyfill */
progress[role]:after {
	background-image: none; /* removes default background from polyfill */
}

/* Ensure fallback text doesn't appear in polyfill */
progress[role] strong {
	display: none;
}

/* Chrome */
progress::-webkit-progress-bar {
    background: #E6F0F7;
}

/* IE10 */
progress {
    color: #00a5ff;
}

/* Firefox */
progress::-moz-progress-bar { 
    background: #00a5ff;	
}

/* Chrome */
progress::-webkit-progress-value {
    background: #00a5ff;
}

/* Polyfill */
progress[aria-valuenow]:before  {
    background: #00a5ff;
}

.validation-more-info-header-row {
	width:100%;
	background-color: #495256;
	table-layout: fixed;
}

.validation-more-info-header-row td {
	border: 1px solid #B2C2C8;
	overflow:hidden;
}

.validation-more-info-header-label {
	padding-top: .25vw;
	font-size: .6vw;
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
	white-space: normal !important;
	overflow: hidden;
}

.validation-more-info-data-row {
	width:100%;
	background-color: #e0eff4;
	table-layout: fixed;
	font-size: .6vw;
}

.validation-more-info-data-row td {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	border: 1px solid #B2C2C8;
}

.errorMsgLabelAzureMigrate {
	color: #DB3535;
	text-align: left;
}

.textLabelAzureMigrate {
	margin: 0px 5px 0px 5px;
	width: 10vw;
}

.dropdownmask-azure-migrate-popup-small {
	background: url("images/dropdown-selector.png") no-repeat scroll 11.05vw 0 / 1.7vw auto rgba(0, 0, 0, 0.069);
    border: 1px solid #3F3F40;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    color: #667379;
    float: left;
    font-family: Roboto;
    font-size: 0.7vw;
    margin: 0.2vw 0.5vw 0.25vw 0.8vw;
    overflow: hidden;
    width: 12.55vw;
}

.dropdownmask-azure-migrate-popup-small-error {
	background: url("images/dropdown-selector.png") no-repeat scroll 11.05vw 0 / 1.7vw auto rgba(0, 0, 0, 0.069);
    border: 1px solid red;
    border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
    color: #667379;
    float: left;
    font-family: Roboto;
    font-size: 0.7vw;
    margin: 0.2vw 0.5vw 0.25vw 0.8vw;
    overflow: hidden;
    width: 12.55vw;
}

.gwt-ListBox-azure-migrate {
    -moz-appearance: window;
    background: url("images/dropdown-selector.png") no-repeat scroll 11.05vw 0 / 1.7vw auto rgba(0, 0, 0, 0);
    border: 0 none;
    color: #667379;
    font-family: Roboto;
    font-size: 0.7vw;
    height: 1.7vw;
    padding: 0.3vw 1.3vw 0 0.25vw;
    width: 18vw;
}

.ui-link {
	margin: 0px;
	padding: 0px;
	font-size: 0.65vw;
}

.expand-collapse-panel {
	width: 8vw;
	margin-top: 5px;
	margin-right: 1vw;
	
}
.test-item {
	width: 100%;
}
.lastUpdatedLabel {
	margin-top : 10px;
	margin-left: 5px;
	color: grey;
	font-size: 0.7vw;
	font-style: italic;
}
.accountTitle {
	font-weight: bold;
	font-size: 1vw;
	margin-bottom: 5px;
	margin-left: 5px;
	display: inline-block;
}
.masterContainer {
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    float: left;
    width: 96%;
    background-color: #E6F0F7;
}
.masterContainer > div {
	display: inline-block;
	float: left;
	width: 48%;
}
.masterContainer hr, #awsAccountGrid hr {
	border-style: solid !important;
    border-color: #E0E0E0;
    border-width: 1px;
}
.caLink {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}
.masterGridPanel {
	padding-right: 2vw;
}
.masterGridPanel div {
	padding: .1vw;
}
.downloadGridPanel {
	border-left: 1px solid grey;
	padding-left: 1vw;
}
.miniButton {
	float: right;
    height: 1vw;
    font-size: .5vw;
    width: 7vw;
}
.awsSetup .inputBox:disabled {
	background-color: #f2f2f2;
    color: grey;
}
.gridHeaderdiv {
	font-weight: bold;
	font-size: 1vw;
}
#awsAccountGrid {
	width:98%;
	float:left;
	margin-top: 10px;
}
#masterDetailDiv {
    border-right-style: solid !important;
    border-right-color: #E0E0E0;
    border-right-width: 1px;
    margin-right: 1%;
    padding-right: 1%;
}
#stepsDiv div {
	display: inline-block;
}
#stepsDiv ol {
	line-height: 1.5vw;
    margin-block-start: 0px;
}
#privilegeContainer {
	height: 15vw;
    width: 22vw;
    border: 1px solid darkgrey;
    border-radius: 10px;
    padding: 10px;
}
.privilege {
    padding: 5px;
    border-bottom: .5px inset;
}
.privilegeHeader {
	margin-bottom: 5px;
    color: #667379;
}
.usersListBox {
	width: 12vw;
	font-family: Roboto;
	font-size: .8vw;
	color: #667379;
	height: 13vw;
}
.usersListBox option {
	padding: 5px 10px 4px 10px;
}
.roleHeader {
    font-weight: bold;
    font-size: 1vw;
    margin-bottom: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid lightgrey;
	margin-top: 10px;
}
.roleName {
    font-size: 1vw;
    margin-bottom: .5vw;
    padding-bottom: .5vw;
}
.roleDesc {
	font-size: .7vw;
    line-height: 1vw;
    color: grey;
    margin-bottom: 2vw;
}
.errorLabel {
	font-size: 0.7vw;
	color: red;
	padding-bottom: 10px;
}

.cancelBlueButton {
	background: transparent;
	border: medium none;
	border-radius: .3vw;
	color: #00A6FF;
	float: right;
	font-size: .7vw;
	height: 1.5vw;
	width: 4.5vw;
	cursor: pointer;
	margin-right: 5px;
}

.bluePrimary {
	background-color: #00A6FF;
	border: 1px solid #00A6FF;
	border-radius: .3vw;
	color: #FFFFFF;
	float: right;
	font-size: .8vw;
	height: 1.5vw;
	width: 4.5vw;
	cursor: pointer;
}

.bluePrimary:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}

.bluePrimary:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

.secondaryButton:active, .secondaryButton:hover {
	background-color: #58C4FF;
	border: 2px solid #04A6FF;
	color: #FFF;
}

.secondaryButton:focus {
	border: 2px solid #0089D4;
	color: #0089D4;
}

.secondaryButton {
	background-color: transparent;
    border: 2px solid #04A6FF;
	border-radius: 0.3vw;
	color: #04A6FF;
	cursor: pointer;
	font-family: Roboto;
	font-size: 0.8vw;
	height: 1.5vw;
	width: 5vw;
	float: right;
	margin-right: 1vw;
}
.messageLabel {
	float: left;
	width: 99%;
	line-height: 1.5vw;
	word-spacing: .1vw;
	margin: .5vw;
	font-size: .8vw;
	color: #667379;
}
.actionPanel {
	height: 1.5vw;
    line-height: 1.5vw;
    padding: .2vw;
    margin-top: 1.5vw;
    float: right;
}
.bigButton {
	width: 9vw;
    height: 2.1vw;
    font-size: 1vw;
}
.background-loading {
  background-image: url("images/cloudamize_loading.gif");
  background-repeat: no-repeat;
  background-size: 4vw;
  background-position: center; 
}
.enable-block {
	opacity: 1;
	pointer-events: auto;
}
.disable-block {
	opacity: 0.3;
	pointer-events: none;
}

.listIcon{
    height: 12px;
    vertical-align: middle;
    float: left;
    margin-left: 1vw;
}
.rdsGridLink {
    cursor: pointer;
    color: #00A6FF;
    text-align: center;
}
.rdsGridRowHighlight {
}
.rdsGridRowHighlight td{
	color: black;
    background-color: #f2f2f2;
}

.complexity-detail-table {
	margin-left: 1vw;
	border: 1px solid #575860;
	color: #667379;
	font-size: .8vw;
    margin-left: .5vw;
    margin-bottom: 10px;
    width: 98%;
    border-radius: 10px;
    border-top: none;
    padding: 0.5vw;
    border-collapse: collapse; 
}
.complexity-detail-table tr {
	border-top: solid thin;
}
.complexity-detail-table tr:first-child {
	background-color: #e0eff4;
}
.complexity-table-head {
	font-weight: bold;
}
.complexity-popup {
	max-height: 95%;
    overflow: scroll !important;
    padding: 5px 15px 2vw 10px;
    background-color: #f1f1f1;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    border: solid 1px #575860;
    border-radius: 5px;
    z-index: 1001;
}
.complexity-popup-glass {
	background-color: #FFF;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	z-index: 1000;
}
.complexity-popup-head {
	font-size: 1.3vw;
    font-weight: bold;
    color: #667379;
    padding: 10px 0px 15px;
    letter-spacing: .3px;
}
.complexity-popup-close {
	font-size: 1vw;
    font-weight: bold;
    color: #667379;
    padding: 10px 0px 15px;
    letter-spacing: .3px;
    float: right;
    cursor: pointer;
}
.complexity-stack-header {
	font-size: .8vw;
    padding: 10px;
    background-color: #e3e3e3;
    color: #667379;
    border-radius: 5px;
    border: 1px solid;
    border-top: .5px solid;
    border-bottom: none;
    border-bottom-style: groove;
    cursor: pointer;
}
.gwt-StackPanelItem-selected .complexity-stack-header {
	font-weight: 500;
    color: black;
    font-size: .8vw;
    letter-spacing: .3px;
    word-spacing: 2px;
}


/* ---------------Left Navigation Panel --------------*/
.boxpanel-instance {
	float: right;
	background-color: none;
	cursor: default;
	width: 100% !important;
}

/* -------------------- Migrator Infra Selection ---------- */

.infra-selection-panel {
	width: 97%;
    padding-bottom: 1vw;
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: 1vw;
    padding: .7vw .5vw 1vw 1.5vw;
}

.infra-selection-container {
	display: inline-block;
    float: left;
    margin-right: 1vw;
}

.infra-select-all {
	display: inline-block;
	margin-top: .5%;
	margin-left: .5%;
	font-size: .7vw;
	height: 15%;
}

.inline-element {
	display: inline-block;
    float: left;	
}

.infra-selection-element {
    padding: .4vw;
    display: block;
    border-bottom: 1px solid lightgrey;
    word-spacing: 2px;
	font-size: .7vw;
	min-height: 1.3vw;
}

.infra-selection-element-selected {
    background-color: lightgray !important;
    font-weight: 450;
}

.infra-selection-element input {
    margin-right: .5vw;
}
.infra-selection-expand {
    width: 8%;
    height: 2vw;
	float: right;
	cursor: pointer;
	background: url("images/expand-icon.png") no-repeat;
	background-position: left center !important;
}

.infra-group-item {
    display: block;
    border-bottom: 1px solid lightgrey;
    word-spacing: 2px;
	font-size: .7vw;
	width: 100%;
	height: 2vw;
}
.infra-group-item > span {
	width: 90%;
	position: relative;
    top: .5vw;
}
.infra-group-item input {
	margin-right: .5vw;
	margin-left: .6vw;
}
.infra-group-item label {
    max-width: 12vw;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-margin-right {
	margin-right: 0px;
}
.searchField {
	background: url("images/search.png") no-repeat scroll .25vw .25vw transparent;
	border: 1px solid #999999;
	border-radius: 0.3vw;
	color: #666666;
	float: right;
	font-size: 0.7vw;
	line-height: 1;
	padding: 0.35vw 0.25vw 0.35vw 1.5vw;
	width: 14vw;
	font-style: italic;
	background-size: 7%;
}
/* --------------- Upload Popup --------------- */
.upload-button {
	background-color: #00A6FF;
	border: .1vw solid #FFFFFF;
	border-radius: .25vw;
	box-shadow: .1vw .1vw .1vw #3B4144;
	color: #FFFFFF;
	float: right;
	font-size: .8vw;
	height: 1.9vw;
	width: 8.25vw;
}

.upload-button:hover {
	background: #00A6FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A6FF),
		to(#00678e));
	background: -moz-linear-gradient(top, #00A6FF, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A6FF',
		endColorstr='#00678e');
}
.upload-cancel-button {
	background: transparent;
	border: medium none;
	border-radius: .4vw;
	color: #ED3E37;
	float: right;
	font-size: .7vw;
	height: 1vw;
	margin: .55vw .5vw 0 .5vw;
	padding-top: 0;
	width: 3vw;
	cursor: pointer;
	padding-bottom: .1vw;
}
.upload-error-label {
	color: #DB3535;
	font-family: Roboto;
	font-size: .7vw;
	float: left;
	padding: 1vw 0 1vw 0;
}
.upload-button-panel {
	margin:.75vw; 
	margin-top:1vw;
	width:400px;
	border-top:1px solid #C4C9CB; 
	padding-top: 10px; 
	display:table;
}
.upload-form {
	margin:.75vw; 
	margin-top:1vw;
}

/* --------------- Download Widget --------------- */
.download-label {
    cursor: pointer;
    color: #00A6FF;
    font-size: .7vw;
    margin-right: .5vw;
    margin-left: .5vw;
    display: inline-block;
    vertical-align: super;
}

.profile-name {
    max-width: 2vw;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50%;	
}